@boxcustodia/library 2.0.0-alpha.18 → 2.0.0-alpha.19
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/dist/components/accordion/accordion.cjs.js +2 -0
- package/dist/components/accordion/accordion.es.js +118 -0
- package/dist/components/alert/alert.cjs.js +2 -0
- package/dist/components/alert/alert.es.js +99 -0
- package/dist/components/alert-dialog/alert-dialog.cjs.js +2 -0
- package/dist/components/alert-dialog/alert-dialog.es.js +221 -0
- package/dist/components/auto-complete/auto-complete.cjs.js +2 -0
- package/dist/components/auto-complete/auto-complete.es.js +344 -0
- package/dist/components/avatar/avatar.cjs.js +2 -0
- package/dist/components/avatar/avatar.es.js +147 -0
- package/dist/components/button/button.cjs.js +2 -0
- package/dist/components/button/button.es.js +57 -0
- package/dist/components/button/components/base-button.cjs.js +2 -0
- package/dist/components/button/components/base-button.es.js +46 -0
- package/dist/components/calendar/calendar.cjs.js +2 -0
- package/dist/components/calendar/calendar.es.js +138 -0
- package/dist/components/card/card.cjs.js +2 -0
- package/dist/components/card/card.es.js +142 -0
- package/dist/components/center/center.cjs.js +2 -0
- package/dist/components/center/center.es.js +23 -0
- package/dist/components/checkbox/checkbox.cjs.js +2 -0
- package/dist/components/checkbox/checkbox.es.js +229 -0
- package/dist/components/checkbox-group/checkbox-group.cjs.js +2 -0
- package/dist/components/checkbox-group/checkbox-group.es.js +59 -0
- package/dist/components/combobox/combobox.cjs.js +2 -0
- package/dist/components/combobox/combobox.es.js +689 -0
- package/dist/components/date-picker/date-input.cjs.js +2 -0
- package/dist/components/date-picker/date-input.es.js +152 -0
- package/dist/components/date-picker/date-picker.cjs.js +2 -0
- package/dist/components/date-picker/date-picker.es.js +262 -0
- package/dist/components/date-picker/date-picker.utils.cjs.js +1 -0
- package/dist/components/date-picker/date-picker.utils.es.js +73 -0
- package/dist/components/date-picker/use-date-input-popover.cjs.js +1 -0
- package/dist/components/date-picker/use-date-input-popover.es.js +26 -0
- package/dist/components/date-picker/use-date-input.cjs.js +1 -0
- package/dist/components/date-picker/use-date-input.es.js +64 -0
- package/dist/components/dialog/dialog.cjs.js +2 -0
- package/dist/components/dialog/dialog.es.js +221 -0
- package/dist/components/divider/divider.cjs.js +2 -0
- package/dist/components/divider/divider.es.js +27 -0
- package/dist/components/dropzone/dropzone.cjs.js +2 -0
- package/dist/components/dropzone/dropzone.es.js +303 -0
- package/dist/components/dropzone/file-types.cjs.js +1 -0
- package/dist/components/dropzone/file-types.es.js +57 -0
- package/dist/components/empty/empty.cjs.js +2 -0
- package/dist/components/empty/empty.es.js +128 -0
- package/dist/components/field/field.cjs.js +2 -0
- package/dist/components/field/field.es.js +179 -0
- package/dist/components/form/form.cjs.js +2 -0
- package/dist/components/form/form.es.js +11 -0
- package/dist/components/input/input.cjs.js +2 -0
- package/dist/components/input/input.es.js +60 -0
- package/dist/components/kbd/kbd.cjs.js +2 -0
- package/dist/components/kbd/kbd.es.js +36 -0
- package/dist/components/label/label.cjs.js +2 -0
- package/dist/components/label/label.es.js +49 -0
- package/dist/components/loader/loader.cjs.js +2 -0
- package/dist/components/loader/loader.es.js +55 -0
- package/dist/components/menu/menu-primitives.cjs.js +2 -0
- package/dist/components/menu/menu-primitives.es.js +240 -0
- package/dist/components/menu/menu.cjs.js +2 -0
- package/dist/components/menu/menu.es.js +89 -0
- package/dist/components/number-input/number-input.cjs.js +2 -0
- package/dist/components/number-input/number-input.es.js +212 -0
- package/dist/components/pagination/pagination.cjs.js +2 -0
- package/dist/components/pagination/pagination.es.js +393 -0
- package/dist/components/pagination/pagination.model.cjs.js +1 -0
- package/dist/components/pagination/pagination.model.es.js +4 -0
- package/dist/components/password/password.cjs.js +2 -0
- package/dist/components/password/password.es.js +73 -0
- package/dist/components/popover/popover.cjs.js +2 -0
- package/dist/components/popover/popover.es.js +158 -0
- package/dist/components/progress/progress.cjs.js +2 -0
- package/dist/components/progress/progress.es.js +114 -0
- package/dist/components/scroll-area/scroll-area.cjs.js +2 -0
- package/dist/components/scroll-area/scroll-area.es.js +67 -0
- package/dist/components/select/select.cjs.js +2 -0
- package/dist/components/select/select.es.js +323 -0
- package/dist/components/skeleton/skeleton.cjs.js +2 -0
- package/dist/components/skeleton/skeleton.es.js +19 -0
- package/dist/components/stack/stack.cjs.js +2 -0
- package/dist/components/stack/stack.es.js +42 -0
- package/dist/components/stepper/stepper.cjs.js +2 -0
- package/dist/components/stepper/stepper.es.js +368 -0
- package/dist/components/switch/switch.cjs.js +2 -0
- package/dist/components/switch/switch.es.js +85 -0
- package/dist/components/table/table.cjs.js +2 -0
- package/dist/components/table/table.es.js +168 -0
- package/dist/components/tabs/tabs.cjs.js +2 -0
- package/dist/components/tabs/tabs.es.js +96 -0
- package/dist/components/tag/tag.cjs.js +2 -0
- package/dist/components/tag/tag.es.js +50 -0
- package/dist/components/textarea/textarea.cjs.js +2 -0
- package/dist/components/textarea/textarea.es.js +31 -0
- package/dist/components/timeline/timeline.cjs.js +2 -0
- package/dist/components/timeline/timeline.es.js +263 -0
- package/dist/components/toast/toast.cjs.js +2 -0
- package/dist/components/toast/toast.es.js +224 -0
- package/dist/components/tooltip/tooltip.cjs.js +2 -0
- package/dist/components/tooltip/tooltip.es.js +122 -0
- package/dist/components/tree/tree.cjs.js +2 -0
- package/dist/components/tree/tree.es.js +150 -0
- package/dist/hooks/internal/is-browser.cjs.js +1 -0
- package/dist/hooks/internal/is-browser.es.js +4 -0
- package/dist/hooks/internal/use-isomorphic-layout-effect.cjs.js +1 -0
- package/dist/hooks/internal/use-isomorphic-layout-effect.es.js +6 -0
- package/dist/hooks/use-array/use-array.cjs.js +1 -0
- package/dist/hooks/use-array/use-array.es.js +46 -0
- package/dist/hooks/use-async/use-async.cjs.js +1 -0
- package/dist/hooks/use-async/use-async.es.js +24 -0
- package/dist/hooks/use-click-outside/use-click-outside.cjs.js +1 -0
- package/dist/hooks/use-click-outside/use-click-outside.es.js +15 -0
- package/dist/hooks/use-clipboard/use-clipboard.cjs.js +1 -0
- package/dist/hooks/use-clipboard/use-clipboard.es.js +29 -0
- package/dist/hooks/use-debounce-callback/use-debounced-callback.cjs.js +1 -0
- package/dist/hooks/use-debounce-callback/use-debounced-callback.es.js +15 -0
- package/dist/hooks/use-debounce-value/use-debounced-value.cjs.js +1 -0
- package/dist/hooks/use-debounce-value/use-debounced-value.es.js +13 -0
- package/dist/hooks/use-disclosure/use-disclosure.cjs.js +1 -0
- package/dist/hooks/use-disclosure/use-disclosure.es.js +14 -0
- package/dist/hooks/use-document-title/use-document-title.cjs.js +1 -0
- package/dist/hooks/use-document-title/use-document-title.es.js +17 -0
- package/dist/hooks/use-event-listener/use-event-listener.cjs.js +1 -0
- package/dist/hooks/use-event-listener/use-event-listener.es.js +13 -0
- package/dist/hooks/use-focus-trap/scope-tab.cjs.js +1 -0
- package/dist/hooks/use-focus-trap/scope-tab.es.js +21 -0
- package/dist/hooks/use-focus-trap/tabbable.cjs.js +1 -0
- package/dist/hooks/use-focus-trap/tabbable.es.js +38 -0
- package/dist/hooks/use-focus-trap/use-focus-trap.cjs.js +1 -0
- package/dist/hooks/use-focus-trap/use-focus-trap.es.js +34 -0
- package/dist/hooks/use-hotkey/use-hotkey.cjs.js +1 -0
- package/dist/hooks/use-hotkey/use-hotkey.es.js +18 -0
- package/dist/hooks/use-hotkey/utils/create-hotkey-listener.cjs.js +1 -0
- package/dist/hooks/use-hotkey/utils/create-hotkey-listener.es.js +10 -0
- package/dist/hooks/use-hotkey/utils/is-input-field.cjs.js +1 -0
- package/dist/hooks/use-hotkey/utils/is-input-field.es.js +5 -0
- package/dist/hooks/use-hotkey/utils/match-key-modifiers.cjs.js +1 -0
- package/dist/hooks/use-hotkey/utils/match-key-modifiers.es.js +17 -0
- package/dist/hooks/use-hover/use-hover.cjs.js +1 -0
- package/dist/hooks/use-hover/use-hover.es.js +20 -0
- package/dist/hooks/use-is-visible/use-is-visible.cjs.js +1 -0
- package/dist/hooks/use-is-visible/use-is-visible.es.js +31 -0
- package/dist/hooks/use-local-storage/use-local-storage.cjs.js +1 -0
- package/dist/hooks/use-local-storage/use-local-storage.es.js +29 -0
- package/dist/hooks/use-media-query/use-media-query.cjs.js +1 -0
- package/dist/hooks/use-media-query/use-media-query.es.js +13 -0
- package/dist/hooks/use-memoized-fn/use-memoized-fn.cjs.js +1 -0
- package/dist/hooks/use-memoized-fn/use-memoized-fn.es.js +15 -0
- package/dist/hooks/use-mutation/use-mutation.cjs.js +1 -0
- package/dist/hooks/use-mutation/use-mutation.es.js +27 -0
- package/dist/hooks/use-object/use-object.cjs.js +1 -0
- package/dist/hooks/use-object/use-object.es.js +26 -0
- package/dist/hooks/use-on-mount/use-on-mount.cjs.js +1 -0
- package/dist/hooks/use-on-mount/use-on-mount.es.js +11 -0
- package/dist/hooks/use-pagination/use-pagination.cjs.js +1 -0
- package/dist/hooks/use-pagination/use-pagination.es.js +38 -0
- package/dist/hooks/use-portal/use-portal.cjs.js +1 -0
- package/dist/hooks/use-portal/use-portal.es.js +31 -0
- package/dist/hooks/use-prevent-close-window/use-prevent-close-window.cjs.js +1 -0
- package/dist/hooks/use-prevent-close-window/use-prevent-close-window.es.js +15 -0
- package/dist/hooks/use-range-pagination/use-range-pagination.cjs.js +1 -0
- package/dist/hooks/use-range-pagination/use-range-pagination.es.js +36 -0
- package/dist/hooks/use-selection/use-selection.cjs.js +1 -0
- package/dist/hooks/use-selection/use-selection.es.js +38 -0
- package/dist/hooks/use-step/use-step.cjs.js +1 -0
- package/dist/hooks/use-step/use-step.es.js +27 -0
- package/dist/hooks/use-toggle/use-toggle.cjs.js +1 -0
- package/dist/hooks/use-toggle/use-toggle.es.js +10 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +2 -2653
- package/dist/index.es.js +437 -7572
- package/dist/lib/cn.cjs.js +1 -0
- package/dist/lib/cn.es.js +10 -0
- package/dist/providers/library-provider.cjs.js +1 -0
- package/dist/providers/library-provider.es.js +13 -0
- package/dist/providers/theme/ThemeProvider.cjs.js +1 -0
- package/dist/providers/theme/ThemeProvider.es.js +10 -0
- package/dist/providers/theme/useThemeProps.cjs.js +1 -0
- package/dist/providers/theme/useThemeProps.es.js +12 -0
- package/dist/setupTests.d.ts +0 -0
- package/dist/src/__doc__/Examples.d.ts +7 -0
- package/dist/src/components/accordion/accordion.d.ts +28 -0
- package/dist/src/components/accordion/accordion.test.d.ts +1 -0
- package/dist/src/components/accordion/index.d.ts +1 -0
- package/dist/src/components/alert/alert.d.ts +26 -0
- package/dist/src/components/alert/alert.test.d.ts +1 -0
- package/dist/src/components/alert/index.d.ts +1 -0
- package/dist/src/components/alert-dialog/alert-dialog.d.ts +104 -0
- package/dist/src/components/alert-dialog/alert-dialog.test.d.ts +1 -0
- package/dist/src/components/alert-dialog/index.d.ts +1 -0
- package/dist/src/components/auto-complete/auto-complete.d.ts +95 -0
- package/dist/src/components/auto-complete/auto-complete.test.d.ts +1 -0
- package/dist/src/components/auto-complete/index.d.ts +1 -0
- package/dist/src/components/avatar/avatar.d.ts +31 -0
- package/dist/src/components/avatar/avatar.test.d.ts +1 -0
- package/dist/src/components/avatar/index.d.ts +1 -0
- package/dist/src/components/button/button.d.ts +11 -0
- package/dist/src/components/button/button.test.d.ts +1 -0
- package/dist/src/components/button/components/base-button.d.ts +7 -0
- package/dist/src/components/button/index.d.ts +2 -0
- package/dist/src/components/calendar/calendar.d.ts +3 -0
- package/dist/src/components/calendar/calendar.test.d.ts +1 -0
- package/dist/src/components/calendar/index.d.ts +1 -0
- package/dist/src/components/card/card.d.ts +35 -0
- package/dist/src/components/card/card.test.d.ts +1 -0
- package/dist/src/components/card/index.d.ts +1 -0
- package/dist/src/components/center/center.d.ts +7 -0
- package/dist/src/components/center/center.test.d.ts +1 -0
- package/dist/src/components/center/index.d.ts +1 -0
- package/dist/src/components/checkbox/checkbox.d.ts +74 -0
- package/dist/src/components/checkbox/checkbox.test.d.ts +1 -0
- package/dist/src/components/checkbox/index.d.ts +1 -0
- package/dist/src/components/checkbox-group/checkbox-group.d.ts +21 -0
- package/dist/src/components/checkbox-group/checkbox-group.test.d.ts +1 -0
- package/dist/src/components/checkbox-group/index.d.ts +1 -0
- package/dist/src/components/combobox/combobox.d.ts +112 -0
- package/dist/src/components/combobox/combobox.test.d.ts +1 -0
- package/dist/src/components/combobox/index.d.ts +1 -0
- package/dist/src/components/date-picker/date-input.d.ts +2 -0
- package/dist/src/components/date-picker/date-picker.d.ts +5 -0
- package/dist/src/components/date-picker/date-picker.model.d.ts +78 -0
- package/dist/src/components/date-picker/date-picker.test.d.ts +1 -0
- package/dist/src/components/date-picker/date-picker.utils.d.ts +12 -0
- package/dist/src/components/date-picker/date-picker.utils.test.d.ts +1 -0
- package/dist/src/components/date-picker/index.d.ts +3 -0
- package/dist/src/components/date-picker/use-date-input-popover.d.ts +12 -0
- package/dist/src/components/date-picker/use-date-input-popover.test.d.ts +1 -0
- package/dist/src/components/date-picker/use-date-input.d.ts +16 -0
- package/dist/src/components/dialog/dialog.d.ts +100 -0
- package/dist/src/components/dialog/dialog.test.d.ts +1 -0
- package/dist/src/components/dialog/index.d.ts +1 -0
- package/dist/src/components/divider/divider.d.ts +4 -0
- package/dist/src/components/divider/divider.test.d.ts +1 -0
- package/dist/src/components/divider/index.d.ts +1 -0
- package/dist/src/components/dropzone/dropzone.d.ts +67 -0
- package/dist/src/components/dropzone/dropzone.test.d.ts +1 -0
- package/dist/src/components/dropzone/file-types.d.ts +27 -0
- package/dist/src/components/dropzone/index.d.ts +2 -0
- package/dist/src/components/empty/empty.d.ts +33 -0
- package/dist/src/components/empty/empty.test.d.ts +1 -0
- package/dist/src/components/empty/index.d.ts +1 -0
- package/dist/src/components/field/field.d.ts +57 -0
- package/dist/src/components/field/field.test.d.ts +1 -0
- package/dist/src/components/field/index.d.ts +1 -0
- package/dist/src/components/form/form.d.ts +5 -0
- package/dist/src/components/form/form.test.d.ts +1 -0
- package/dist/src/components/form/index.d.ts +1 -0
- package/dist/src/components/index.d.ts +43 -0
- package/dist/src/components/input/index.d.ts +1 -0
- package/dist/src/components/input/input.d.ts +9 -0
- package/dist/src/components/input/input.test.d.ts +1 -0
- package/dist/src/components/kbd/index.d.ts +1 -0
- package/dist/src/components/kbd/kbd.d.ts +3 -0
- package/dist/src/components/kbd/kbd.test.d.ts +1 -0
- package/dist/src/components/label/index.d.ts +1 -0
- package/dist/src/components/label/label.d.ts +15 -0
- package/dist/src/components/label/label.test.d.ts +1 -0
- package/dist/src/components/loader/index.d.ts +1 -0
- package/dist/src/components/loader/loader.d.ts +18 -0
- package/dist/src/components/loader/loader.test.d.ts +1 -0
- package/dist/src/components/menu/index.d.ts +2 -0
- package/dist/src/components/menu/menu-primitives.d.ts +29 -0
- package/dist/src/components/menu/menu.d.ts +57 -0
- package/dist/src/components/menu/menu.test.d.ts +1 -0
- package/dist/src/components/number-input/index.d.ts +1 -0
- package/dist/src/components/number-input/number-input.d.ts +31 -0
- package/dist/src/components/number-input/number-input.test.d.ts +1 -0
- package/dist/src/components/otp/index.d.ts +1 -0
- package/dist/src/components/otp/otp.d.ts +16 -0
- package/dist/src/components/otp/otp.test.d.ts +1 -0
- package/dist/src/components/pagination/index.d.ts +2 -0
- package/dist/src/components/pagination/pagination.d.ts +131 -0
- package/dist/src/components/pagination/pagination.model.d.ts +2 -0
- package/dist/src/components/pagination/pagination.test.d.ts +1 -0
- package/dist/src/components/password/index.d.ts +1 -0
- package/dist/src/components/password/password.d.ts +19 -0
- package/dist/src/components/password/password.test.d.ts +1 -0
- package/dist/src/components/popover/index.d.ts +1 -0
- package/dist/src/components/popover/popover.d.ts +41 -0
- package/dist/src/components/popover/popover.test.d.ts +1 -0
- package/dist/src/components/progress/index.d.ts +1 -0
- package/dist/src/components/progress/progress.d.ts +22 -0
- package/dist/src/components/progress/progress.test.d.ts +1 -0
- package/dist/src/components/radio-group/index.d.ts +1 -0
- package/dist/src/components/radio-group/radio-group.d.ts +41 -0
- package/dist/src/components/radio-group/radio-group.test.d.ts +1 -0
- package/dist/src/components/scroll-area/index.d.ts +1 -0
- package/dist/src/components/scroll-area/scroll-area.d.ts +8 -0
- package/dist/src/components/scroll-area/scroll-area.test.d.ts +1 -0
- package/dist/src/components/select/index.d.ts +1 -0
- package/dist/src/components/select/select.d.ts +71 -0
- package/dist/src/components/select/select.test.d.ts +1 -0
- package/dist/src/components/skeleton/index.d.ts +1 -0
- package/dist/src/components/skeleton/skeleton.d.ts +2 -0
- package/dist/src/components/skeleton/skeleton.test.d.ts +1 -0
- package/dist/src/components/stack/index.d.ts +1 -0
- package/dist/src/components/stack/stack.d.ts +14 -0
- package/dist/src/components/stack/stack.test.d.ts +1 -0
- package/dist/src/components/stepper/index.d.ts +1 -0
- package/dist/src/components/stepper/stepper.d.ts +83 -0
- package/dist/src/components/stepper/stepper.test.d.ts +1 -0
- package/dist/src/components/switch/index.d.ts +1 -0
- package/dist/src/components/switch/switch.d.ts +21 -0
- package/dist/src/components/switch/switch.test.d.ts +1 -0
- package/dist/src/components/table/index.d.ts +1 -0
- package/dist/src/components/table/table.d.ts +50 -0
- package/dist/src/components/table/table.test.d.ts +1 -0
- package/dist/src/components/tabs/index.d.ts +1 -0
- package/dist/src/components/tabs/tabs.d.ts +11 -0
- package/dist/src/components/tabs/tabs.test.d.ts +1 -0
- package/dist/src/components/tag/index.d.ts +1 -0
- package/dist/src/components/tag/tag.d.ts +7 -0
- package/dist/src/components/tag/tag.test.d.ts +1 -0
- package/dist/src/components/textarea/index.d.ts +1 -0
- package/dist/src/components/textarea/textarea.d.ts +5 -0
- package/dist/src/components/textarea/textarea.test.d.ts +1 -0
- package/dist/src/components/timeline/index.d.ts +1 -0
- package/dist/src/components/timeline/timeline.d.ts +50 -0
- package/dist/src/components/timeline/timeline.test.d.ts +1 -0
- package/dist/src/components/toast/index.d.ts +1 -0
- package/dist/src/components/toast/toast.d.ts +101 -0
- package/dist/src/components/toast/toast.test.d.ts +1 -0
- package/dist/src/components/tooltip/index.d.ts +1 -0
- package/dist/src/components/tooltip/tooltip.d.ts +52 -0
- package/dist/src/components/tooltip/tooltip.test.d.ts +1 -0
- package/dist/src/components/tree/index.d.ts +1 -0
- package/dist/src/components/tree/tree.d.ts +18 -0
- package/dist/src/components/tree/tree.test.d.ts +1 -0
- package/dist/src/hooks/index.d.ts +27 -0
- package/dist/src/hooks/internal/index.d.ts +2 -0
- package/dist/src/hooks/internal/is-browser.d.ts +1 -0
- package/dist/src/hooks/internal/use-isomorphic-layout-effect.d.ts +2 -0
- package/dist/src/hooks/use-array/index.d.ts +1 -0
- package/dist/src/hooks/use-array/use-array.d.ts +11 -0
- package/dist/src/hooks/use-array/use-array.test.d.ts +1 -0
- package/dist/src/hooks/use-async/index.d.ts +1 -0
- package/dist/src/hooks/use-async/use-async.d.ts +18 -0
- package/dist/src/hooks/use-async/use-async.test.d.ts +1 -0
- package/dist/src/hooks/use-click-outside/index.d.ts +1 -0
- package/dist/src/hooks/use-click-outside/use-click-outside.d.ts +1 -0
- package/dist/src/hooks/use-click-outside/use-click-outside.test.d.ts +1 -0
- package/dist/src/hooks/use-clipboard/index.d.ts +1 -0
- package/dist/src/hooks/use-clipboard/use-clipboard.d.ts +15 -0
- package/dist/src/hooks/use-clipboard/use-clipboard.test.d.ts +1 -0
- package/dist/src/hooks/use-debounce-callback/index.d.ts +1 -0
- package/dist/src/hooks/use-debounce-callback/use-debounced-callback.d.ts +1 -0
- package/dist/src/hooks/use-debounce-callback/use-debounced-callback.test.d.ts +1 -0
- package/dist/src/hooks/use-debounce-value/index.d.ts +1 -0
- package/dist/src/hooks/use-debounce-value/use-debounced-value.d.ts +1 -0
- package/dist/src/hooks/use-debounce-value/use-debounced-value.test.d.ts +1 -0
- package/dist/src/hooks/use-disclosure/index.d.ts +1 -0
- package/dist/src/hooks/use-disclosure/use-disclosure.d.ts +8 -0
- package/dist/src/hooks/use-disclosure/use-disclosure.test.d.ts +1 -0
- package/dist/src/hooks/use-document-title/index.d.ts +1 -0
- package/dist/src/hooks/use-document-title/use-document-title.d.ts +5 -0
- package/dist/src/hooks/use-document-title/use-document-title.test.d.ts +1 -0
- package/dist/src/hooks/use-event-listener/index.d.ts +1 -0
- package/dist/src/hooks/use-event-listener/use-event-listener.d.ts +1 -0
- package/dist/src/hooks/use-event-listener/use-event-listener.test.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/index.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/scope-tab.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/tabbable.d.ts +4 -0
- package/dist/src/hooks/use-focus-trap/use-focus-trap.d.ts +1 -0
- package/dist/src/hooks/use-focus-trap/use-focus-trap.test.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/index.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/use-hotkey.d.ts +9 -0
- package/dist/src/hooks/use-hotkey/use-hotkey.test.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/utils/create-hotkey-listener.d.ts +1 -0
- package/dist/src/hooks/use-hotkey/utils/index.d.ts +3 -0
- package/dist/src/hooks/use-hotkey/utils/is-input-field.d.ts +2 -0
- package/dist/src/hooks/use-hotkey/utils/match-key-modifiers.d.ts +8 -0
- package/dist/src/hooks/use-hover/index.d.ts +1 -0
- package/dist/src/hooks/use-hover/use-hover.d.ts +12 -0
- package/dist/src/hooks/use-hover/use-hover.test.d.ts +1 -0
- package/dist/src/hooks/use-is-visible/index.d.ts +1 -0
- package/dist/src/hooks/use-is-visible/use-is-visible.d.ts +10 -0
- package/dist/src/hooks/use-is-visible/use-is-visible.test.d.ts +1 -0
- package/dist/src/hooks/use-local-storage/index.d.ts +1 -0
- package/dist/src/hooks/use-local-storage/use-local-storage.d.ts +2 -0
- package/dist/src/hooks/use-local-storage/use-local-storage.test.d.ts +1 -0
- package/dist/src/hooks/use-media-query/index.d.ts +1 -0
- package/dist/src/hooks/use-media-query/use-media-query.d.ts +1 -0
- package/dist/src/hooks/use-memoized-fn/index.d.ts +1 -0
- package/dist/src/hooks/use-memoized-fn/use-memoized-fn.d.ts +3 -0
- package/dist/src/hooks/use-memoized-fn/use-memoized-fn.test.d.ts +1 -0
- package/dist/src/hooks/use-mutation/index.d.ts +1 -0
- package/dist/src/hooks/use-mutation/use-mutation.d.ts +15 -0
- package/dist/src/hooks/use-mutation/use-mutation.test.d.ts +1 -0
- package/dist/src/hooks/use-object/index.d.ts +1 -0
- package/dist/src/hooks/use-object/use-object.d.ts +6 -0
- package/dist/src/hooks/use-object/use-object.test.d.ts +1 -0
- package/dist/src/hooks/use-on-mount/index.d.ts +1 -0
- package/dist/src/hooks/use-on-mount/use-on-mount.d.ts +2 -0
- package/dist/src/hooks/use-on-mount/use-on-mount.test.d.ts +1 -0
- package/dist/src/hooks/use-pagination/index.d.ts +1 -0
- package/dist/src/hooks/use-pagination/use-pagination.d.ts +46 -0
- package/dist/src/hooks/use-pagination/use-pagination.test.d.ts +1 -0
- package/dist/src/hooks/use-portal/index.d.ts +1 -0
- package/dist/src/hooks/use-portal/use-portal.d.ts +4 -0
- package/dist/src/hooks/use-portal/use-portal.test.d.ts +1 -0
- package/dist/src/hooks/use-prevent-close-window/index.d.ts +1 -0
- package/dist/src/hooks/use-prevent-close-window/use-prevent-close-window.d.ts +13 -0
- package/dist/src/hooks/use-prevent-close-window/use-prevent-close-window.test.d.ts +1 -0
- package/dist/src/hooks/use-range-pagination/index.d.ts +1 -0
- package/dist/src/hooks/use-range-pagination/use-range-pagination.d.ts +22 -0
- package/dist/src/hooks/use-range-pagination/use-range-pagination.test.d.ts +1 -0
- package/dist/src/hooks/use-selection/index.d.ts +1 -0
- package/dist/src/hooks/use-selection/use-selection.d.ts +54 -0
- package/dist/src/hooks/use-selection/use-selection.test.d.ts +1 -0
- package/dist/src/hooks/use-step/index.d.ts +1 -0
- package/dist/src/hooks/use-step/use-step.d.ts +14 -0
- package/dist/src/hooks/use-step/use-step.test.d.ts +1 -0
- package/dist/src/hooks/use-toggle/index.d.ts +1 -0
- package/dist/src/hooks/use-toggle/use-toggle.d.ts +3 -0
- package/dist/src/hooks/use-toggle/use-toggle.test.d.ts +1 -0
- package/dist/src/index.d.ts +6 -0
- package/dist/src/lib/cn.d.ts +3 -0
- package/dist/src/lib/index.d.ts +1 -0
- package/dist/src/models/Generic.model.d.ts +37 -0
- package/dist/src/models/index.d.ts +1 -0
- package/dist/src/providers/index.d.ts +2 -0
- package/dist/src/providers/library-provider.d.ts +28 -0
- package/dist/src/providers/theme/ThemeProvider.d.ts +11 -0
- package/dist/src/providers/theme/index.d.ts +3 -0
- package/dist/src/providers/theme/types.d.ts +10 -0
- package/dist/src/providers/theme/useThemeProps.d.ts +10 -0
- package/dist/src/stores/theme.store.d.ts +10 -0
- package/dist/src/utils/dates/parseDateRange.utility.d.ts +14 -0
- package/dist/src/utils/form.d.ts +32 -0
- package/dist/src/utils/form.test.d.ts +1 -0
- package/dist/src/utils/functions/createSafeContext.d.ts +2 -0
- package/dist/src/utils/functions/createSafeContext.test.d.ts +1 -0
- package/dist/src/utils/functions/ensureReactElement.d.ts +9 -0
- package/dist/src/utils/functions/ensureReactElement.test.d.ts +1 -0
- package/dist/src/utils/functions/getFormData.d.ts +2 -0
- package/dist/src/utils/functions/getFormData.test.d.ts +1 -0
- package/dist/src/utils/functions/index.d.ts +4 -0
- package/dist/src/utils/functions/mergeRefs.d.ts +2 -0
- package/dist/src/utils/functions/mergeRefs.test.d.ts +1 -0
- package/dist/src/utils/index.d.ts +3 -0
- package/dist/src/utils/strings/extractInitials.utility.d.ts +6 -0
- package/dist/src/utils/strings/index.d.ts +1 -0
- package/dist/src/utils/tests/click.d.ts +1 -0
- package/dist/src/utils/tests/index.d.ts +2 -0
- package/dist/src/utils/tests/keyboard.d.ts +10 -0
- package/dist/src/utils/tests/type.d.ts +1 -0
- package/dist/utils/form.cjs.js +1 -0
- package/dist/utils/form.es.js +62 -0
- package/dist/utils/functions/createSafeContext.cjs.js +1 -0
- package/dist/utils/functions/createSafeContext.es.js +13 -0
- package/dist/utils/functions/ensureReactElement.cjs.js +1 -0
- package/dist/utils/functions/ensureReactElement.es.js +13 -0
- package/dist/utils/functions/getFormData.cjs.js +1 -0
- package/dist/utils/functions/getFormData.es.js +11 -0
- package/dist/utils/functions/mergeRefs.cjs.js +1 -0
- package/dist/utils/functions/mergeRefs.es.js +10 -0
- package/dist/utils/strings/extractInitials.utility.cjs.js +1 -0
- package/dist/utils/strings/extractInitials.utility.es.js +4 -0
- package/package.json +6 -10
- package/src/components/accordion/accordion.test.tsx +1 -1
- package/src/components/accordion/accordion.tsx +2 -0
- package/src/components/alert/alert.test.tsx +185 -0
- package/src/components/alert/alert.tsx +2 -0
- package/src/components/alert-dialog/alert-dialog.tsx +2 -0
- package/src/components/auto-complete/auto-complete.test.tsx +709 -0
- package/src/components/auto-complete/auto-complete.tsx +8 -10
- package/src/components/avatar/avatar.test.tsx +162 -19
- package/src/components/avatar/avatar.tsx +2 -0
- package/src/components/button/button.test.tsx +206 -10
- package/src/components/button/button.tsx +2 -0
- package/src/components/button/components/base-button.tsx +2 -0
- package/src/components/calendar/calendar.test.tsx +174 -5
- package/src/components/card/card.test.tsx +207 -0
- package/src/components/card/card.tsx +2 -0
- package/src/components/center/center.test.tsx +63 -0
- package/src/components/center/center.tsx +2 -0
- package/src/components/checkbox/checkbox.test.tsx +388 -0
- package/src/components/checkbox/checkbox.tsx +2 -0
- package/src/components/checkbox-group/checkbox-group.test.tsx +156 -0
- package/src/components/checkbox-group/checkbox-group.tsx +2 -0
- package/src/components/combobox/combobox.test.tsx +458 -0
- package/src/components/combobox/combobox.tsx +13 -11
- package/src/components/date-picker/date-input.tsx +2 -0
- package/src/components/date-picker/date-picker.test.tsx +546 -2
- package/src/components/date-picker/date-picker.tsx +2 -0
- package/src/components/date-picker/date-picker.utils.test.ts +251 -0
- package/src/components/date-picker/use-date-input-popover.test.ts +61 -0
- package/src/components/dialog/dialog.test.tsx +302 -3
- package/src/components/dialog/dialog.tsx +2 -0
- package/src/components/divider/divider.test.tsx +41 -1
- package/src/components/divider/divider.tsx +3 -1
- package/src/components/dropzone/dropzone.test.tsx +355 -0
- package/src/components/dropzone/dropzone.tsx +2 -0
- package/src/components/empty/empty.test.tsx +219 -0
- package/src/components/empty/empty.tsx +2 -0
- package/src/components/field/field.test.tsx +324 -0
- package/src/components/field/field.tsx +2 -0
- package/src/components/form/form.test.tsx +44 -0
- package/src/components/form/form.tsx +2 -0
- package/src/components/index.ts +1 -0
- package/src/components/input/input.tsx +2 -0
- package/src/components/kbd/kbd.test.tsx +66 -0
- package/src/components/kbd/kbd.tsx +2 -0
- package/src/components/label/label.test.tsx +46 -0
- package/src/components/label/label.tsx +2 -0
- package/src/components/loader/loader.test.tsx +63 -1
- package/src/components/loader/loader.tsx +2 -0
- package/src/components/menu/menu.test.tsx +167 -0
- package/src/components/number-input/number-input.test.tsx +62 -0
- package/src/components/otp/otp.test.tsx +103 -0
- package/src/components/otp/otp.tsx +2 -0
- package/src/components/pagination/pagination.test.tsx +61 -1
- package/src/components/pagination/pagination.tsx +2 -0
- package/src/components/password/password.test.tsx +115 -0
- package/src/components/password/password.tsx +2 -0
- package/src/components/popover/popover.test.tsx +175 -0
- package/src/components/progress/progress.test.tsx +102 -1
- package/src/components/progress/progress.tsx +2 -0
- package/src/components/radio-group/radio-group.test.tsx +169 -0
- package/src/components/radio-group/radio-group.tsx +2 -0
- package/src/components/scroll-area/scroll-area.test.tsx +140 -0
- package/src/components/select/select.test.tsx +357 -0
- package/src/components/select/select.tsx +1 -1
- package/src/components/skeleton/skeleton.test.tsx +37 -0
- package/src/components/skeleton/skeleton.tsx +2 -0
- package/src/components/stack/stack.test.tsx +134 -0
- package/src/components/stack/stack.tsx +2 -0
- package/src/components/stepper/stepper.test.tsx +378 -23
- package/src/components/switch/switch.test.tsx +68 -2
- package/src/components/switch/switch.tsx +2 -0
- package/src/components/table/table.test.tsx +168 -1
- package/src/components/table/table.tsx +2 -0
- package/src/components/tabs/tabs.test.tsx +138 -1
- package/src/components/tag/tag.test.tsx +40 -1
- package/src/components/tag/tag.tsx +2 -0
- package/src/components/textarea/textarea.test.tsx +57 -0
- package/src/components/timeline/timeline.test.tsx +202 -0
- package/src/components/timeline/timeline.tsx +2 -0
- package/src/components/toast/toast.test.tsx +287 -3
- package/src/components/toast/toast.tsx +2 -0
- package/src/components/tooltip/tooltip.test.tsx +120 -7
- package/src/components/tooltip/tooltip.tsx +2 -0
- package/src/components/tree/tree.test.tsx +146 -5
- package/src/hooks/index.ts +22 -22
- package/src/hooks/internal/index.ts +2 -0
- package/src/hooks/internal/is-browser.ts +1 -0
- package/src/hooks/internal/use-isomorphic-layout-effect.ts +4 -0
- package/src/hooks/use-array/index.ts +1 -0
- package/src/hooks/{useArray/__doc__/useArray.stories.tsx → use-array/use-array.stories.tsx} +2 -2
- package/src/hooks/{useArray/__test__/useArray.test.tsx → use-array/use-array.test.tsx} +25 -1
- package/src/hooks/{useArray/useArray.ts → use-array/use-array.ts} +4 -6
- package/src/hooks/use-async/index.ts +1 -0
- package/src/hooks/{useAsync/__doc__/useAsync.stories.tsx → use-async/use-async.stories.tsx} +5 -6
- package/src/hooks/{useAsync/__test__/useAsync.test.tsx → use-async/use-async.test.tsx} +1 -1
- package/src/hooks/{useAsync/useAsync.ts → use-async/use-async.ts} +1 -2
- package/src/hooks/use-click-outside/index.ts +1 -0
- package/src/hooks/{useClickOutside/__doc__/useClickOutside.stories.tsx → use-click-outside/use-click-outside.stories.tsx} +2 -2
- package/src/hooks/use-click-outside/use-click-outside.test.tsx +39 -0
- package/src/hooks/{useClickOutside/useClickOutside.ts → use-click-outside/use-click-outside.ts} +1 -2
- package/src/hooks/use-clipboard/use-clipboard.test.tsx +31 -0
- package/src/hooks/use-clipboard/use-clipboard.tsx +7 -1
- package/src/hooks/use-debounce-callback/index.ts +1 -0
- package/src/hooks/{useDebounceCallback/__doc__/useDebouncedCallback.stories.tsx → use-debounce-callback/use-debounced-callback.stories.tsx} +3 -3
- package/src/hooks/use-debounce-callback/use-debounced-callback.test.ts +88 -0
- package/src/hooks/{useDebounceCallback/useDebouncedCallback.ts → use-debounce-callback/use-debounced-callback.ts} +1 -2
- package/src/hooks/use-debounce-value/index.ts +1 -0
- package/src/hooks/{useDebounceValue/__doc__/useDebouncedValue.stories.tsx → use-debounce-value/use-debounced-value.stories.tsx} +2 -2
- package/src/hooks/use-debounce-value/use-debounced-value.test.ts +101 -0
- package/src/hooks/{useDebounceValue/useDebouncedValue.ts → use-debounce-value/use-debounced-value.ts} +1 -2
- package/src/hooks/use-disclosure/index.ts +1 -0
- package/src/hooks/{useDisclosure/__doc__/useDisclosure.stories.tsx → use-disclosure/use-disclosure.stories.tsx} +3 -3
- package/src/hooks/use-disclosure/use-disclosure.test.ts +72 -0
- package/src/hooks/{useDisclosure/useDisclosure.ts → use-disclosure/use-disclosure.ts} +1 -2
- package/src/hooks/use-event-listener/index.ts +1 -0
- package/src/hooks/{useEventListener/__doc__/useEventListener.stories.tsx → use-event-listener/use-event-listener.stories.tsx} +2 -2
- package/src/hooks/{useEventListener/__test__/useEventListener.test.tsx → use-event-listener/use-event-listener.test.tsx} +6 -3
- package/src/hooks/{useEventListener/useEventListener.ts → use-event-listener/use-event-listener.ts} +3 -4
- package/src/hooks/use-focus-trap/index.ts +1 -0
- package/src/hooks/{useFocusTrap/__doc__/useFocusTrap.stories.tsx → use-focus-trap/use-focus-trap.stories.tsx} +2 -2
- package/src/hooks/use-focus-trap/use-focus-trap.test.ts +330 -0
- package/src/hooks/{useFocusTrap/useFocusTrap.ts → use-focus-trap/use-focus-trap.ts} +2 -3
- package/src/hooks/use-hotkey/index.ts +1 -0
- package/src/hooks/{useHotkey/__docs__/useHotkey.stories.tsx → use-hotkey/use-hotkey.stories.tsx} +2 -2
- package/src/hooks/{useHotkey/__test__/useHotkey.test.tsx → use-hotkey/use-hotkey.test.tsx} +34 -3
- package/src/hooks/{useHotkey/useHotkey.ts → use-hotkey/use-hotkey.ts} +3 -4
- package/src/hooks/use-is-visible/index.ts +1 -0
- package/src/hooks/{useIsVisible/__doc__/useIsVisible.stories.tsx → use-is-visible/use-is-visible.stories.tsx} +2 -2
- package/src/hooks/use-is-visible/use-is-visible.test.tsx +135 -0
- package/src/hooks/{useIsVisible/useIsVisible.tsx → use-is-visible/use-is-visible.tsx} +1 -2
- package/src/hooks/use-local-storage/index.ts +1 -0
- package/src/hooks/{useLocalStorage/__doc__/useLocalStorage.stories.tsx → use-local-storage/use-local-storage.stories.tsx} +2 -2
- package/src/hooks/{useLocalStorage/__test__/useLocalStorage.test.ts → use-local-storage/use-local-storage.test.ts} +47 -1
- package/src/hooks/{useLocalStorage/useLocalStorage.ts → use-local-storage/use-local-storage.ts} +3 -4
- package/src/hooks/use-media-query/index.ts +1 -0
- package/src/hooks/{useMediaQuery/__doc__/useMediaQuery.stories.tsx → use-media-query/use-media-query.stories.tsx} +1 -1
- package/src/hooks/{useMediaQuery/useMediaQuery.ts → use-media-query/use-media-query.ts} +1 -3
- package/src/hooks/use-memoized-fn/index.ts +1 -0
- package/src/hooks/use-memoized-fn/use-memoized-fn.test.ts +52 -0
- package/src/hooks/{useMemoizedFn/useMemoizedFn.ts → use-memoized-fn/use-memoized-fn.ts} +2 -4
- package/src/hooks/use-mutation/index.ts +1 -0
- package/src/hooks/{useMutation/__doc__/useMutation.stories.tsx → use-mutation/use-mutation.stories.tsx} +4 -4
- package/src/hooks/{useMutation/__test__/useMutation.test.tsx → use-mutation/use-mutation.test.tsx} +1 -1
- package/src/hooks/{useMutation/useMutation.tsx → use-mutation/use-mutation.tsx} +3 -4
- package/src/hooks/use-object/index.ts +1 -0
- package/src/hooks/{useObject/__doc__/useObject.stories.tsx → use-object/use-object.stories.tsx} +2 -2
- package/src/hooks/{useObject/__test__/useObject.test.tsx → use-object/use-object.test.tsx} +18 -3
- package/src/hooks/{useObject/useObject.tsx → use-object/use-object.tsx} +6 -8
- package/src/hooks/use-on-mount/use-on-mount.test.tsx +7 -0
- package/src/hooks/use-pagination/index.ts +1 -0
- package/src/hooks/{usePagination/__doc__/usePagination.stories.tsx → use-pagination/use-pagination.stories.tsx} +2 -2
- package/src/hooks/{usePagination/__test__/usePagination.test.tsx → use-pagination/use-pagination.test.tsx} +1 -1
- package/src/hooks/{usePagination/usePagination.tsx → use-pagination/use-pagination.tsx} +1 -2
- package/src/hooks/use-portal/index.ts +1 -0
- package/src/hooks/{usePortal/__doc__/usePortal.stories.tsx → use-portal/use-portal.stories.tsx} +1 -1
- package/src/hooks/use-portal/use-portal.test.tsx +77 -0
- package/src/hooks/use-portal/use-portal.ts +59 -0
- package/src/hooks/use-prevent-close-window/index.ts +1 -0
- package/src/hooks/{usePreventCloseWindow/__doc__/usePreventCloseWindow.stories.tsx → use-prevent-close-window/use-prevent-close-window.stories.tsx} +1 -1
- package/src/hooks/use-prevent-close-window/use-prevent-close-window.test.ts +79 -0
- package/src/hooks/{usePreventCloseWindow/usePreventCloseWindow.ts → use-prevent-close-window/use-prevent-close-window.ts} +4 -4
- package/src/hooks/use-range-pagination/index.ts +1 -0
- package/src/hooks/{useRangePagination/__test__/useRangePagination.test.tsx → use-range-pagination/use-range-pagination.test.tsx} +1 -1
- package/src/hooks/{useRangePagination/useRangePagination.tsx → use-range-pagination/use-range-pagination.tsx} +4 -3
- package/src/hooks/use-selection/index.ts +1 -0
- package/src/hooks/{useSelection/__doc__/useSelection.stories.tsx → use-selection/use-selection.stories.tsx} +3 -3
- package/src/hooks/use-selection/use-selection.test.tsx +79 -0
- package/src/hooks/{useSelection/useSelection.ts → use-selection/use-selection.ts} +1 -2
- package/src/hooks/use-step/index.ts +1 -0
- package/src/hooks/{useStep/__doc__/useStep.stories.tsx → use-step/use-step.stories.tsx} +3 -3
- package/src/hooks/use-step/use-step.test.ts +73 -0
- package/src/hooks/{useStep/useStep.ts → use-step/use-step.ts} +4 -6
- package/src/hooks/use-toggle/index.ts +1 -0
- package/src/hooks/{useToggle/__doc__/useToggle.stories.tsx → use-toggle/use-toggle.stories.tsx} +2 -2
- package/src/hooks/{useToggle/__test__/useToggle.test.tsx → use-toggle/use-toggle.test.tsx} +22 -1
- package/src/hooks/{useToggle/useToggle.ts → use-toggle/use-toggle.ts} +2 -4
- package/src/utils/form.test.tsx +138 -0
- package/src/utils/functions/createSafeContext.test.tsx +37 -0
- package/src/utils/functions/ensureReactElement.test.tsx +49 -0
- package/src/utils/functions/getFormData.test.ts +57 -0
- package/src/utils/functions/mergeRefs.test.ts +56 -0
- package/src/__doc__/Changelog.mdx +0 -6
- package/src/__doc__/Components.mdx +0 -73
- package/src/__doc__/Examples.tsx +0 -69
- package/src/__doc__/Icons.mdx +0 -41
- package/src/__doc__/Intro.mdx +0 -138
- package/src/__doc__/MCP.mdx +0 -71
- package/src/__doc__/Tabs.mdx +0 -112
- package/src/__doc__/Theme.mdx +0 -132
- package/src/__doc__/Types.mdx +0 -252
- package/src/__doc__/V2.mdx +0 -1281
- package/src/components/calendar/calendar.model.ts +0 -86
- package/src/components/calendar/components/calendar-navigation.tsx +0 -141
- package/src/components/calendar/components/day.tsx +0 -61
- package/src/components/calendar/components/decade-view.tsx +0 -45
- package/src/components/calendar/components/index.ts +0 -6
- package/src/components/calendar/components/month-view.tsx +0 -58
- package/src/components/calendar/components/week-days.tsx +0 -27
- package/src/components/calendar/components/year-view.tsx +0 -29
- package/src/components/calendar/hooks/index.ts +0 -4
- package/src/components/calendar/hooks/use-calendar-navigation.ts +0 -79
- package/src/components/calendar/hooks/use-calendar.ts +0 -90
- package/src/components/calendar/hooks/use-multiple-calendar.ts +0 -34
- package/src/components/calendar/hooks/use-range-calendar.ts +0 -91
- package/src/components/calendar/hooks/use-single-calendar.ts +0 -18
- package/src/components/calendar/utils/typeguards.ts +0 -7
- package/src/hooks/useArray/index.ts +0 -1
- package/src/hooks/useAsync/index.ts +0 -1
- package/src/hooks/useClickOutside/__test__/useClickOutside.test.tsx +0 -33
- package/src/hooks/useClickOutside/index.ts +0 -1
- package/src/hooks/useDebounceCallback/index.ts +0 -1
- package/src/hooks/useDebounceValue/index.ts +0 -1
- package/src/hooks/useDisclosure/__test__/useDisclosure.test.ts +0 -43
- package/src/hooks/useDisclosure/index.ts +0 -1
- package/src/hooks/useEventListener/index.ts +0 -1
- package/src/hooks/useFocusTrap/index.ts +0 -1
- package/src/hooks/useHotkey/index.ts +0 -1
- package/src/hooks/useIsVisible/index.ts +0 -1
- package/src/hooks/useLocalStorage/index.ts +0 -1
- package/src/hooks/useMediaQuery/index.ts +0 -1
- package/src/hooks/useMemoizedFn/index.ts +0 -1
- package/src/hooks/useMutation/index.ts +0 -1
- package/src/hooks/useObject/index.ts +0 -1
- package/src/hooks/usePagination/index.ts +0 -2
- package/src/hooks/usePortal/__test__/usePortal.test.tsx +0 -20
- package/src/hooks/usePortal/index.ts +0 -1
- package/src/hooks/usePortal/usePortal.ts +0 -40
- package/src/hooks/usePreventCloseWindow/index.ts +0 -1
- package/src/hooks/useRangePagination/index.ts +0 -2
- package/src/hooks/useSelection/__test__/useSelection.test.tsx +0 -57
- package/src/hooks/useSelection/index.ts +0 -1
- package/src/hooks/useStep/__test__/useStep.test.ts +0 -51
- package/src/hooks/useStep/index.ts +0 -1
- package/src/hooks/useToggle/index.ts +0 -1
- /package/src/hooks/{useFocusTrap/scopeTab.ts → use-focus-trap/scope-tab.ts} +0 -0
- /package/src/hooks/{useFocusTrap → use-focus-trap}/tabbable.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/create-hotkey-listener.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/index.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/is-input-field.ts +0 -0
- /package/src/hooks/{useHotkey/__utils__ → use-hotkey/utils}/match-key-modifiers.ts +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta } from "@storybook/react-vite";
|
|
2
2
|
import { Trash } from "lucide-react";
|
|
3
|
-
import { Button, Input } from "
|
|
4
|
-
import useLocalStorage from "../
|
|
3
|
+
import { Button, Input } from "../../components";
|
|
4
|
+
import { useLocalStorage } from "../use-local-storage";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Hook que proporciona una interfaz sencilla para interactuar con el localStorage de manera tipada.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { act, renderHook } from "@testing-library/react";
|
|
2
2
|
import { beforeEach, describe, expect, it, vi } from "vitest";
|
|
3
|
-
import useLocalStorage from "../
|
|
3
|
+
import { useLocalStorage } from "../use-local-storage";
|
|
4
4
|
|
|
5
5
|
describe("useLocalStorage hook", () => {
|
|
6
6
|
const key = "testKey";
|
|
@@ -82,4 +82,50 @@ describe("useLocalStorage hook", () => {
|
|
|
82
82
|
|
|
83
83
|
consoleErrorSpy.mockRestore();
|
|
84
84
|
});
|
|
85
|
+
|
|
86
|
+
it("calls removeItem when storedValue is undefined (no initial value)", () => {
|
|
87
|
+
const removeItemMock = vi.fn();
|
|
88
|
+
vi.stubGlobal("localStorage", {
|
|
89
|
+
getItem: vi.fn().mockReturnValue(null),
|
|
90
|
+
setItem: vi.fn(),
|
|
91
|
+
removeItem: removeItemMock,
|
|
92
|
+
clear: vi.fn(),
|
|
93
|
+
});
|
|
94
|
+
renderHook(() => useLocalStorage<string>("empty-key"));
|
|
95
|
+
expect(removeItemMock).toHaveBeenCalledWith("empty-key");
|
|
96
|
+
vi.unstubAllGlobals();
|
|
97
|
+
});
|
|
98
|
+
|
|
99
|
+
it("handles localStorage.setItem errors in useEffect gracefully", () => {
|
|
100
|
+
const errorSpy = vi.spyOn(console, "error").mockImplementation(() => {});
|
|
101
|
+
vi.stubGlobal("localStorage", {
|
|
102
|
+
getItem: vi.fn().mockReturnValue(null),
|
|
103
|
+
setItem: vi.fn().mockImplementation(() => {
|
|
104
|
+
throw new Error("Storage full");
|
|
105
|
+
}),
|
|
106
|
+
removeItem: vi.fn(),
|
|
107
|
+
clear: vi.fn(),
|
|
108
|
+
});
|
|
109
|
+
renderHook(() => useLocalStorage<string>("err-key", "value"));
|
|
110
|
+
expect(errorSpy).toHaveBeenCalled();
|
|
111
|
+
vi.unstubAllGlobals();
|
|
112
|
+
errorSpy.mockRestore();
|
|
113
|
+
});
|
|
114
|
+
|
|
115
|
+
it("handles localStorage.removeItem errors in remove() gracefully", () => {
|
|
116
|
+
const errorSpy = vi.spyOn(console, "error").mockImplementation(() => {});
|
|
117
|
+
vi.stubGlobal("localStorage", {
|
|
118
|
+
getItem: vi.fn().mockReturnValue(JSON.stringify("value")),
|
|
119
|
+
setItem: vi.fn(),
|
|
120
|
+
removeItem: vi.fn().mockImplementation(() => {
|
|
121
|
+
throw new Error("remove error");
|
|
122
|
+
}),
|
|
123
|
+
clear: vi.fn(),
|
|
124
|
+
});
|
|
125
|
+
const { result } = renderHook(() => useLocalStorage<string>("key", "value"));
|
|
126
|
+
act(() => result.current[2]());
|
|
127
|
+
expect(errorSpy).toHaveBeenCalled();
|
|
128
|
+
vi.unstubAllGlobals();
|
|
129
|
+
errorSpy.mockRestore();
|
|
130
|
+
});
|
|
85
131
|
});
|
package/src/hooks/{useLocalStorage/useLocalStorage.ts → use-local-storage/use-local-storage.ts}
RENAMED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
|
|
3
|
-
function useLocalStorage<T>(
|
|
3
|
+
export function useLocalStorage<T>(
|
|
4
4
|
key: string,
|
|
5
5
|
): [T | undefined, (value: T) => void, () => void];
|
|
6
|
-
function useLocalStorage<T>(
|
|
6
|
+
export function useLocalStorage<T>(
|
|
7
7
|
key: string,
|
|
8
8
|
initialValue: T,
|
|
9
9
|
): [T, (value: T) => void, () => void];
|
|
10
|
-
function useLocalStorage<T>(
|
|
10
|
+
export function useLocalStorage<T>(
|
|
11
11
|
key: string,
|
|
12
12
|
initialValue?: T,
|
|
13
13
|
): [T | undefined, (value: T) => void, () => void] {
|
|
@@ -54,4 +54,3 @@ function useLocalStorage<T>(
|
|
|
54
54
|
return [storedValue, setValue, remove];
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
export default useLocalStorage;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-media-query";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
|
|
3
|
-
const useMediaQuery = (query: string): boolean => {
|
|
3
|
+
export const useMediaQuery = (query: string): boolean => {
|
|
4
4
|
const [matches, setMatches] = useState<boolean>(false);
|
|
5
5
|
|
|
6
6
|
useEffect(() => {
|
|
@@ -18,5 +18,3 @@ const useMediaQuery = (query: string): boolean => {
|
|
|
18
18
|
|
|
19
19
|
return matches;
|
|
20
20
|
};
|
|
21
|
-
|
|
22
|
-
export default useMediaQuery;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-memoized-fn";
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { renderHook } from "@testing-library/react";
|
|
2
|
+
import { describe, expect, it, vi } from "vitest";
|
|
3
|
+
import { useMemoizedFn } from "./use-memoized-fn";
|
|
4
|
+
|
|
5
|
+
describe("useMemoizedFn", () => {
|
|
6
|
+
it("returns a stable function reference across re-renders", () => {
|
|
7
|
+
const fn = vi.fn();
|
|
8
|
+
const { result, rerender } = renderHook(() => useMemoizedFn(fn));
|
|
9
|
+
const first = result.current;
|
|
10
|
+
rerender();
|
|
11
|
+
expect(result.current).toBe(first);
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
it("calls the latest version of the function", () => {
|
|
15
|
+
const first = vi.fn(() => "first");
|
|
16
|
+
const second = vi.fn(() => "second");
|
|
17
|
+
|
|
18
|
+
const { result, rerender } = renderHook(({ fn }) => useMemoizedFn(fn), {
|
|
19
|
+
initialProps: { fn: first as () => string },
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
const stable = result.current;
|
|
23
|
+
|
|
24
|
+
rerender({ fn: second });
|
|
25
|
+
|
|
26
|
+
expect(stable()).toBe("second");
|
|
27
|
+
expect(first).not.toHaveBeenCalled();
|
|
28
|
+
expect(second).toHaveBeenCalledOnce();
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
it("forwards arguments correctly", () => {
|
|
32
|
+
const fn = vi.fn((a: number, b: string) => `${a}-${b}`);
|
|
33
|
+
const { result } = renderHook(() => useMemoizedFn(fn));
|
|
34
|
+
|
|
35
|
+
const ret = result.current(1, "hello");
|
|
36
|
+
|
|
37
|
+
expect(fn).toHaveBeenCalledWith(1, "hello");
|
|
38
|
+
expect(ret).toBe("1-hello");
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
it("logs error when non-function is passed", () => {
|
|
42
|
+
const consoleSpy = vi.spyOn(console, "error").mockImplementation(() => {});
|
|
43
|
+
|
|
44
|
+
renderHook(() => useMemoizedFn("not-a-function" as any));
|
|
45
|
+
|
|
46
|
+
expect(consoleSpy).toHaveBeenCalledWith(
|
|
47
|
+
expect.stringContaining("useMemoizedFn expected parameter is a function"),
|
|
48
|
+
);
|
|
49
|
+
|
|
50
|
+
consoleSpy.mockRestore();
|
|
51
|
+
});
|
|
52
|
+
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { isFunction } from "lodash";
|
|
2
1
|
import { useMemo, useRef } from "react";
|
|
3
2
|
|
|
4
3
|
type noop = (this: any, ...args: any[]) => any;
|
|
@@ -8,8 +7,8 @@ type PickFunction<T extends noop> = (
|
|
|
8
7
|
...args: Parameters<T>
|
|
9
8
|
) => ReturnType<T>;
|
|
10
9
|
|
|
11
|
-
function useMemoizedFn<T extends noop>(fn: T) {
|
|
12
|
-
if (
|
|
10
|
+
export function useMemoizedFn<T extends noop>(fn: T) {
|
|
11
|
+
if (typeof fn !== "function") {
|
|
13
12
|
console.error(
|
|
14
13
|
`useMemoizedFn expected parameter is a function, got ${typeof fn}`,
|
|
15
14
|
);
|
|
@@ -29,4 +28,3 @@ function useMemoizedFn<T extends noop>(fn: T) {
|
|
|
29
28
|
return memoizedFn.current as T;
|
|
30
29
|
}
|
|
31
30
|
|
|
32
|
-
export default useMemoizedFn;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-mutation";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Meta } from "@storybook/react-vite";
|
|
2
2
|
import { FormEvent } from "react";
|
|
3
|
-
import { Button, Input } from "
|
|
4
|
-
import { getFormData } from "
|
|
5
|
-
import useAsync from "
|
|
6
|
-
import useMutation from "../
|
|
3
|
+
import { Button, Input } from "../../components";
|
|
4
|
+
import { getFormData } from "../../utils";
|
|
5
|
+
import { useAsync } from "../use-async/use-async";
|
|
6
|
+
import { useMutation } from "../use-mutation";
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* El hook `useMutation` permite manejar operaciones de mutación asincrónicas, proporcionando estados de carga, error y éxito.
|
package/src/hooks/{useMutation/__test__/useMutation.test.tsx → use-mutation/use-mutation.test.tsx}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { renderHook, waitFor } from "@testing-library/react";
|
|
2
2
|
import { describe, expect, it, vi } from "vitest";
|
|
3
|
-
import useMutation from "../
|
|
3
|
+
import { useMutation } from "../use-mutation";
|
|
4
4
|
|
|
5
5
|
const mockMutationSuccess = async (data: any) => {
|
|
6
6
|
return new Promise((resolve) => setTimeout(() => resolve(data), 100));
|
|
@@ -23,18 +23,18 @@ export const useMutation = <TArgs extends any[], TReturn>(
|
|
|
23
23
|
): UseMutationReturn<TArgs, TReturn> => {
|
|
24
24
|
const [loading, setLoading] = useState(false);
|
|
25
25
|
const [error, setError] = useState<Error | null>(null);
|
|
26
|
-
const [data,
|
|
26
|
+
const [data, setData] = useState<TReturn | null>(null);
|
|
27
27
|
|
|
28
28
|
const mutate = useCallback(
|
|
29
29
|
async (...args: TArgs) => {
|
|
30
30
|
setLoading(true);
|
|
31
31
|
setError(null);
|
|
32
|
-
|
|
32
|
+
setData(null);
|
|
33
33
|
|
|
34
34
|
try {
|
|
35
35
|
const result = await opts.fn(...args);
|
|
36
36
|
opts.onSuccess?.(result);
|
|
37
|
-
|
|
37
|
+
setData(result);
|
|
38
38
|
return result;
|
|
39
39
|
} catch (err) {
|
|
40
40
|
const error = err as Error;
|
|
@@ -57,4 +57,3 @@ export const useMutation = <TArgs extends any[], TReturn>(
|
|
|
57
57
|
};
|
|
58
58
|
};
|
|
59
59
|
|
|
60
|
-
export default useMutation;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-object";
|
package/src/hooks/{useObject/__doc__/useObject.stories.tsx → use-object/use-object.stories.tsx}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Meta } from "@storybook/react-vite";
|
|
2
2
|
import { ChevronLeft, ChevronRight } from "lucide-react";
|
|
3
|
-
import { Button, Input } from "
|
|
4
|
-
import useObject from "../
|
|
3
|
+
import { Button, Input } from "../../components";
|
|
4
|
+
import { useObject } from "../use-object";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Hook para manejar un estado en forma de objeto
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { renderHook } from "@testing-library/react";
|
|
2
|
-
import { act } from "react";
|
|
1
|
+
import { act, renderHook } from "@testing-library/react";
|
|
3
2
|
import { describe, expect, it } from "vitest";
|
|
4
|
-
import useObject from "../
|
|
3
|
+
import { useObject } from "../use-object";
|
|
5
4
|
|
|
6
5
|
describe("useObject hook", () => {
|
|
7
6
|
it("should initialize with default state", () => {
|
|
@@ -84,4 +83,20 @@ describe("useObject hook", () => {
|
|
|
84
83
|
|
|
85
84
|
expect(result.current[0]).toEqual({ count: 1, name: "updated" });
|
|
86
85
|
});
|
|
86
|
+
|
|
87
|
+
it("function update returning non-object keeps previous state", () => {
|
|
88
|
+
const { result } = renderHook(() => useObject({ count: 1 }));
|
|
89
|
+
act(() => {
|
|
90
|
+
result.current[1]((_state) => null as any);
|
|
91
|
+
});
|
|
92
|
+
expect(result.current[0]).toEqual({ count: 1 });
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
it("non-function non-object arg keeps previous state", () => {
|
|
96
|
+
const { result } = renderHook(() => useObject({ count: 1 }));
|
|
97
|
+
act(() => {
|
|
98
|
+
result.current[1](42 as any);
|
|
99
|
+
});
|
|
100
|
+
expect(result.current[0]).toEqual({ count: 1 });
|
|
101
|
+
});
|
|
87
102
|
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { isFunction, isObject } from "lodash";
|
|
2
1
|
import { useCallback, useState } from "react";
|
|
3
2
|
|
|
4
3
|
type GenericObject = Record<string, any>;
|
|
@@ -11,9 +10,9 @@ type MaybeReturn<TState> = Return<
|
|
|
11
10
|
((state: TState | undefined) => Partial<TState>) | Partial<TState>
|
|
12
11
|
>;
|
|
13
12
|
|
|
14
|
-
function useObject<T extends GenericObject>(): MaybeReturn<T>;
|
|
15
|
-
function useObject<T extends GenericObject>(initialValue: T): Return<T>;
|
|
16
|
-
function useObject<T extends GenericObject>(initialValue?: T) {
|
|
13
|
+
export function useObject<T extends GenericObject>(): MaybeReturn<T>;
|
|
14
|
+
export function useObject<T extends GenericObject>(initialValue: T): Return<T>;
|
|
15
|
+
export function useObject<T extends GenericObject>(initialValue?: T) {
|
|
17
16
|
const [state, setState] = useState<T | undefined>(initialValue);
|
|
18
17
|
|
|
19
18
|
const reset = useCallback(() => setState(initialValue), [initialValue]);
|
|
@@ -21,16 +20,16 @@ function useObject<T extends GenericObject>(initialValue?: T) {
|
|
|
21
20
|
const setNewState = useCallback(
|
|
22
21
|
(arg: ((state: T | undefined) => Partial<T>) | Partial<T>) => {
|
|
23
22
|
setState((prevState) => {
|
|
24
|
-
if (
|
|
23
|
+
if (typeof arg === "function") {
|
|
25
24
|
const newState = arg(prevState);
|
|
26
|
-
if (
|
|
25
|
+
if (newState !== null && typeof newState === "object") {
|
|
27
26
|
return {
|
|
28
27
|
...prevState,
|
|
29
28
|
...newState,
|
|
30
29
|
} as T;
|
|
31
30
|
}
|
|
32
31
|
return prevState;
|
|
33
|
-
} else if (
|
|
32
|
+
} else if (arg !== null && typeof arg === "object") {
|
|
34
33
|
return {
|
|
35
34
|
...prevState,
|
|
36
35
|
...arg,
|
|
@@ -45,4 +44,3 @@ function useObject<T extends GenericObject>(initialValue?: T) {
|
|
|
45
44
|
return [state, setNewState, reset] as const;
|
|
46
45
|
}
|
|
47
46
|
|
|
48
|
-
export default useObject;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { renderHook } from "@testing-library/react";
|
|
2
|
+
import { StrictMode } from "react";
|
|
2
3
|
import { describe, expect, it, vi } from "vitest";
|
|
3
4
|
import { useOnMount } from "./use-on-mount";
|
|
4
5
|
|
|
@@ -41,4 +42,10 @@ describe("useOnMount", () => {
|
|
|
41
42
|
const { unmount } = renderHook(() => useOnMount(() => undefined));
|
|
42
43
|
expect(() => unmount()).not.toThrow();
|
|
43
44
|
});
|
|
45
|
+
|
|
46
|
+
it("guard prevents double-run in React StrictMode", () => {
|
|
47
|
+
const fn = vi.fn();
|
|
48
|
+
renderHook(() => useOnMount(fn), { wrapper: StrictMode });
|
|
49
|
+
expect(fn).toHaveBeenCalledTimes(1);
|
|
50
|
+
});
|
|
44
51
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-pagination";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta } from "@storybook/react-vite";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { action } from "storybook/actions";
|
|
4
|
-
import { Button } from "
|
|
5
|
-
import usePagination from "../
|
|
4
|
+
import { Button } from "../../components";
|
|
5
|
+
import { usePagination } from "../use-pagination";
|
|
6
6
|
|
|
7
7
|
const TABLE_PAGE_SIZES = [5, 10, 20, 50, 100];
|
|
8
8
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { act, renderHook, waitFor } from "@testing-library/react";
|
|
2
2
|
import { describe, expect, it } from "vitest";
|
|
3
|
-
import usePagination from "../
|
|
3
|
+
import { usePagination } from "../use-pagination";
|
|
4
4
|
|
|
5
5
|
describe("usePagination hook", () => {
|
|
6
6
|
it("should be defined", () => {
|
|
@@ -31,7 +31,7 @@ export type usePaginationProps = {
|
|
|
31
31
|
onChange?: (value: { currentPage: number; pageSize: number }) => void;
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
-
function usePagination({
|
|
34
|
+
export function usePagination({
|
|
35
35
|
totalItems,
|
|
36
36
|
pageSize,
|
|
37
37
|
currentPage: currentPageProp,
|
|
@@ -83,4 +83,3 @@ function usePagination({
|
|
|
83
83
|
};
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
export default usePagination;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-portal";
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { render, renderHook, screen } from "@testing-library/react";
|
|
2
|
+
import { afterEach, describe, expect, it } from "vitest";
|
|
3
|
+
import { usePortal } from "../use-portal";
|
|
4
|
+
|
|
5
|
+
describe("usePortal hook", () => {
|
|
6
|
+
afterEach(() => {
|
|
7
|
+
document.body.innerHTML = "";
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
it("should be defined", () => {
|
|
11
|
+
const { result } = renderHook(() => usePortal("id"));
|
|
12
|
+
expect(result.current).toBeDefined();
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
it("should render element", () => {
|
|
16
|
+
const Component = () => {
|
|
17
|
+
const { render } = usePortal("id2");
|
|
18
|
+
return render(<div>Hello World</div>);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
render(<Component />);
|
|
22
|
+
expect(screen.getByText("Hello World")).toBeInTheDocument();
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
it("removes the wrapper from the DOM when the hook unmounts", () => {
|
|
26
|
+
const Component = () => {
|
|
27
|
+
const { render } = usePortal("created-by-hook");
|
|
28
|
+
return render(<span>portal child</span>);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
const view = render(<Component />);
|
|
32
|
+
expect(document.getElementById("created-by-hook")).not.toBeNull();
|
|
33
|
+
|
|
34
|
+
view.unmount();
|
|
35
|
+
expect(document.getElementById("created-by-hook")).toBeNull();
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
it("does not remove a wrapper that already existed in the DOM", () => {
|
|
39
|
+
const preExisting = document.createElement("div");
|
|
40
|
+
preExisting.id = "pre-existing";
|
|
41
|
+
preExisting.textContent = "external";
|
|
42
|
+
document.body.appendChild(preExisting);
|
|
43
|
+
|
|
44
|
+
const Component = () => {
|
|
45
|
+
const { render } = usePortal("pre-existing");
|
|
46
|
+
return render(<span>child</span>);
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const view = render(<Component />);
|
|
50
|
+
view.unmount();
|
|
51
|
+
|
|
52
|
+
expect(document.getElementById("pre-existing")).toBe(preExisting);
|
|
53
|
+
expect(preExisting.textContent).toContain("external");
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
it("shares a wrapper across multiple instances and removes it only after the last unmount", () => {
|
|
57
|
+
const A = () => {
|
|
58
|
+
const { render } = usePortal("shared");
|
|
59
|
+
return render(<span>a</span>);
|
|
60
|
+
};
|
|
61
|
+
const B = () => {
|
|
62
|
+
const { render } = usePortal("shared");
|
|
63
|
+
return render(<span>b</span>);
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
const viewA = render(<A />);
|
|
67
|
+
const viewB = render(<B />);
|
|
68
|
+
|
|
69
|
+
expect(document.getElementById("shared")).not.toBeNull();
|
|
70
|
+
|
|
71
|
+
viewA.unmount();
|
|
72
|
+
expect(document.getElementById("shared")).not.toBeNull();
|
|
73
|
+
|
|
74
|
+
viewB.unmount();
|
|
75
|
+
expect(document.getElementById("shared")).toBeNull();
|
|
76
|
+
});
|
|
77
|
+
});
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import type { ReactNode, ReactPortal } from "react";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { createPortal } from "react-dom";
|
|
4
|
+
|
|
5
|
+
type PortalEntry = {
|
|
6
|
+
node: HTMLElement;
|
|
7
|
+
count: number;
|
|
8
|
+
createdByHook: boolean;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const portals = new Map<string, PortalEntry>();
|
|
12
|
+
|
|
13
|
+
function acquire(id: string): HTMLElement {
|
|
14
|
+
const existing = portals.get(id);
|
|
15
|
+
if (existing) {
|
|
16
|
+
existing.count += 1;
|
|
17
|
+
return existing.node;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
const preExisting = document.getElementById(id);
|
|
21
|
+
if (preExisting) {
|
|
22
|
+
portals.set(id, { node: preExisting, count: 1, createdByHook: false });
|
|
23
|
+
return preExisting;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const node = document.createElement("div");
|
|
27
|
+
node.id = id;
|
|
28
|
+
document.body.appendChild(node);
|
|
29
|
+
portals.set(id, { node, count: 1, createdByHook: true });
|
|
30
|
+
return node;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
function release(id: string) {
|
|
34
|
+
const entry = portals.get(id);
|
|
35
|
+
if (!entry) return;
|
|
36
|
+
entry.count -= 1;
|
|
37
|
+
if (entry.count > 0) return;
|
|
38
|
+
if (entry.createdByHook && entry.node.parentNode) {
|
|
39
|
+
entry.node.parentNode.removeChild(entry.node);
|
|
40
|
+
}
|
|
41
|
+
portals.delete(id);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export function usePortal(id: string) {
|
|
45
|
+
const [wrapper, setWrapper] = useState<HTMLElement | null>(null);
|
|
46
|
+
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
const node = acquire(id);
|
|
49
|
+
setWrapper(node);
|
|
50
|
+
return () => {
|
|
51
|
+
release(id);
|
|
52
|
+
};
|
|
53
|
+
}, [id]);
|
|
54
|
+
|
|
55
|
+
return {
|
|
56
|
+
render: (children: ReactNode): ReactPortal | null =>
|
|
57
|
+
wrapper ? createPortal(children, wrapper) : null,
|
|
58
|
+
};
|
|
59
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-prevent-close-window";
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { renderHook } from "@testing-library/react";
|
|
2
|
+
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
3
|
+
import usePreventCloseWindow from "./use-prevent-close-window";
|
|
4
|
+
|
|
5
|
+
describe("usePreventCloseWindow", () => {
|
|
6
|
+
let addSpy: ReturnType<typeof vi.spyOn>;
|
|
7
|
+
let removeSpy: ReturnType<typeof vi.spyOn>;
|
|
8
|
+
|
|
9
|
+
beforeEach(() => {
|
|
10
|
+
addSpy = vi.spyOn(window, "addEventListener");
|
|
11
|
+
removeSpy = vi.spyOn(window, "removeEventListener");
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
afterEach(() => {
|
|
15
|
+
addSpy.mockRestore();
|
|
16
|
+
removeSpy.mockRestore();
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
it("registers beforeunload listener on mount", () => {
|
|
20
|
+
renderHook(() => usePreventCloseWindow({ shouldPrevent: true }));
|
|
21
|
+
expect(addSpy).toHaveBeenCalledWith("beforeunload", expect.any(Function));
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
it("removes beforeunload listener on unmount", () => {
|
|
25
|
+
const { unmount } = renderHook(() =>
|
|
26
|
+
usePreventCloseWindow({ shouldPrevent: true }),
|
|
27
|
+
);
|
|
28
|
+
unmount();
|
|
29
|
+
expect(removeSpy).toHaveBeenCalledWith(
|
|
30
|
+
"beforeunload",
|
|
31
|
+
expect.any(Function),
|
|
32
|
+
);
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
it("calls event.preventDefault when shouldPrevent is true", () => {
|
|
36
|
+
renderHook(() => usePreventCloseWindow({ shouldPrevent: true }));
|
|
37
|
+
|
|
38
|
+
const handler = addSpy.mock.calls.find(
|
|
39
|
+
([event]: [string, EventListenerOrEventListenerObject]) =>
|
|
40
|
+
event === "beforeunload",
|
|
41
|
+
)?.[1] as EventListener;
|
|
42
|
+
|
|
43
|
+
const event = new Event("beforeunload");
|
|
44
|
+
const preventSpy = vi.spyOn(event, "preventDefault");
|
|
45
|
+
handler(event);
|
|
46
|
+
|
|
47
|
+
expect(preventSpy).toHaveBeenCalled();
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
it("does not call event.preventDefault when shouldPrevent is false", () => {
|
|
51
|
+
renderHook(() => usePreventCloseWindow({ shouldPrevent: false }));
|
|
52
|
+
|
|
53
|
+
const handler = addSpy.mock.calls.find(
|
|
54
|
+
([event]: [string, EventListenerOrEventListenerObject]) =>
|
|
55
|
+
event === "beforeunload",
|
|
56
|
+
)?.[1] as EventListener;
|
|
57
|
+
|
|
58
|
+
const event = new Event("beforeunload");
|
|
59
|
+
const preventSpy = vi.spyOn(event, "preventDefault");
|
|
60
|
+
handler(event);
|
|
61
|
+
|
|
62
|
+
expect(preventSpy).not.toHaveBeenCalled();
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
it("re-registers listener when shouldPrevent changes", () => {
|
|
66
|
+
const { rerender } = renderHook(
|
|
67
|
+
({ shouldPrevent }) => usePreventCloseWindow({ shouldPrevent }),
|
|
68
|
+
{ initialProps: { shouldPrevent: false } },
|
|
69
|
+
);
|
|
70
|
+
|
|
71
|
+
rerender({ shouldPrevent: true });
|
|
72
|
+
|
|
73
|
+
expect(removeSpy).toHaveBeenCalledWith(
|
|
74
|
+
"beforeunload",
|
|
75
|
+
expect.any(Function),
|
|
76
|
+
);
|
|
77
|
+
expect(addSpy).toHaveBeenCalledTimes(2);
|
|
78
|
+
});
|
|
79
|
+
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect } from "react";
|
|
2
2
|
|
|
3
|
-
interface
|
|
3
|
+
interface UsePreventCloseWindowProps {
|
|
4
4
|
/**
|
|
5
5
|
* Propiedad que determina si la ventana se puede cerrar o no
|
|
6
6
|
*/
|
|
@@ -12,10 +12,10 @@ interface UsePreventUnloadProps {
|
|
|
12
12
|
message?: string;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
function
|
|
15
|
+
export function usePreventCloseWindow({
|
|
16
16
|
shouldPrevent,
|
|
17
17
|
message = "Es posible que no se guarden los cambios hayas hecho.",
|
|
18
|
-
}:
|
|
18
|
+
}: UsePreventCloseWindowProps) {
|
|
19
19
|
const handleBeforeUnload = (event: BeforeUnloadEvent): void | string => {
|
|
20
20
|
if (!shouldPrevent) return;
|
|
21
21
|
|
|
@@ -30,4 +30,4 @@ function usePreventClose({
|
|
|
30
30
|
}, [message, shouldPrevent]);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
export default
|
|
33
|
+
export default usePreventCloseWindow;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./use-range-pagination";
|