@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +45 -0
- package/README.md +35 -0
- package/accordion/index.d.ts +3 -0
- package/accordion/index.mjs +1 -1
- package/accordion/index.mjs.map +1 -1
- package/accordion/useAccordion.d.ts +7 -6
- package/accordion/useAccordion.props.d.ts +2 -2
- package/accordion/useAccordionPanel.d.ts +46 -0
- package/accordion/useAccordionPanel.props.d.ts +2 -0
- package/animateonscroll/index.d.ts +1 -0
- package/animateonscroll/index.mjs +1 -1
- package/animateonscroll/index.mjs.map +1 -1
- package/animateonscroll/useAnimateOnScroll.d.ts +6 -1
- package/animateonscroll/useAnimateOnScroll.props.d.ts +2 -2
- package/autocomplete/index.d.ts +3 -0
- package/autocomplete/index.mjs +2 -0
- package/autocomplete/index.mjs.map +1 -0
- package/autocomplete/useAutoComplete.d.ts +198 -0
- package/autocomplete/useAutoComplete.props.d.ts +2 -0
- package/avatar/index.d.ts +1 -0
- package/avatar/index.mjs +1 -1
- package/avatar/index.mjs.map +1 -1
- package/avatar/useAvatar.d.ts +5 -1
- package/avatar/useAvatar.props.d.ts +2 -2
- package/avatargroup/index.d.ts +3 -0
- package/avatargroup/index.mjs +2 -0
- package/avatargroup/index.mjs.map +1 -0
- package/avatargroup/useAvatarGroup.d.ts +6 -0
- package/avatargroup/useAvatarGroup.props.d.ts +2 -0
- package/badge/index.d.ts +1 -0
- package/badge/index.mjs +1 -1
- package/badge/index.mjs.map +1 -1
- package/badge/useBadge.d.ts +7 -1
- package/badge/useBadge.props.d.ts +2 -2
- package/breadcrumb/index.d.ts +1 -0
- package/breadcrumb/index.mjs +1 -1
- package/breadcrumb/index.mjs.map +1 -1
- package/breadcrumb/useBreadcrumb.d.ts +18 -2
- package/breadcrumb/useBreadcrumb.props.d.ts +2 -2
- package/button/index.d.ts +1 -0
- package/button/index.mjs +1 -1
- package/button/index.mjs.map +1 -1
- package/button/useButton.d.ts +6 -1
- package/button/useButton.props.d.ts +2 -2
- package/card/index.d.ts +1 -0
- package/card/index.mjs +1 -1
- package/card/index.mjs.map +1 -1
- package/card/useCard.d.ts +6 -1
- package/card/useCard.props.d.ts +2 -2
- package/carousel/index.d.ts +1 -0
- package/carousel/index.mjs +1 -1
- package/carousel/index.mjs.map +1 -1
- package/carousel/useCarousel.d.ts +101 -5
- package/carousel/useCarousel.props.d.ts +2 -2
- package/checkbox/index.d.ts +1 -0
- package/checkbox/index.mjs +1 -1
- package/checkbox/index.mjs.map +1 -1
- package/checkbox/useCheckbox.d.ts +44 -3
- package/checkbox/useCheckbox.props.d.ts +2 -2
- package/checkboxgroup/index.d.ts +3 -0
- package/checkboxgroup/index.mjs +2 -0
- package/checkboxgroup/index.mjs.map +1 -0
- package/checkboxgroup/useCheckboxGroup.d.ts +11 -0
- package/checkboxgroup/useCheckboxGroup.props.d.ts +2 -0
- package/chip/index.d.ts +1 -0
- package/chip/index.mjs +1 -1
- package/chip/index.mjs.map +1 -1
- package/chip/useChip.d.ts +9 -3
- package/chip/useChip.props.d.ts +2 -2
- package/collapsible/index.d.ts +3 -0
- package/collapsible/index.mjs +2 -0
- package/collapsible/index.mjs.map +1 -0
- package/collapsible/useCollapsible.d.ts +33 -0
- package/collapsible/useCollapsible.props.d.ts +2 -0
- package/compare/index.d.ts +3 -0
- package/compare/index.mjs +2 -0
- package/compare/index.mjs.map +1 -0
- package/compare/useCompare.d.ts +2 -0
- package/compare/useCompare.props.d.ts +2 -0
- package/contextmenu/index.d.ts +1 -0
- package/contextmenu/index.mjs +1 -1
- package/contextmenu/index.mjs.map +1 -1
- package/contextmenu/submenu/index.d.ts +2 -0
- package/contextmenu/submenu/index.mjs +2 -0
- package/contextmenu/submenu/index.mjs.map +1 -0
- package/contextmenu/submenu/useContextMenuSubmenu.d.ts +121 -0
- package/contextmenu/submenu/useContextMenuSubmenu.props.d.ts +2 -0
- package/contextmenu/useContextMenu.d.ts +413 -1
- package/contextmenu/useContextMenu.props.d.ts +2 -2
- package/datatable/features/index.d.ts +28 -0
- package/datatable/features/index.mjs +11 -0
- package/datatable/features/index.mjs.map +1 -0
- package/datatable/features/useDataTableColumnReorder.d.ts +52 -0
- package/datatable/features/useDataTableColumnResize.d.ts +20 -0
- package/datatable/features/useDataTableEditing.d.ts +69 -0
- package/datatable/features/useDataTableExpansion.d.ts +32 -0
- package/datatable/features/useDataTableExport.d.ts +43 -0
- package/datatable/features/useDataTableFilter.d.ts +95 -0
- package/datatable/features/useDataTableGrouping.d.ts +11 -0
- package/datatable/features/useDataTableKeyboard.d.ts +23 -0
- package/datatable/features/useDataTablePagination.d.ts +32 -0
- package/datatable/features/useDataTableRowReorder.d.ts +42 -0
- package/datatable/features/useDataTableSelection.d.ts +28 -0
- package/datatable/features/useDataTableSort.d.ts +51 -0
- package/datatable/features/useDataTableTree.d.ts +31 -0
- package/datatable/index.d.ts +7 -0
- package/datatable/index.mjs +11 -0
- package/datatable/index.mjs.map +1 -0
- package/datatable/useDataTable.d.ts +237 -0
- package/datatable/useDataTable.props.d.ts +2 -0
- package/datatable/useDataTableRow.d.ts +30 -0
- package/datatable/useDataTableRow.props.d.ts +2 -0
- package/datatable/utils/compareValues.d.ts +20 -0
- package/datatable/utils/index.d.ts +1 -0
- package/datatable/utils/index.mjs +2 -0
- package/datatable/utils/index.mjs.map +1 -0
- package/dataview/index.d.ts +1 -0
- package/dataview/index.mjs +1 -1
- package/dataview/index.mjs.map +1 -1
- package/dataview/useDataView.d.ts +25 -1
- package/dataview/useDataView.props.d.ts +2 -2
- package/datepicker/index.d.ts +1 -0
- package/datepicker/index.mjs +1 -1
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/useDatePicker.d.ts +2 -114
- package/datepicker/useDatePicker.props.d.ts +2 -2
- package/dialog/index.d.ts +1 -0
- package/dialog/index.mjs +1 -1
- package/dialog/index.mjs.map +1 -1
- package/dialog/useDialog.d.ts +274 -24
- package/dialog/useDialog.props.d.ts +2 -2
- package/divider/index.d.ts +1 -0
- package/divider/index.mjs +1 -1
- package/divider/index.mjs.map +1 -1
- package/divider/useDivider.d.ts +14 -1
- package/divider/useDivider.props.d.ts +2 -2
- package/dnd/index.d.ts +11 -0
- package/dnd/index.mjs +2 -0
- package/dnd/index.mjs.map +1 -0
- package/dnd/useDnd.d.ts +45 -0
- package/dnd/useDnd.props.d.ts +2 -0
- package/dnd/useDraggable.d.ts +14 -0
- package/dnd/useDraggable.props.d.ts +2 -0
- package/dnd/useDroppable.d.ts +11 -0
- package/dnd/useDroppable.props.d.ts +2 -0
- package/dnd/useSortable.d.ts +11 -0
- package/dnd/useSortable.props.d.ts +2 -0
- package/dnd/useSortableContainer.d.ts +24 -0
- package/dnd/useSortableContainer.props.d.ts +2 -0
- package/drawer/index.d.ts +1 -0
- package/drawer/index.mjs +1 -1
- package/drawer/index.mjs.map +1 -1
- package/drawer/useDrawer.d.ts +78 -16
- package/drawer/useDrawer.props.d.ts +2 -2
- package/fieldset/index.d.ts +1 -0
- package/fieldset/index.mjs +1 -1
- package/fieldset/index.mjs.map +1 -1
- package/fieldset/useFieldset.d.ts +80 -1
- package/fieldset/useFieldset.props.d.ts +2 -2
- package/fileupload/index.d.ts +1 -0
- package/fileupload/index.mjs +1 -1
- package/fileupload/index.mjs.map +1 -1
- package/fileupload/useFileUpload.d.ts +73 -4
- package/fileupload/useFileUpload.props.d.ts +2 -2
- package/floatlabel/index.d.ts +3 -0
- package/floatlabel/index.mjs +2 -0
- package/floatlabel/index.mjs.map +1 -0
- package/floatlabel/useFloatLabel.d.ts +6 -0
- package/floatlabel/useFloatLabel.props.d.ts +2 -0
- package/fluid/index.d.ts +1 -0
- package/fluid/index.mjs +1 -1
- package/fluid/index.mjs.map +1 -1
- package/fluid/useFluid.d.ts +6 -1
- package/fluid/useFluid.props.d.ts +2 -2
- package/focustrap/index.d.ts +1 -0
- package/focustrap/index.mjs +1 -1
- package/focustrap/index.mjs.map +1 -1
- package/focustrap/useFocusTrap.d.ts +16 -3
- package/focustrap/useFocusTrap.props.d.ts +2 -2
- package/gallery/index.d.ts +1 -0
- package/gallery/index.mjs +1 -1
- package/gallery/index.mjs.map +1 -1
- package/gallery/item/index.mjs +1 -1
- package/gallery/item/index.mjs.map +1 -1
- package/gallery/item/useGalleryItem.d.ts +17 -7
- package/gallery/item/useGalleryItem.props.d.ts +2 -2
- package/gallery/useGallery.d.ts +147 -6
- package/gallery/useGallery.props.d.ts +2 -2
- package/iconfield/index.d.ts +1 -0
- package/iconfield/index.mjs +1 -1
- package/iconfield/index.mjs.map +1 -1
- package/iconfield/useIconField.d.ts +6 -1
- package/iconfield/useIconField.props.d.ts +2 -2
- package/iftalabel/index.d.ts +3 -0
- package/iftalabel/index.mjs +2 -0
- package/iftalabel/index.mjs.map +1 -0
- package/iftalabel/useIftaLabel.d.ts +6 -0
- package/iftalabel/useIftaLabel.props.d.ts +2 -0
- package/inplace/index.d.ts +1 -0
- package/inplace/index.mjs +1 -1
- package/inplace/index.mjs.map +1 -1
- package/inplace/useInplace.d.ts +21 -2
- package/inplace/useInplace.props.d.ts +2 -2
- package/{colorpicker → inputcolor}/colorManager.d.ts +3 -2
- package/inputcolor/index.d.ts +4 -0
- package/inputcolor/index.mjs +2 -0
- package/inputcolor/index.mjs.map +1 -0
- package/inputcolor/useInputColor.d.ts +119 -0
- package/inputcolor/useInputColor.props.d.ts +2 -0
- package/inputgroup/index.d.ts +1 -0
- package/inputgroup/index.mjs +1 -1
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroup/useInputGroup.d.ts +6 -1
- package/inputgroup/useInputGroup.props.d.ts +2 -2
- package/inputnumber/index.d.ts +1 -0
- package/inputnumber/index.mjs +1 -1
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/useInputNumber.d.ts +55 -17
- package/inputnumber/useInputNumber.props.d.ts +2 -2
- package/inputotp/index.d.ts +1 -0
- package/inputotp/index.mjs +1 -1
- package/inputotp/index.mjs.map +1 -1
- package/inputotp/useInputOtp.d.ts +25 -6
- package/inputotp/useInputOtp.props.d.ts +2 -2
- package/inputpassword/index.d.ts +3 -0
- package/inputpassword/index.mjs +2 -0
- package/inputpassword/index.mjs.map +1 -0
- package/inputpassword/useInputPassword.d.ts +15 -0
- package/inputpassword/useInputPassword.props.d.ts +2 -0
- package/inputtags/index.d.ts +1 -0
- package/inputtags/index.mjs +1 -1
- package/inputtags/index.mjs.map +1 -1
- package/inputtags/useInputTags.d.ts +42 -12
- package/inputtags/useInputTags.props.d.ts +2 -2
- package/inputtext/index.d.ts +1 -0
- package/inputtext/index.mjs +1 -1
- package/inputtext/index.mjs.map +1 -1
- package/inputtext/useInputText.d.ts +8 -1
- package/inputtext/useInputText.props.d.ts +2 -2
- package/knob/index.d.ts +1 -0
- package/knob/index.mjs +1 -1
- package/knob/index.mjs.map +1 -1
- package/knob/useKnob.d.ts +51 -10
- package/knob/useKnob.props.d.ts +2 -2
- package/label/index.d.ts +1 -0
- package/label/index.mjs +1 -1
- package/label/index.mjs.map +1 -1
- package/label/useLabel.d.ts +6 -1
- package/label/useLabel.props.d.ts +2 -2
- package/listbox/index.d.ts +3 -0
- package/listbox/index.mjs +1 -1
- package/listbox/index.mjs.map +1 -1
- package/listbox/useListbox.d.ts +56 -18
- package/listbox/useListbox.props.d.ts +2 -2
- package/listbox/useListboxOption.d.ts +21 -0
- package/listbox/useListboxOption.props.d.ts +2 -0
- package/menu/checkboxitem/index.d.ts +2 -0
- package/menu/checkboxitem/index.mjs +2 -0
- package/menu/checkboxitem/index.mjs.map +1 -0
- package/menu/checkboxitem/useMenuCheckboxItem.d.ts +112 -0
- package/menu/checkboxitem/useMenuCheckboxItem.props.d.ts +2 -0
- package/menu/index.d.ts +1 -0
- package/menu/index.mjs +1 -1
- package/menu/index.mjs.map +1 -1
- package/menu/radioitem/index.d.ts +2 -0
- package/menu/radioitem/index.mjs +2 -0
- package/menu/radioitem/index.mjs.map +1 -0
- package/menu/radioitem/useMenuRadioItem.d.ts +106 -0
- package/menu/radioitem/useMenuRadioItem.props.d.ts +2 -0
- package/menu/submenu/index.d.ts +2 -0
- package/menu/submenu/index.mjs +2 -0
- package/menu/submenu/index.mjs.map +1 -0
- package/menu/submenu/useMenuSubmenu.d.ts +97 -0
- package/menu/submenu/useMenuSubmenu.props.d.ts +2 -0
- package/menu/useMenu.d.ts +215 -22
- package/menu/useMenu.props.d.ts +2 -2
- package/message/index.d.ts +1 -0
- package/message/index.mjs +1 -1
- package/message/index.mjs.map +1 -1
- package/message/useMessage.d.ts +13 -1
- package/message/useMessage.props.d.ts +2 -2
- package/metergroup/index.d.ts +1 -0
- package/metergroup/index.mjs +1 -1
- package/metergroup/index.mjs.map +1 -1
- package/metergroup/useMeterGroup.d.ts +36 -5
- package/metergroup/useMeterGroup.props.d.ts +2 -2
- package/navigationmenu/index.d.ts +3 -0
- package/navigationmenu/index.mjs +2 -0
- package/navigationmenu/index.mjs.map +1 -0
- package/navigationmenu/useNavigationMenu.d.ts +30 -0
- package/navigationmenu/useNavigationMenu.props.d.ts +2 -0
- package/orderlist/index.d.ts +3 -0
- package/orderlist/index.mjs +2 -0
- package/orderlist/index.mjs.map +1 -0
- package/orderlist/useOrderList.d.ts +73 -0
- package/orderlist/useOrderList.props.d.ts +2 -0
- package/organizationchart/index.d.ts +3 -0
- package/organizationchart/index.mjs +2 -0
- package/organizationchart/index.mjs.map +1 -0
- package/organizationchart/useOrganizationChart.d.ts +69 -0
- package/organizationchart/useOrganizationChart.props.d.ts +2 -0
- package/overlaybadge/index.d.ts +3 -0
- package/overlaybadge/index.mjs +2 -0
- package/overlaybadge/index.mjs.map +1 -0
- package/overlaybadge/useOverlayBadge.d.ts +1 -0
- package/overlaybadge/useOverlayBadge.props.d.ts +2 -0
- package/package.json +12 -15
- package/paginator/index.d.ts +1 -0
- package/paginator/index.mjs +1 -1
- package/paginator/index.mjs.map +1 -1
- package/paginator/usePaginator.d.ts +47 -1
- package/paginator/usePaginator.props.d.ts +2 -2
- package/panel/index.d.ts +1 -0
- package/panel/index.mjs +1 -1
- package/panel/index.mjs.map +1 -1
- package/panel/usePanel.d.ts +76 -8
- package/panel/usePanel.props.d.ts +2 -2
- package/picklist/index.d.ts +3 -0
- package/picklist/index.mjs +2 -0
- package/picklist/index.mjs.map +1 -0
- package/picklist/usePickList.d.ts +153 -0
- package/picklist/usePickList.props.d.ts +2 -0
- package/popover/index.d.ts +1 -0
- package/popover/index.mjs +1 -7
- package/popover/index.mjs.map +1 -1
- package/popover/usePopover.d.ts +65 -12
- package/popover/usePopover.props.d.ts +2 -2
- package/portal/index.d.ts +1 -0
- package/portal/index.mjs +1 -1
- package/portal/index.mjs.map +1 -1
- package/portal/usePortal.d.ts +4 -2
- package/portal/usePortal.props.d.ts +2 -2
- package/positioner/index.d.ts +3 -0
- package/positioner/index.mjs +2 -0
- package/positioner/index.mjs.map +1 -0
- package/positioner/usePositioner.anchor.d.ts +7 -0
- package/positioner/usePositioner.d.ts +11 -0
- package/positioner/usePositioner.fallback.d.ts +13 -0
- package/positioner/usePositioner.props.d.ts +2 -0
- package/positioner/usePositioner.utils.d.ts +21 -0
- package/progressbar/index.d.ts +1 -0
- package/progressbar/index.mjs +1 -1
- package/progressbar/index.mjs.map +1 -1
- package/progressbar/useProgressBar.d.ts +13 -1
- package/progressbar/useProgressBar.props.d.ts +2 -2
- package/progressspinner/index.d.ts +1 -0
- package/progressspinner/index.mjs +1 -1
- package/progressspinner/index.mjs.map +1 -1
- package/progressspinner/useProgressSpinner.d.ts +50 -1
- package/progressspinner/useProgressSpinner.props.d.ts +2 -2
- package/radiobutton/index.d.ts +1 -0
- package/radiobutton/index.mjs +1 -1
- package/radiobutton/index.mjs.map +1 -1
- package/radiobutton/useRadioButton.d.ts +41 -3
- package/radiobutton/useRadioButton.props.d.ts +2 -2
- package/radiobuttongroup/index.d.ts +3 -0
- package/radiobuttongroup/index.mjs +2 -0
- package/radiobuttongroup/index.mjs.map +1 -0
- package/radiobuttongroup/useRadioButtonGroup.d.ts +11 -0
- package/radiobuttongroup/useRadioButtonGroup.props.d.ts +2 -0
- package/rating/index.d.ts +3 -0
- package/rating/index.mjs +1 -1
- package/rating/index.mjs.map +1 -1
- package/rating/useRating.d.ts +46 -12
- package/rating/useRating.props.d.ts +2 -2
- package/rating/useRatingOption.d.ts +69 -0
- package/rating/useRatingOption.props.d.ts +2 -0
- package/scrollarea/index.d.ts +1 -0
- package/scrollarea/index.mjs +1 -1
- package/scrollarea/index.mjs.map +1 -1
- package/scrollarea/useScrollArea.d.ts +120 -15
- package/scrollarea/useScrollArea.props.d.ts +2 -2
- package/select/index.d.ts +3 -0
- package/select/index.mjs +2 -0
- package/select/index.mjs.map +1 -0
- package/select/useSelect.d.ts +190 -0
- package/select/useSelect.props.d.ts +2 -0
- package/select/useSelect.test.d.ts +1 -0
- package/sidebar/index.d.ts +7 -0
- package/sidebar/index.mjs +2 -0
- package/sidebar/index.mjs.map +1 -0
- package/sidebar/useSidebar.d.ts +117 -0
- package/sidebar/useSidebar.props.d.ts +2 -0
- package/sidebar/useSidebarLayout.d.ts +24 -0
- package/sidebar/useSidebarLayout.props.d.ts +2 -0
- package/sidebar/useSidebarMenuItem.d.ts +11 -0
- package/sidebar/useSidebarMenuItem.props.d.ts +2 -0
- package/skeleton/index.d.ts +1 -0
- package/skeleton/index.mjs +1 -1
- package/skeleton/index.mjs.map +1 -1
- package/skeleton/useSkeleton.d.ts +7 -1
- package/skeleton/useSkeleton.props.d.ts +2 -2
- package/slider/index.d.ts +1 -0
- package/slider/index.mjs +1 -1
- package/slider/index.mjs.map +1 -1
- package/slider/useSlider.d.ts +81 -48
- package/slider/useSlider.props.d.ts +2 -2
- package/speeddial/index.d.ts +1 -0
- package/speeddial/index.mjs +1 -1
- package/speeddial/index.mjs.map +1 -1
- package/speeddial/useSpeedDial.d.ts +89 -32
- package/speeddial/useSpeedDial.props.d.ts +2 -2
- package/splitter/index.d.ts +1 -0
- package/splitter/index.mjs +1 -1
- package/splitter/index.mjs.map +1 -1
- package/splitter/useSplitter.d.ts +57 -14
- package/splitter/useSplitter.props.d.ts +2 -2
- package/stepper/index.d.ts +1 -0
- package/stepper/index.mjs +1 -1
- package/stepper/index.mjs.map +1 -1
- package/stepper/useStepper.d.ts +47 -2
- package/stepper/useStepper.props.d.ts +2 -2
- package/styleclass/index.d.ts +1 -0
- package/styleclass/index.mjs +1 -1
- package/styleclass/index.mjs.map +1 -1
- package/styleclass/useStyleClass.d.ts +5 -1
- package/styleclass/useStyleClass.props.d.ts +2 -2
- package/tabs/index.d.ts +1 -0
- package/tabs/index.mjs +1 -1
- package/tabs/index.mjs.map +1 -1
- package/tabs/useTabs.d.ts +42 -3
- package/tabs/useTabs.props.d.ts +2 -2
- package/tag/index.d.ts +1 -0
- package/tag/index.mjs +1 -1
- package/tag/index.mjs.map +1 -1
- package/tag/useTag.d.ts +6 -1
- package/tag/useTag.props.d.ts +2 -2
- package/terminal/index.d.ts +1 -0
- package/terminal/index.mjs +1 -1
- package/terminal/index.mjs.map +1 -1
- package/terminal/useTerminal.d.ts +23 -2
- package/terminal/useTerminal.props.d.ts +2 -2
- package/textarea/index.d.ts +1 -0
- package/textarea/index.mjs +1 -1
- package/textarea/index.mjs.map +1 -1
- package/textarea/useTextarea.d.ts +9 -2
- package/textarea/useTextarea.props.d.ts +2 -2
- package/timeline/index.d.ts +1 -0
- package/timeline/index.mjs +1 -1
- package/timeline/index.mjs.map +1 -1
- package/timeline/useTimeline.d.ts +41 -1
- package/timeline/useTimeline.props.d.ts +2 -2
- package/toast/index.d.ts +1 -1
- package/toast/index.mjs +1 -1
- package/toast/index.mjs.map +1 -1
- package/toast/useToast.d.ts +85 -23
- package/toast/useToast.props.d.ts +2 -2
- package/toaster/ToastManager.d.ts +14 -0
- package/toaster/index.d.ts +4 -0
- package/toaster/index.mjs +2 -0
- package/toaster/index.mjs.map +1 -0
- package/toaster/useToaster.d.ts +50 -0
- package/toaster/useToaster.props.d.ts +2 -0
- package/togglebutton/index.d.ts +1 -0
- package/togglebutton/index.mjs +1 -1
- package/togglebutton/index.mjs.map +1 -1
- package/togglebutton/useToggleButton.d.ts +5 -3
- package/togglebutton/useToggleButton.props.d.ts +2 -2
- package/togglebuttongroup/index.d.ts +3 -0
- package/togglebuttongroup/index.mjs +2 -0
- package/togglebuttongroup/index.mjs.map +1 -0
- package/togglebuttongroup/useToggleButtonGroup.d.ts +17 -0
- package/togglebuttongroup/useToggleButtonGroup.props.d.ts +2 -0
- package/toggleswitch/index.d.ts +3 -0
- package/toggleswitch/index.mjs +2 -0
- package/toggleswitch/index.mjs.map +1 -0
- package/toggleswitch/useToggleSwitch.d.ts +48 -0
- package/toggleswitch/useToggleSwitch.props.d.ts +2 -0
- package/toolbar/index.d.ts +1 -0
- package/toolbar/index.mjs +1 -1
- package/toolbar/index.mjs.map +1 -1
- package/toolbar/useToolbar.d.ts +7 -1
- package/toolbar/useToolbar.props.d.ts +2 -2
- package/tooltip/index.d.ts +1 -0
- package/tooltip/index.mjs +1 -1
- package/tooltip/index.mjs.map +1 -1
- package/tooltip/useTooltip.d.ts +43 -24
- package/tooltip/useTooltip.props.d.ts +2 -2
- package/tooltipmanager/index.d.ts +2 -0
- package/tooltipmanager/index.mjs +2 -0
- package/tooltipmanager/index.mjs.map +1 -0
- package/tooltipmanager/useTooltipManager.d.ts +12 -0
- package/tooltipmanager/useTooltipManager.props.d.ts +2 -0
- package/tooltipmanager/useTooltipManager.test.d.ts +0 -0
- package/tree/TreeDragDropService.d.ts +13 -5
- package/tree/index.d.ts +7 -0
- package/tree/index.mjs +1 -1
- package/tree/index.mjs.map +1 -1
- package/tree/useTree.d.ts +96 -16
- package/tree/useTree.props.d.ts +2 -2
- package/tree/useTreeDragDrop.d.ts +24 -0
- package/tree/useTreeFlatten.d.ts +13 -0
- package/tree/useTreeKeyboard.d.ts +18 -0
- package/tree/useTreeNode.d.ts +45 -0
- package/tree/useTreeNode.props.d.ts +2 -0
- package/tree/useTreeSelection.d.ts +31 -0
- package/utils/itemKey.d.ts +10 -0
- package/LICENSE +0 -21
- package/colorpicker/index.d.ts +0 -3
- package/colorpicker/index.mjs +0 -2
- package/colorpicker/index.mjs.map +0 -1
- package/colorpicker/input/index.d.ts +0 -2
- package/colorpicker/input/index.mjs +0 -2
- package/colorpicker/input/index.mjs.map +0 -1
- package/colorpicker/input/useColorPickerInput.d.ts +0 -11
- package/colorpicker/input/useColorPickerInput.props.d.ts +0 -2
- package/colorpicker/slider/index.d.ts +0 -2
- package/colorpicker/slider/index.mjs +0 -2
- package/colorpicker/slider/index.mjs.map +0 -1
- package/colorpicker/slider/useColorPickerSlider.d.ts +0 -13
- package/colorpicker/slider/useColorPickerSlider.props.d.ts +0 -2
- package/colorpicker/useColorPicker.d.ts +0 -26
- package/colorpicker/useColorPicker.props.d.ts +0 -2
- package/commandmenu/index.d.ts +0 -2
- package/commandmenu/index.mjs +0 -2
- package/commandmenu/index.mjs.map +0 -1
- package/commandmenu/useCommandMenu.d.ts +0 -11
- package/commandmenu/useCommandMenu.props.d.ts +0 -2
- package/confirmdialog/index.d.ts +0 -2
- package/confirmdialog/index.mjs +0 -2
- package/confirmdialog/index.mjs.map +0 -1
- package/confirmdialog/useConfirmDialog.d.ts +0 -1
- package/confirmdialog/useConfirmDialog.props.d.ts +0 -2
- package/confirmpopup/index.d.ts +0 -2
- package/confirmpopup/index.mjs +0 -2
- package/confirmpopup/index.mjs.map +0 -1
- package/confirmpopup/useConfirmPopup.d.ts +0 -25
- package/confirmpopup/useConfirmPopup.props.d.ts +0 -2
- package/imagecompare/index.d.ts +0 -2
- package/imagecompare/index.mjs +0 -2
- package/imagecompare/index.mjs.map +0 -1
- package/imagecompare/useImageCompare.d.ts +0 -8
- package/imagecompare/useImageCompare.props.d.ts +0 -2
- package/menu/sub/index.d.ts +0 -2
- package/menu/sub/index.mjs +0 -2
- package/menu/sub/index.mjs.map +0 -1
- package/menu/sub/useMenuSub.d.ts +0 -19
- package/menu/sub/useMenuSub.props.d.ts +0 -2
- package/orgchart/index.d.ts +0 -2
- package/orgchart/index.mjs +0 -2
- package/orgchart/index.mjs.map +0 -1
- package/orgchart/useOrgChart.d.ts +0 -20
- package/orgchart/useOrgChart.props.d.ts +0 -2
- package/overlay/index.d.ts +0 -2
- package/overlay/index.mjs +0 -2
- package/overlay/index.mjs.map +0 -1
- package/overlay/useOverlay.d.ts +0 -16
- package/overlay/useOverlay.props.d.ts +0 -2
- package/password/index.d.ts +0 -2
- package/password/index.mjs +0 -2
- package/password/index.mjs.map +0 -1
- package/password/usePassword.d.ts +0 -35
- package/password/usePassword.props.d.ts +0 -2
- package/placer/index.d.ts +0 -2
- package/placer/index.mjs +0 -2
- package/placer/index.mjs.map +0 -1
- package/placer/usePlacer.d.ts +0 -12
- package/placer/usePlacer.props.d.ts +0 -2
- package/switch/index.d.ts +0 -2
- package/switch/index.mjs +0 -2
- package/switch/index.mjs.map +0 -1
- package/switch/useSwitch.d.ts +0 -7
- package/switch/useSwitch.props.d.ts +0 -2
- package/toast/item/index.css +0 -2
- package/toast/item/index.css.map +0 -1
- package/toast/item/index.d.ts +0 -2
- package/toast/item/index.mjs +0 -2
- package/toast/item/index.mjs.map +0 -1
- package/toast/item/useToastItem.d.ts +0 -25
- package/toast/item/useToastItem.props.d.ts +0 -2
- package/toast/toastStore.d.ts +0 -40
- package/tooltip/group/index.d.ts +0 -2
- package/tooltip/group/index.mjs +0 -2
- package/tooltip/group/index.mjs.map +0 -1
- package/tooltip/group/useTooltipGroup.d.ts +0 -9
- package/tooltip/group/useTooltipGroup.props.d.ts +0 -2
- /package/{colorpicker/input/useColorPickerInput.test.d.ts → autocomplete/useAutoComplete.test.d.ts} +0 -0
- /package/{colorpicker/slider/useColorPickerSlider.test.d.ts → checkboxgroup/useCheckboxGroup.test.d.ts} +0 -0
- /package/{colorpicker/useColorPicker.test.d.ts → collapsible/useCollapsible.test.d.ts} +0 -0
- /package/{commandmenu/useCommandMenu.test.d.ts → compare/useCompare.test.d.ts} +0 -0
- /package/{confirmdialog/useConfirmDialog.test.d.ts → floatlabel/useFloatLabel.test.d.ts} +0 -0
- /package/{confirmpopup/useConfirmPopup.test.d.ts → iftalabel/useIftaLabel.test.d.ts} +0 -0
- /package/{imagecompare/useImageCompare.test.d.ts → inputcolor/useInputColor.test.d.ts} +0 -0
- /package/{orgchart/useOrgChart.test.d.ts → inputpassword/useInputPassword.test.d.ts} +0 -0
- /package/{overlay/useOverlay.test.d.ts → navigationmenu/useNavigationMenu.test.d.ts} +0 -0
- /package/{password/usePassword.test.d.ts → organizationchart/useOrganizationChart.test.d.ts} +0 -0
- /package/{placer/usePlacer.test.d.ts → overlaybadge/useOverlayBadge.test.d.ts} +0 -0
- /package/{progressspinner/useProgressSpinner.test.d.ts → positioner/usePositioner.test.d.ts} +0 -0
- /package/{rating/useRating.test.d.ts → radiobuttongroup/useRadioButtonGroup.test.d.ts} +0 -0
- /package/{switch/useSwitch.test.d.ts → toaster/useToaster.test.d.ts} +0 -0
- /package/{toast/item/useToastItem.test.d.ts → togglebuttongroup/useToggleButtonGroup.test.d.ts} +0 -0
- /package/{tooltip/group/useTooltipGroup.test.d.ts → toggleswitch/useToggleSwitch.test.d.ts} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{withHeadless as
|
|
1
|
+
var B=Object.defineProperty,D=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var P=(e,t,s)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,r=(e,t)=>{for(var s in t||(t={}))R.call(t,s)&&P(e,s,t[s]);if(h)for(var s of h(t))T.call(t,s)&&P(e,s,t[s]);return e},v=(e,t)=>D(e,O(t));import{withHeadless as U}from"@primereact/core/headless";var y={value:null,min:0,max:100,strokeWidth:4};var n=100,o=n/2,L=U({name:"useProgressSpinner",defaultProps:y,setup({props:e}){var u,f,g,x;let t=(u=e.min)!=null?u:0,s=(f=e.max)!=null?f:100,c=(g=e.strokeWidth)!=null?g:4,i=(n-c)/2,d=2*Math.PI*i,a=e.value==null,l=a?0:Math.min(Math.max(e.value,t),s),m=a?0:(l-t)/(s-t)*100,p=a?"indeterminate":"determinate",k=`${d}`,S=a?void 0:`${d-m/100*d}`,w={value:(x=e.value)!=null?x:null,percent:m,indeterminate:a},$=r(v(r({"data-scope":"progress","data-part":"root","data-state":p},a?{}:{"data-value":l}),{role:"progressbar","aria-valuemin":t,"aria-valuemax":s,"aria-valuenow":a?void 0:l}),e.disabled?{"data-disabled":""}:{}),b={"data-scope":"progress","data-part":"circle",viewBox:`0 0 ${n} ${n}`},M={"data-scope":"progress","data-part":"circleTrack","data-state":p,cx:o,cy:o,r:i,fill:"none",strokeWidth:c},W=r({"data-scope":"progress","data-part":"circleRange","data-state":p,cx:o,cy:o,r:i,fill:"none",strokeWidth:c},a?{}:{strokeDasharray:k,strokeDashoffset:S,strokeLinecap:"round",style:{transformOrigin:"center",transform:"rotate(-90deg)"}});return{state:w,rootProps:$,circleProps:b,circleTrackProps:M,circleRangeProps:W}}});export{y as defaultProps,L as useProgressSpinner};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/progressspinner/useProgressSpinner.ts","../../src/progressspinner/useProgressSpinner.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useProgressSpinner.props';\n\nexport const useProgressSpinner = withHeadless({\n name: 'useProgressSpinner',\n defaultProps\n});\n","import type {
|
|
1
|
+
{"version":3,"sources":["../../src/progressspinner/useProgressSpinner.ts","../../src/progressspinner/useProgressSpinner.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useProgressSpinner.props';\n\nconst viewBoxSize = 100;\nconst center = viewBoxSize / 2;\n\nexport const useProgressSpinner = withHeadless({\n name: 'useProgressSpinner',\n defaultProps,\n setup({ props }) {\n const min = props.min ?? 0;\n const max = props.max ?? 100;\n const strokeWidth = props.strokeWidth ?? 4;\n const radius = (viewBoxSize - strokeWidth) / 2;\n const circumference = 2 * Math.PI * radius;\n\n const indeterminate = props.value == null;\n const clampedValue = indeterminate ? 0 : Math.min(Math.max(props.value!, min), max);\n const percent = indeterminate ? 0 : ((clampedValue - min) / (max - min)) * 100;\n const determinateState = indeterminate ? ('indeterminate' as const) : ('determinate' as const);\n\n const dashArray = `${circumference}`;\n const dashOffset = indeterminate ? undefined : `${circumference - (percent / 100) * circumference}`;\n\n const state = {\n value: props.value ?? null,\n percent,\n indeterminate\n };\n\n // prop getters\n const rootProps = {\n 'data-scope': 'progress' as const,\n 'data-part': 'root' as const,\n 'data-state': determinateState,\n ...(indeterminate ? {} : { 'data-value': clampedValue }),\n role: 'progressbar' as const,\n 'aria-valuemin': min,\n 'aria-valuemax': max,\n 'aria-valuenow': indeterminate ? undefined : clampedValue,\n ...(props.disabled ? { 'data-disabled': '' } : {})\n };\n\n const circleProps = {\n 'data-scope': 'progress' as const,\n 'data-part': 'circle' as const,\n viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`\n };\n\n const circleTrackProps = {\n 'data-scope': 'progress' as const,\n 'data-part': 'circleTrack' as const,\n 'data-state': determinateState,\n cx: center,\n cy: center,\n r: radius,\n fill: 'none',\n strokeWidth\n };\n\n const circleRangeProps = {\n 'data-scope': 'progress' as const,\n 'data-part': 'circleRange' as const,\n 'data-state': determinateState,\n cx: center,\n cy: center,\n r: radius,\n fill: 'none',\n strokeWidth,\n ...(indeterminate\n ? {}\n : {\n strokeDasharray: dashArray,\n strokeDashoffset: dashOffset,\n strokeLinecap: 'round' as const,\n style: {\n transformOrigin: 'center',\n transform: 'rotate(-90deg)'\n }\n })\n };\n\n return {\n state,\n rootProps,\n circleProps,\n circleTrackProps,\n circleRangeProps\n };\n }\n});\n","import type { UseProgressSpinnerProps } from '@primereact/types/headless/progressspinner';\n\nexport const defaultProps: UseProgressSpinnerProps = {\n value: null,\n min: 0,\n max: 100,\n strokeWidth: 4\n};\n"],"mappings":"6aAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAwC,CACjD,MAAO,KACP,IAAK,EACL,IAAK,IACL,YAAa,CACjB,EDJA,IAAMC,EAAc,IACdC,EAASD,EAAc,EAEhBE,EAAqBC,EAAa,CAC3C,KAAM,qBACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CATrB,IAAAC,EAAAC,EAAAC,EAAAC,EAUQ,IAAMC,GAAMJ,EAAAD,EAAM,MAAN,KAAAC,EAAa,EACnBK,GAAMJ,EAAAF,EAAM,MAAN,KAAAE,EAAa,IACnBK,GAAcJ,EAAAH,EAAM,cAAN,KAAAG,EAAqB,EACnCK,GAAUb,EAAcY,GAAe,EACvCE,EAAgB,EAAI,KAAK,GAAKD,EAE9BE,EAAgBV,EAAM,OAAS,KAC/BW,EAAeD,EAAgB,EAAI,KAAK,IAAI,KAAK,IAAIV,EAAM,MAAQK,CAAG,EAAGC,CAAG,EAC5EM,EAAUF,EAAgB,GAAMC,EAAeN,IAAQC,EAAMD,GAAQ,IACrEQ,EAAmBH,EAAiB,gBAA6B,cAEjEI,EAAY,GAAGL,CAAa,GAC5BM,EAAaL,EAAgB,OAAY,GAAGD,EAAiBG,EAAU,IAAOH,CAAa,GAE3FO,EAAQ,CACV,OAAOZ,EAAAJ,EAAM,QAAN,KAAAI,EAAe,KACtB,QAAAQ,EACA,cAAAF,CACJ,EAGMO,EAAYC,EAAAC,EAAAD,EAAA,CACd,aAAc,WACd,YAAa,OACb,aAAcL,GACVH,EAAgB,CAAC,EAAI,CAAE,aAAcC,CAAa,GAJxC,CAKd,KAAM,cACN,gBAAiBN,EACjB,gBAAiBC,EACjB,gBAAiBI,EAAgB,OAAYC,IACzCX,EAAM,SAAW,CAAE,gBAAiB,EAAG,EAAI,CAAC,GAG9CoB,EAAc,CAChB,aAAc,WACd,YAAa,SACb,QAAS,OAAOzB,CAAW,IAAIA,CAAW,EAC9C,EAEM0B,EAAmB,CACrB,aAAc,WACd,YAAa,cACb,aAAcR,EACd,GAAIjB,EACJ,GAAIA,EACJ,EAAGY,EACH,KAAM,OACN,YAAAD,CACJ,EAEMe,EAAmBJ,EAAA,CACrB,aAAc,WACd,YAAa,cACb,aAAcL,EACd,GAAIjB,EACJ,GAAIA,EACJ,EAAGY,EACH,KAAM,OACN,YAAAD,GACIG,EACE,CAAC,EACD,CACI,gBAAiBI,EACjB,iBAAkBC,EAClB,cAAe,QACf,MAAO,CACH,gBAAiB,SACjB,UAAW,gBACf,CACJ,GAGV,MAAO,CACH,MAAAC,EACA,UAAAC,EACA,YAAAG,EACA,iBAAAC,EACA,iBAAAC,CACJ,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","viewBoxSize","center","useProgressSpinner","withHeadless","defaultProps","props","_a","_b","_c","_d","min","max","strokeWidth","radius","circumference","indeterminate","clampedValue","percent","determinateState","dashArray","dashOffset","state","rootProps","__spreadValues","__spreadProps","circleProps","circleTrackProps","circleRangeProps"]}
|
|
@@ -1 +1,50 @@
|
|
|
1
|
-
export declare const useProgressSpinner: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/
|
|
1
|
+
export declare const useProgressSpinner: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/progressspinner").UseProgressSpinnerProps, unknown, {
|
|
2
|
+
state: {
|
|
3
|
+
value: number | null;
|
|
4
|
+
percent: number;
|
|
5
|
+
indeterminate: boolean;
|
|
6
|
+
};
|
|
7
|
+
rootProps: {
|
|
8
|
+
'data-disabled'?: string | undefined;
|
|
9
|
+
role: "progressbar";
|
|
10
|
+
'aria-valuemin': number;
|
|
11
|
+
'aria-valuemax': number;
|
|
12
|
+
'aria-valuenow': number | undefined;
|
|
13
|
+
'data-value'?: number | undefined;
|
|
14
|
+
'data-scope': "progress";
|
|
15
|
+
'data-part': "root";
|
|
16
|
+
'data-state': "indeterminate" | "determinate";
|
|
17
|
+
};
|
|
18
|
+
circleProps: {
|
|
19
|
+
'data-scope': "progress";
|
|
20
|
+
'data-part': "circle";
|
|
21
|
+
viewBox: string;
|
|
22
|
+
};
|
|
23
|
+
circleTrackProps: {
|
|
24
|
+
'data-scope': "progress";
|
|
25
|
+
'data-part': "circleTrack";
|
|
26
|
+
'data-state': "indeterminate" | "determinate";
|
|
27
|
+
cx: number;
|
|
28
|
+
cy: number;
|
|
29
|
+
r: number;
|
|
30
|
+
fill: string;
|
|
31
|
+
strokeWidth: number;
|
|
32
|
+
};
|
|
33
|
+
circleRangeProps: {
|
|
34
|
+
strokeDasharray?: string | undefined;
|
|
35
|
+
strokeDashoffset?: string | undefined;
|
|
36
|
+
strokeLinecap?: "round" | undefined;
|
|
37
|
+
style?: {
|
|
38
|
+
transformOrigin: string;
|
|
39
|
+
transform: string;
|
|
40
|
+
} | undefined;
|
|
41
|
+
'data-scope': "progress";
|
|
42
|
+
'data-part': "circleRange";
|
|
43
|
+
'data-state': "indeterminate" | "determinate";
|
|
44
|
+
cx: number;
|
|
45
|
+
cy: number;
|
|
46
|
+
r: number;
|
|
47
|
+
fill: string;
|
|
48
|
+
strokeWidth: number;
|
|
49
|
+
};
|
|
50
|
+
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const defaultProps:
|
|
1
|
+
import type { UseProgressSpinnerProps } from '@primereact/types/headless/progressspinner';
|
|
2
|
+
export declare const defaultProps: UseProgressSpinnerProps;
|
package/radiobutton/index.d.ts
CHANGED
package/radiobutton/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{withHeadless as
|
|
1
|
+
var v=Object.defineProperty,C=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var c=(e,d,a)=>d in e?v(e,d,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[d]=a,n=(e,d)=>{for(var a in d||(d={}))x.call(d,a)&&c(e,a,d[a]);if(u)for(var a of u(d))P.call(d,a)&&c(e,a,d[a]);return e},l=(e,d)=>C(e,y(d));import{withHeadless as g}from"@primereact/core/headless";import{useControlledState as B}from"@primereact/hooks/use-controlled-state";var r={checked:void 0,defaultChecked:void 0,inputId:void 0,value:void 0,name:void 0,disabled:void 0,readOnly:void 0,required:void 0,tabIndex:void 0,invalid:void 0,ariaLabelledby:void 0,ariaLabel:void 0,onFocus:void 0,onBlur:void 0,onCheckedChange:void 0};var E=g({name:"useRadioButton",defaultProps:r,setup:({props:e})=>{var i;let[d,a]=B({value:e.checked,defaultValue:(i=e.defaultChecked)!=null?i:!1,onChange:e.onCheckedChange}),s={checked:d},t=m=>{let o=!d;a([o,{originalEvent:m,checked:o}])},b=l(n(n({"data-scope":"radiobutton","data-part":"input",id:e.inputId,type:"radio",value:e.value,name:e.name,checked:d,tabIndex:e.tabIndex,disabled:e.disabled,readOnly:e.readOnly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-invalid":e.invalid||void 0,[d?"data-checked":"data-unchecked"]:""},e.disabled&&{"data-disabled":""}),e.invalid&&{"data-invalid":""}),{onFocus:e.onFocus,onBlur:e.onBlur,onChange:e.readOnly?void 0:t}),f=n(n({"data-scope":"radiobutton","data-part":"box",[d?"data-checked":"data-unchecked"]:""},e.disabled&&{"data-disabled":""}),e.invalid&&{"data-invalid":""}),h=n(n({"data-scope":"radiobutton","data-part":"indicator",[d?"data-checked":"data-unchecked"]:""},e.disabled&&{"data-disabled":""}),e.invalid&&{"data-invalid":""}),k=n(n({"data-scope":"radiobutton","data-part":"root",[d?"data-checked":"data-unchecked"]:""},e.disabled&&{"data-disabled":""}),e.invalid&&{"data-invalid":""});return{state:s,rootProps:k,inputProps:b,boxProps:f,indicatorProps:h,onChange:t}}});export{r as defaultProps,E as useRadioButton};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/radiobutton/useRadioButton.ts","../../src/radiobutton/useRadioButton.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useControlledState } from '@primereact/hooks/use-controlled-state';\nimport
|
|
1
|
+
{"version":3,"sources":["../../src/radiobutton/useRadioButton.ts","../../src/radiobutton/useRadioButton.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useControlledState } from '@primereact/hooks/use-controlled-state';\nimport { defaultProps } from './useRadioButton.props';\n\nexport const useRadioButton = withHeadless({\n name: 'useRadioButton',\n defaultProps,\n setup: ({ props }) => {\n const [checkedState, setCheckedState] = useControlledState({\n value: props.checked,\n defaultValue: props.defaultChecked ?? false,\n onChange: props.onCheckedChange\n });\n\n const state = {\n checked: checkedState\n };\n\n // methods\n const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const computedChecked = !checkedState;\n\n setCheckedState([\n computedChecked,\n {\n originalEvent: event,\n checked: computedChecked\n }\n ]);\n };\n\n // prop getters\n const inputProps = {\n 'data-scope': 'radiobutton',\n 'data-part': 'input',\n id: props.inputId,\n type: 'radio' as const,\n value: props.value,\n name: props.name,\n checked: checkedState,\n tabIndex: props.tabIndex,\n disabled: props.disabled,\n readOnly: props.readOnly,\n required: props.required,\n 'aria-labelledby': props.ariaLabelledby,\n 'aria-label': props.ariaLabel,\n 'aria-invalid': props.invalid || undefined,\n [checkedState ? 'data-checked' : 'data-unchecked']: '',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.invalid && { 'data-invalid': '' }),\n onFocus: props.onFocus,\n onBlur: props.onBlur,\n onChange: !props.readOnly ? onChange : undefined\n };\n\n const boxProps = {\n 'data-scope': 'radiobutton',\n 'data-part': 'box',\n [checkedState ? 'data-checked' : 'data-unchecked']: '',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.invalid && { 'data-invalid': '' })\n };\n\n const indicatorProps = {\n 'data-scope': 'radiobutton',\n 'data-part': 'indicator',\n [checkedState ? 'data-checked' : 'data-unchecked']: '',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.invalid && { 'data-invalid': '' })\n };\n\n const rootProps = {\n 'data-scope': 'radiobutton',\n 'data-part': 'root',\n [checkedState ? 'data-checked' : 'data-unchecked']: '',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.invalid && { 'data-invalid': '' })\n };\n\n return {\n state,\n // prop getters\n rootProps,\n inputProps,\n boxProps,\n indicatorProps,\n // methods\n onChange\n };\n }\n});\n","import type { UseRadioButtonProps } from '@primereact/types/headless/radiobutton';\n\nexport const defaultProps: UseRadioButtonProps = {\n checked: undefined,\n defaultChecked: undefined,\n inputId: undefined,\n value: undefined,\n name: undefined,\n disabled: undefined,\n readOnly: undefined,\n required: undefined,\n tabIndex: undefined,\n invalid: undefined,\n ariaLabelledby: undefined,\n ariaLabel: undefined,\n onFocus: undefined,\n onBlur: undefined,\n onCheckedChange: undefined\n};\n"],"mappings":"6aAAA,OAAS,gBAAAA,MAAoB,4BAC7B,OAAS,sBAAAC,MAA0B,yCCC5B,IAAMC,EAAoC,CAC7C,QAAS,OACT,eAAgB,OAChB,QAAS,OACT,MAAO,OACP,KAAM,OACN,SAAU,OACV,SAAU,OACV,SAAU,OACV,SAAU,OACV,QAAS,OACT,eAAgB,OAChB,UAAW,OACX,QAAS,OACT,OAAQ,OACR,gBAAiB,MACrB,EDdO,IAAMC,EAAiBC,EAAa,CACvC,KAAM,iBACN,aAAAC,EACA,MAAO,CAAC,CAAE,MAAAC,CAAM,IAAM,CAP1B,IAAAC,EAQQ,GAAM,CAACC,EAAcC,CAAe,EAAIC,EAAmB,CACvD,MAAOJ,EAAM,QACb,cAAcC,EAAAD,EAAM,iBAAN,KAAAC,EAAwB,GACtC,SAAUD,EAAM,eACpB,CAAC,EAEKK,EAAQ,CACV,QAASH,CACb,EAGMI,EAAYC,GAA+C,CAC7D,IAAMC,EAAkB,CAACN,EAEzBC,EAAgB,CACZK,EACA,CACI,cAAeD,EACf,QAASC,CACb,CACJ,CAAC,CACL,EAGMC,EAAaC,EAAAC,IAAA,CACf,aAAc,cACd,YAAa,QACb,GAAIX,EAAM,QACV,KAAM,QACN,MAAOA,EAAM,MACb,KAAMA,EAAM,KACZ,QAASE,EACT,SAAUF,EAAM,SAChB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,kBAAmBA,EAAM,eACzB,aAAcA,EAAM,UACpB,eAAgBA,EAAM,SAAW,OACjC,CAACE,EAAe,eAAiB,gBAAgB,EAAG,IAChDF,EAAM,UAAY,CAAE,gBAAiB,EAAG,GACxCA,EAAM,SAAW,CAAE,eAAgB,EAAG,GAjB3B,CAkBf,QAASA,EAAM,QACf,OAAQA,EAAM,OACd,SAAWA,EAAM,SAAsB,OAAXM,CAChC,GAEMM,EAAWD,IAAA,CACb,aAAc,cACd,YAAa,MACb,CAACT,EAAe,eAAiB,gBAAgB,EAAG,IAChDF,EAAM,UAAY,CAAE,gBAAiB,EAAG,GACxCA,EAAM,SAAW,CAAE,eAAgB,EAAG,GAGxCa,EAAiBF,IAAA,CACnB,aAAc,cACd,YAAa,YACb,CAACT,EAAe,eAAiB,gBAAgB,EAAG,IAChDF,EAAM,UAAY,CAAE,gBAAiB,EAAG,GACxCA,EAAM,SAAW,CAAE,eAAgB,EAAG,GAGxCc,EAAYH,IAAA,CACd,aAAc,cACd,YAAa,OACb,CAACT,EAAe,eAAiB,gBAAgB,EAAG,IAChDF,EAAM,UAAY,CAAE,gBAAiB,EAAG,GACxCA,EAAM,SAAW,CAAE,eAAgB,EAAG,GAG9C,MAAO,CACH,MAAAK,EAEA,UAAAS,EACA,WAAAL,EACA,SAAAG,EACA,eAAAC,EAEA,SAAAP,CACJ,CACJ,CACJ,CAAC","names":["withHeadless","useControlledState","defaultProps","useRadioButton","withHeadless","defaultProps","props","_a","checkedState","setCheckedState","useControlledState","state","onChange","event","computedChecked","inputProps","__spreadProps","__spreadValues","boxProps","indicatorProps","rootProps"]}
|
|
@@ -1,7 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const useRadioButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/radiobutton").useRadioButtonProps, unknown, {
|
|
1
|
+
export declare const useRadioButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/radiobutton").UseRadioButtonProps, unknown, {
|
|
3
2
|
state: {
|
|
4
3
|
checked: boolean | undefined;
|
|
5
4
|
};
|
|
6
|
-
|
|
5
|
+
rootProps: {
|
|
6
|
+
'data-invalid'?: string | undefined;
|
|
7
|
+
'data-disabled'?: string | undefined;
|
|
8
|
+
'data-scope': string;
|
|
9
|
+
'data-part': string;
|
|
10
|
+
};
|
|
11
|
+
inputProps: {
|
|
12
|
+
onFocus: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
13
|
+
onBlur: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
14
|
+
onChange: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
15
|
+
'data-invalid'?: string | undefined;
|
|
16
|
+
'data-disabled'?: string | undefined;
|
|
17
|
+
'data-scope': string;
|
|
18
|
+
'data-part': string;
|
|
19
|
+
id: string | undefined;
|
|
20
|
+
type: "radio";
|
|
21
|
+
value: unknown;
|
|
22
|
+
name: string | undefined;
|
|
23
|
+
checked: boolean | undefined;
|
|
24
|
+
tabIndex: number | undefined;
|
|
25
|
+
disabled: boolean | undefined;
|
|
26
|
+
readOnly: boolean | undefined;
|
|
27
|
+
required: boolean | undefined;
|
|
28
|
+
'aria-labelledby': string | undefined;
|
|
29
|
+
'aria-label': string | undefined;
|
|
30
|
+
'aria-invalid': true | undefined;
|
|
31
|
+
};
|
|
32
|
+
boxProps: {
|
|
33
|
+
'data-invalid'?: string | undefined;
|
|
34
|
+
'data-disabled'?: string | undefined;
|
|
35
|
+
'data-scope': string;
|
|
36
|
+
'data-part': string;
|
|
37
|
+
};
|
|
38
|
+
indicatorProps: {
|
|
39
|
+
'data-invalid'?: string | undefined;
|
|
40
|
+
'data-disabled'?: string | undefined;
|
|
41
|
+
'data-scope': string;
|
|
42
|
+
'data-part': string;
|
|
43
|
+
};
|
|
44
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
7
45
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const defaultProps:
|
|
1
|
+
import type { UseRadioButtonProps } from '@primereact/types/headless/radiobutton';
|
|
2
|
+
export declare const defaultProps: UseRadioButtonProps;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{withHeadless as d}from"@primereact/core/headless";import{useControlledState as i}from"@primereact/hooks/use-controlled-state";import*as n from"react";var u={value:void 0,defaultValue:void 0,onValueChange:void 0};var h=d({name:"useRadioButtonGroup",defaultProps:u,setup:({props:o})=>{let[a,e]=i({value:o.value,defaultValue:o.defaultValue,onChange:o.onValueChange}),p={value:a},s=n.useCallback(t=>{let r=t.checked?t.value:void 0;e==null||e([r,{originalEvent:t.originalEvent,value:r}])},[a,e]);return{state:p,rootProps:{"data-scope":"radiobuttongroup","data-part":"root"},updateChange:s}}});export{u as defaultProps,h as useRadioButtonGroup};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/radiobuttongroup/useRadioButtonGroup.ts","../../src/radiobuttongroup/useRadioButtonGroup.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useControlledState } from '@primereact/hooks/use-controlled-state';\nimport type { UseRadioButtonGroupExposes } from '@primereact/types/headless/radiobuttongroup';\nimport * as React from 'react';\nimport { defaultProps } from './useRadioButtonGroup.props';\n\nexport const useRadioButtonGroup = withHeadless({\n name: 'useRadioButtonGroup',\n defaultProps,\n setup: ({ props }) => {\n const [valueState, setValueState] = useControlledState({\n value: props.value,\n defaultValue: props.defaultValue,\n onChange: props.onValueChange\n });\n\n const state = {\n value: valueState\n };\n\n // methods\n const updateChange = React.useCallback(\n (event: Parameters<UseRadioButtonGroupExposes['updateChange']>[0]) => {\n const newValue = event.checked ? event.value : undefined;\n\n setValueState?.([newValue, { originalEvent: event.originalEvent, value: newValue }]);\n },\n [valueState, setValueState]\n );\n\n // prop getters\n const rootProps = {\n 'data-scope': 'radiobuttongroup',\n 'data-part': 'root'\n };\n\n return {\n state,\n // prop getters\n rootProps,\n // methods\n updateChange\n };\n }\n});\n","import type { UseRadioButtonGroupProps } from '@primereact/types/headless/radiobuttongroup';\n\nexport const defaultProps: UseRadioButtonGroupProps = {\n value: undefined,\n defaultValue: undefined,\n onValueChange: undefined\n};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BAC7B,OAAS,sBAAAC,MAA0B,yCAEnC,UAAYC,MAAW,QCDhB,IAAMC,EAAyC,CAClD,MAAO,OACP,aAAc,OACd,cAAe,MACnB,EDAO,IAAMC,EAAsBC,EAAa,CAC5C,KAAM,sBACN,aAAAC,EACA,MAAO,CAAC,CAAE,MAAAC,CAAM,IAAM,CAClB,GAAM,CAACC,EAAYC,CAAa,EAAIC,EAAmB,CACnD,MAAOH,EAAM,MACb,aAAcA,EAAM,aACpB,SAAUA,EAAM,aACpB,CAAC,EAEKI,EAAQ,CACV,MAAOH,CACX,EAGMI,EAAqB,cACtBC,GAAqE,CAClE,IAAMC,EAAWD,EAAM,QAAUA,EAAM,MAAQ,OAE/CJ,GAAA,MAAAA,EAAgB,CAACK,EAAU,CAAE,cAAeD,EAAM,cAAe,MAAOC,CAAS,CAAC,EACtF,EACA,CAACN,EAAYC,CAAa,CAC9B,EAQA,MAAO,CACH,MAAAE,EAEA,UARc,CACd,aAAc,mBACd,YAAa,MACjB,EAOI,aAAAC,CACJ,CACJ,CACJ,CAAC","names":["withHeadless","useControlledState","React","defaultProps","useRadioButtonGroup","withHeadless","defaultProps","props","valueState","setValueState","useControlledState","state","updateChange","event","newValue"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { UseRadioButtonGroupExposes } from '@primereact/types/headless/radiobuttongroup';
|
|
2
|
+
export declare const useRadioButtonGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/radiobuttongroup").UseRadioButtonGroupProps, unknown, {
|
|
3
|
+
state: {
|
|
4
|
+
value: unknown;
|
|
5
|
+
};
|
|
6
|
+
rootProps: {
|
|
7
|
+
'data-scope': string;
|
|
8
|
+
'data-part': string;
|
|
9
|
+
};
|
|
10
|
+
updateChange: (event: Parameters<UseRadioButtonGroupExposes["updateChange"]>[0]) => void;
|
|
11
|
+
}>;
|
package/rating/index.d.ts
CHANGED
package/rating/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{withHeadless as
|
|
1
|
+
var L=Object.defineProperty,N=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var z=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var F=(a,e,t)=>e in a?L(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,n=(a,e)=>{for(var t in e||(e={}))D.call(e,t)&&F(a,t,e[t]);if(z)for(var t of z(e))W.call(e,t)&&F(a,t,e[t]);return a},b=(a,e)=>N(a,U(e));import{withHeadless as X}from"@primereact/core/headless";import{useControlledState as Y}from"@primereact/hooks";import*as o from"react";var T={value:void 0,defaultValue:void 0,allowHalf:!0,name:void 0,orientation:"horizontal",disabled:void 0,readOnly:void 0,invalid:void 0,onValueChange:void 0};var _=X({name:"useRating",defaultProps:T,setup({props:a}){var O,R,l,M,S;let[e,t]=Y({value:a.value,defaultValue:a.defaultValue,onChange:a.onValueChange}),[d,f]=o.useState(!1),[s,m]=o.useState(0),y=o.useId(),v=(O=a.name)!=null?O:y,h=o.useRef(!1),H=o.useCallback((i,r)=>t([r,{originalEvent:i,value:r}]),[t]),u=o.useCallback(()=>{!a.disabled&&!a.readOnly&&!d&&f(!0)},[a.disabled,a.readOnly,d]),g=o.useCallback(()=>{!a.disabled&&!a.readOnly&&f(!1)},[a.disabled,a.readOnly]),p=o.useCallback((i,r,I)=>{if(a.allowHalf&&r){let C=r.getBoundingClientRect();return(a.orientation==="vertical"?i.clientY<C.top+C.height/2:i.clientX<C.left+C.width/2)?I+.5:I+1}return I+1},[a.allowHalf,a.orientation]),V={value:e!=null?e:0,hovering:d,hoveringValue:s},E=b(n(n(n({"data-scope":"rating","data-part":"root","data-orientation":(R=a.orientation)!=null?R:"horizontal"},a.disabled&&{"data-disabled":""}),a.readOnly&&{"data-readonly":""}),a.invalid&&{"data-invalid":""}),{onPointerEnter:()=>{if(a.disabled||a.readOnly)return;let i=document.activeElement;(i==null?void 0:i.type)==="radio"&&i.name===v&&(h.current=!0,i.blur(),h.current=!1),u()},onPointerMove:()=>{!a.disabled&&!a.readOnly&&!d&&u()},onPointerLeave:()=>{g()},onFocusCapture:i=>{if(a.disabled||a.readOnly)return;let r=i.target;r.type==="radio"&&r.name===v&&(m(parseFloat(r.value)),u())},onBlurCapture:i=>{a.disabled||a.readOnly||h.current||i.currentTarget.contains(i.relatedTarget)||g()}}),k=n(n(n({"data-scope":"rating","data-part":"option","data-orientation":(l=a.orientation)!=null?l:"horizontal"},a.disabled&&{"data-disabled":""}),a.readOnly&&{"data-readonly":""}),a.invalid&&{"data-invalid":""}),P=n(n(n({"data-scope":"rating","data-part":"option-on","data-orientation":(M=a.orientation)!=null?M:"horizontal"},a.disabled&&{"data-disabled":""}),a.readOnly&&{"data-readonly":""}),a.invalid&&{"data-invalid":""}),w=n(n(n({"data-scope":"rating","data-part":"option-off","data-orientation":(S=a.orientation)!=null?S:"horizontal"},a.disabled&&{"data-disabled":""}),a.readOnly&&{"data-readonly":""}),a.invalid&&{"data-invalid":""});return{state:V,inputName:v,rootProps:E,updateValue:H,setHoveringValue:m,resolvePointerValue:p,optionProps:k,onProps:P,offProps:w}}});import{withHeadless as j}from"@primereact/core/headless";import*as c from"react";var B={index:0,context:void 0};var q={position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",borderWidth:0},ne=j({name:"useRatingOption",defaultProps:B,setup({props:a}){var R;let e=a.context,t=a.index,d=c.useRef(null),f=(R=e==null?void 0:e.state.value)!=null?R:0,s=e!=null&&e.state.hovering?e==null?void 0:e.state.hoveringValue:f,m=t>=0&&s>t,y=m&&!!(e!=null&&e.props.allowHalf)&&s===t+.5,v=t>=0&&(s===t+1||!!(e!=null&&e.props.allowHalf)&&s===t+.5),h={highlighted:m,half:y,checked:v,activeValue:s},H=n(n(n({"data-index":t},m&&{"data-highlighted":""}),y&&{"data-half":""}),v&&{"data-checked":""}),u=c.useCallback(l=>{!(e!=null&&e.props.disabled)&&!(e!=null&&e.props.readOnly)&&(e==null||e.setHoveringValue(e.resolvePointerValue(l,d.current,t)))},[e,t]),g=c.useCallback(l=>{!(e!=null&&e.props.disabled)&&!(e!=null&&e.props.readOnly)&&(e==null||e.updateValue(l,e.resolvePointerValue(l,d.current,t)))},[e,t]),p=c.useCallback(l=>{l.preventDefault()},[]),V={onMouseDown:p,onPointerMove:u,onClick:g},E={onMouseDown:p,onPointerMove:u,onClick:g},k=c.useCallback(l=>{!(e!=null&&e.props.disabled)&&!(e!=null&&e.props.readOnly)&&(e==null||e.updateValue(l,parseFloat(l.target.value)))},[e]),P={type:"radio",name:e==null?void 0:e.inputName,onChange:k,disabled:!!(e!=null&&e.props.disabled),"aria-readonly":(e==null?void 0:e.props.readOnly)||void 0,style:q},w=e!=null&&e.props.allowHalf?b(n({},P),{value:t+.5,checked:f===t+.5}):null,O=b(n({},P),{value:t+1,checked:f===t+1});return{state:h,optionRef:d,optionProps:H,onIconProps:V,offIconProps:E,halfInputProps:w,fullInputProps:O,onPointerMove:u,onClick:g,onMouseDown:p}}});export{B as defaultOptionProps,T as defaultProps,_ as useRating,ne as useRatingOption};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/rating/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/rating/useRating.ts","../../src/rating/useRating.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { focus, getFirstFocusableElement } from '@primeuix/utils';\nimport * as React from 'react';\nimport { defaultProps } from './useRating.props';\n\nexport const useRating = withHeadless({\n name: 'useRating',\n defaultProps,\n setup: ({ props, elementRef }) => {\n const { readOnly, disabled } = props;\n const [valueState, setValueState] = React.useState(props.allowHalf ? (props.defaultValue ?? props.value) : Math.ceil(props.defaultValue ?? props.value ?? 0));\n const [hoverValueState, setHoverValueState] = React.useState<number | undefined>(undefined);\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number | undefined>(undefined);\n const [isFocusVisibleItem, setIsFocusVisibleItem] = React.useState(false);\n\n const hoverValueRef = React.useRef<number | undefined>(undefined);\n\n const state = {\n value: valueState,\n hoverValue: hoverValueState,\n focusedOptionIndex,\n isFocusVisibleItem\n };\n\n // methods\n\n const onInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n const inputValue = parseFloat(event.target.value);\n const starIndex = Math.ceil(inputValue);\n\n setFocusedOptionIndex(starIndex);\n\n const native = event.nativeEvent as FocusEvent & {\n sourceCapabilities?: {\n firesTouchEvents: boolean;\n };\n };\n\n setIsFocusVisibleItem(native.sourceCapabilities?.firesTouchEvents === false);\n };\n\n const onInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n const relatedTarget = event.relatedTarget as HTMLElement | null;\n\n if (relatedTarget && elementRef.current?.contains(relatedTarget)) {\n return;\n }\n\n setFocusedOptionIndex(undefined);\n };\n\n const onInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setValueState(Number(event.target.value));\n const inputValue = parseFloat(event.target.value);\n const starIndex = Math.ceil(inputValue);\n\n setFocusedOptionIndex(starIndex);\n setIsFocusVisibleItem(true);\n };\n\n const onOptionClick = (event: React.MouseEvent<HTMLDivElement>, value: number | undefined) => {\n if (readOnly || disabled) return;\n\n const effectiveValue = props.allowHalf ? value : Math.ceil(value ?? 0);\n\n if (hoverValueRef.current === effectiveValue) {\n setHoverValueState(undefined);\n }\n\n setValueState((prev) => (prev === effectiveValue ? undefined : effectiveValue));\n setIsFocusVisibleItem(false);\n\n const firstFocusableEl = getFirstFocusableElement(event.currentTarget);\n\n if (firstFocusableEl && firstFocusableEl instanceof HTMLElement) {\n focus(firstFocusableEl);\n }\n };\n\n const onOptionHover = (event: React.PointerEvent<HTMLDivElement>, value: number | undefined) => {\n if (readOnly || disabled) return;\n\n setFocusedOptionIndex(undefined);\n const newValue = value ? (props.allowHalf ? value : Math.ceil(value ?? 0)) : undefined;\n\n setHoverValueState(newValue);\n hoverValueRef.current = newValue;\n };\n\n const getOptionState = (value: number) => {\n const effectiveValue = hoverValueState ?? valueState ?? 0;\n\n const floor = Math.floor(effectiveValue);\n\n let state = 'empty';\n\n if (value <= floor) {\n state = 'filled';\n } else if (value === floor + 1 && !Number.isInteger(effectiveValue)) {\n state = 'half';\n }\n\n return state;\n };\n\n // effects\n\n React.useEffect(() => {\n props?.onValueChange?.({ value: valueState, originalEvent: null });\n }, [valueState]);\n\n React.useEffect(() => {\n setValueState(props.allowHalf ? (props.defaultValue ?? props.value) : Math.ceil(props.defaultValue ?? props.value ?? 0));\n }, [props.value, props.defaultValue, props.allowHalf]);\n\n return {\n state,\n // methods\n onInputFocus,\n onInputBlur,\n onInputChange,\n getOptionState,\n onOptionClick,\n onOptionHover\n };\n }\n});\n","import type { useRatingProps } from '@primereact/types/shared/rating';\n\nexport const defaultProps: useRatingProps = {\n value: undefined,\n defaultValue: undefined,\n stars: 5,\n disabled: false,\n readOnly: false,\n allowHalf: true,\n onValueChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","focus","getFirstFocusableElement","React","defaultProps","useRating","withHeadless","defaultProps","props","elementRef","_a","_b","_c","readOnly","disabled","valueState","setValueState","hoverValueState","setHoverValueState","focusedOptionIndex","setFocusedOptionIndex","isFocusVisibleItem","setIsFocusVisibleItem","hoverValueRef","state","onInputFocus","event","inputValue","starIndex","native","onInputBlur","relatedTarget","onInputChange","onOptionClick","value","effectiveValue","prev","firstFocusableEl","getFirstFocusableElement","focus","onOptionHover","newValue","getOptionState","floor"]}
|
|
1
|
+
{"version":3,"sources":["../../src/rating/useRating.ts","../../src/rating/useRating.props.ts","../../src/rating/useRatingOption.ts","../../src/rating/useRatingOption.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useControlledState } from '@primereact/hooks';\nimport * as React from 'react';\nimport { defaultProps } from './useRating.props';\n\nexport const useRating = withHeadless({\n name: 'useRating',\n defaultProps,\n setup({ props }) {\n const [valueState, setValueState] = useControlledState({\n value: props.value,\n defaultValue: props.defaultValue,\n onChange: props.onValueChange as ((event: unknown) => void) | undefined\n });\n\n const [hovering, setHovering] = React.useState(false);\n const [hoveringValue, setHoveringValue] = React.useState(0);\n\n const generatedName = React.useId();\n const inputName = props.name ?? generatedName;\n const programmaticBlurRef = React.useRef(false);\n\n const updateValue = React.useCallback((event: React.SyntheticEvent, newValue: number) => setValueState([newValue, { originalEvent: event, value: newValue }]), [setValueState]);\n\n const onStartHover = React.useCallback(() => {\n if (!props.disabled && !props.readOnly && !hovering) setHovering(true);\n }, [props.disabled, props.readOnly, hovering]);\n\n const onStopHover = React.useCallback(() => {\n if (!props.disabled && !props.readOnly) setHovering(false);\n }, [props.disabled, props.readOnly]);\n\n const resolvePointerValue = React.useCallback(\n (e: React.PointerEvent | React.MouseEvent, optionEl: Element | null, idx: number): number => {\n if (props.allowHalf && optionEl) {\n const rect = optionEl.getBoundingClientRect();\n const isHalf = props.orientation === 'vertical' ? e.clientY < rect.top + rect.height / 2 : e.clientX < rect.left + rect.width / 2;\n\n return isHalf ? idx + 0.5 : idx + 1;\n }\n\n return idx + 1;\n },\n [props.allowHalf, props.orientation]\n );\n\n const state = {\n value: valueState ?? 0,\n hovering,\n hoveringValue\n };\n\n const rootProps = {\n 'data-scope': 'rating',\n 'data-part': 'root',\n 'data-orientation': props.orientation ?? 'horizontal',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.readOnly && { 'data-readonly': '' }),\n ...(props.invalid && { 'data-invalid': '' }),\n onPointerEnter: () => {\n if (props.disabled || props.readOnly) return;\n\n const active = document.activeElement as HTMLInputElement | null;\n\n if (active?.type === 'radio' && active.name === inputName) {\n programmaticBlurRef.current = true;\n active.blur();\n programmaticBlurRef.current = false;\n }\n\n onStartHover();\n },\n onPointerMove: () => {\n if (!props.disabled && !props.readOnly && !hovering) onStartHover();\n },\n onPointerLeave: () => {\n onStopHover();\n },\n onFocusCapture: (e: React.FocusEvent) => {\n if (props.disabled || props.readOnly) return;\n\n const target = e.target as HTMLInputElement;\n\n if (target.type === 'radio' && target.name === inputName) {\n setHoveringValue(parseFloat(target.value));\n onStartHover();\n }\n },\n onBlurCapture: (e: React.FocusEvent) => {\n if (props.disabled || props.readOnly || programmaticBlurRef.current) return;\n\n if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n onStopHover();\n }\n }\n };\n\n const optionProps = {\n 'data-scope': 'rating',\n 'data-part': 'option',\n 'data-orientation': props.orientation ?? 'horizontal',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.readOnly && { 'data-readonly': '' }),\n ...(props.invalid && { 'data-invalid': '' })\n };\n\n const onProps = {\n 'data-scope': 'rating',\n 'data-part': 'option-on',\n 'data-orientation': props.orientation ?? 'horizontal',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.readOnly && { 'data-readonly': '' }),\n ...(props.invalid && { 'data-invalid': '' })\n };\n\n const offProps = {\n 'data-scope': 'rating',\n 'data-part': 'option-off',\n 'data-orientation': props.orientation ?? 'horizontal',\n ...(props.disabled && { 'data-disabled': '' }),\n ...(props.readOnly && { 'data-readonly': '' }),\n ...(props.invalid && { 'data-invalid': '' })\n };\n\n return {\n state,\n inputName,\n rootProps,\n updateValue,\n setHoveringValue,\n resolvePointerValue,\n optionProps,\n onProps,\n offProps\n };\n }\n});\n","import type { UseRatingProps } from '@primereact/types/headless/rating';\n\nexport const defaultProps: UseRatingProps = {\n value: undefined,\n defaultValue: undefined,\n allowHalf: true,\n name: undefined,\n orientation: 'horizontal',\n disabled: undefined,\n readOnly: undefined,\n invalid: undefined,\n onValueChange: undefined\n};\n","import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultOptionProps } from './useRatingOption.props';\n\nconst srOnlyStyle = { position: 'absolute' as const, width: 1, height: 1, padding: 0, margin: -1, overflow: 'hidden' as const, clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap' as const, borderWidth: 0 };\n\nexport const useRatingOption = withHeadless({\n name: 'useRatingOption',\n defaultProps: defaultOptionProps,\n setup({ props }) {\n const context = props.context;\n const index = props.index;\n const optionRef = React.useRef<Element>(null);\n\n const currentValue = context?.state.value ?? 0;\n const activeValue = context?.state.hovering ? context?.state.hoveringValue : currentValue;\n const highlighted = index >= 0 && activeValue > index;\n const half = highlighted && !!context?.props.allowHalf && activeValue === index + 0.5;\n const checked = index >= 0 && (activeValue === index + 1 || (!!context?.props.allowHalf && activeValue === index + 0.5));\n\n const state = { highlighted, half, checked, activeValue };\n\n const optionProps = {\n 'data-index': index,\n ...(highlighted && { 'data-highlighted': '' }),\n ...(half && { 'data-half': '' }),\n ...(checked && { 'data-checked': '' })\n };\n\n const onPointerMove = React.useCallback(\n (e: React.PointerEvent) => {\n if (!context?.props.disabled && !context?.props.readOnly) {\n context?.setHoveringValue(context.resolvePointerValue(e, optionRef.current, index));\n }\n },\n [context, index]\n );\n\n const onClick = React.useCallback(\n (e: React.MouseEvent) => {\n if (!context?.props.disabled && !context?.props.readOnly) {\n context?.updateValue(e, context.resolvePointerValue(e, optionRef.current, index));\n }\n },\n [context, index]\n );\n\n const onMouseDown = React.useCallback((e: React.MouseEvent) => {\n e.preventDefault();\n }, []);\n\n const onIconProps = { onMouseDown, onPointerMove, onClick };\n const offIconProps = { onMouseDown, onPointerMove, onClick };\n\n const onInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n if (!context?.props.disabled && !context?.props.readOnly) {\n context?.updateValue(e, parseFloat(e.target.value));\n }\n },\n [context]\n );\n\n const inputBaseProps = {\n type: 'radio' as const,\n name: context?.inputName,\n onChange: onInputChange,\n disabled: !!context?.props.disabled,\n 'aria-readonly': context?.props.readOnly || undefined,\n style: srOnlyStyle\n };\n\n const halfInputProps = context?.props.allowHalf\n ? {\n ...inputBaseProps,\n value: index + 0.5,\n checked: currentValue === index + 0.5\n }\n : null;\n\n const fullInputProps = {\n ...inputBaseProps,\n value: index + 1,\n checked: currentValue === index + 1\n };\n\n return {\n state,\n optionRef,\n optionProps,\n onIconProps,\n offIconProps,\n halfInputProps,\n fullInputProps,\n onPointerMove,\n onClick,\n onMouseDown\n };\n }\n});\n","import type { UseRatingOptionProps } from '@primereact/types/headless/rating';\n\nexport const defaultOptionProps: UseRatingOptionProps = {\n index: 0,\n context: undefined\n};\n"],"mappings":"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","names":["withHeadless","useControlledState","React","defaultProps","useRating","withHeadless","defaultProps","props","_a","_b","_c","_d","_e","valueState","setValueState","useControlledState","hovering","setHovering","hoveringValue","setHoveringValue","generatedName","inputName","programmaticBlurRef","updateValue","event","newValue","onStartHover","onStopHover","resolvePointerValue","e","optionEl","idx","rect","state","rootProps","__spreadProps","__spreadValues","active","target","optionProps","onProps","offProps","withHeadless","React","defaultOptionProps","srOnlyStyle","useRatingOption","withHeadless","defaultOptionProps","props","_a","context","index","optionRef","currentValue","activeValue","highlighted","half","checked","state","optionProps","__spreadValues","onPointerMove","e","onClick","onMouseDown","onIconProps","offIconProps","onInputChange","inputBaseProps","halfInputProps","__spreadProps","fullInputProps"]}
|
package/rating/useRating.d.ts
CHANGED
|
@@ -1,15 +1,49 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare const useRating: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/
|
|
2
|
+
export declare const useRating: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/rating").UseRatingProps, unknown, {
|
|
3
3
|
state: {
|
|
4
|
-
value: number
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
4
|
+
value: number;
|
|
5
|
+
hovering: boolean;
|
|
6
|
+
hoveringValue: number;
|
|
7
|
+
};
|
|
8
|
+
inputName: string;
|
|
9
|
+
rootProps: {
|
|
10
|
+
onPointerEnter: () => void;
|
|
11
|
+
onPointerMove: () => void;
|
|
12
|
+
onPointerLeave: () => void;
|
|
13
|
+
onFocusCapture: (e: React.FocusEvent) => void;
|
|
14
|
+
onBlurCapture: (e: React.FocusEvent) => void;
|
|
15
|
+
'data-invalid'?: string | undefined;
|
|
16
|
+
'data-readonly'?: string | undefined;
|
|
17
|
+
'data-disabled'?: string | undefined;
|
|
18
|
+
'data-scope': string;
|
|
19
|
+
'data-part': string;
|
|
20
|
+
'data-orientation': "horizontal" | "vertical";
|
|
21
|
+
};
|
|
22
|
+
updateValue: (event: React.SyntheticEvent, newValue: number) => void;
|
|
23
|
+
setHoveringValue: React.Dispatch<React.SetStateAction<number>>;
|
|
24
|
+
resolvePointerValue: (e: React.PointerEvent | React.MouseEvent, optionEl: Element | null, idx: number) => number;
|
|
25
|
+
optionProps: {
|
|
26
|
+
'data-invalid'?: string | undefined;
|
|
27
|
+
'data-readonly'?: string | undefined;
|
|
28
|
+
'data-disabled'?: string | undefined;
|
|
29
|
+
'data-scope': string;
|
|
30
|
+
'data-part': string;
|
|
31
|
+
'data-orientation': "horizontal" | "vertical";
|
|
32
|
+
};
|
|
33
|
+
onProps: {
|
|
34
|
+
'data-invalid'?: string | undefined;
|
|
35
|
+
'data-readonly'?: string | undefined;
|
|
36
|
+
'data-disabled'?: string | undefined;
|
|
37
|
+
'data-scope': string;
|
|
38
|
+
'data-part': string;
|
|
39
|
+
'data-orientation': "horizontal" | "vertical";
|
|
40
|
+
};
|
|
41
|
+
offProps: {
|
|
42
|
+
'data-invalid'?: string | undefined;
|
|
43
|
+
'data-readonly'?: string | undefined;
|
|
44
|
+
'data-disabled'?: string | undefined;
|
|
45
|
+
'data-scope': string;
|
|
46
|
+
'data-part': string;
|
|
47
|
+
'data-orientation': "horizontal" | "vertical";
|
|
48
|
+
};
|
|
15
49
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const defaultProps:
|
|
1
|
+
import type { UseRatingProps } from '@primereact/types/headless/rating';
|
|
2
|
+
export declare const defaultProps: UseRatingProps;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const useRatingOption: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/rating").UseRatingOptionProps, unknown, {
|
|
3
|
+
state: {
|
|
4
|
+
highlighted: boolean;
|
|
5
|
+
half: boolean;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
activeValue: number;
|
|
8
|
+
};
|
|
9
|
+
optionRef: React.RefObject<Element | null>;
|
|
10
|
+
optionProps: {
|
|
11
|
+
'data-checked'?: string | undefined;
|
|
12
|
+
'data-half'?: string | undefined;
|
|
13
|
+
'data-highlighted'?: string | undefined;
|
|
14
|
+
'data-index': number;
|
|
15
|
+
};
|
|
16
|
+
onIconProps: {
|
|
17
|
+
onMouseDown: (e: React.MouseEvent) => void;
|
|
18
|
+
onPointerMove: (e: React.PointerEvent) => void;
|
|
19
|
+
onClick: (e: React.MouseEvent) => void;
|
|
20
|
+
};
|
|
21
|
+
offIconProps: {
|
|
22
|
+
onMouseDown: (e: React.MouseEvent) => void;
|
|
23
|
+
onPointerMove: (e: React.PointerEvent) => void;
|
|
24
|
+
onClick: (e: React.MouseEvent) => void;
|
|
25
|
+
};
|
|
26
|
+
halfInputProps: {
|
|
27
|
+
value: number;
|
|
28
|
+
checked: boolean;
|
|
29
|
+
type: "radio";
|
|
30
|
+
name: string | undefined;
|
|
31
|
+
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
'aria-readonly': true | undefined;
|
|
34
|
+
style: {
|
|
35
|
+
position: "absolute";
|
|
36
|
+
width: number;
|
|
37
|
+
height: number;
|
|
38
|
+
padding: number;
|
|
39
|
+
margin: number;
|
|
40
|
+
overflow: "hidden";
|
|
41
|
+
clip: string;
|
|
42
|
+
whiteSpace: "nowrap";
|
|
43
|
+
borderWidth: number;
|
|
44
|
+
};
|
|
45
|
+
} | null;
|
|
46
|
+
fullInputProps: {
|
|
47
|
+
value: number;
|
|
48
|
+
checked: boolean;
|
|
49
|
+
type: "radio";
|
|
50
|
+
name: string | undefined;
|
|
51
|
+
onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
52
|
+
disabled: boolean;
|
|
53
|
+
'aria-readonly': true | undefined;
|
|
54
|
+
style: {
|
|
55
|
+
position: "absolute";
|
|
56
|
+
width: number;
|
|
57
|
+
height: number;
|
|
58
|
+
padding: number;
|
|
59
|
+
margin: number;
|
|
60
|
+
overflow: "hidden";
|
|
61
|
+
clip: string;
|
|
62
|
+
whiteSpace: "nowrap";
|
|
63
|
+
borderWidth: number;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
onPointerMove: (e: React.PointerEvent) => void;
|
|
67
|
+
onClick: (e: React.MouseEvent) => void;
|
|
68
|
+
onMouseDown: (e: React.MouseEvent) => void;
|
|
69
|
+
}>;
|
package/scrollarea/index.d.ts
CHANGED
package/scrollarea/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
var Ye=Object.defineProperty,Xe=Object.defineProperties;var Ae=Object.getOwnPropertyDescriptors;var Re=Object.getOwnPropertySymbols;var Be=Object.prototype.hasOwnProperty,ze=Object.prototype.propertyIsEnumerable;var me=(f,d,l)=>d in f?Ye(f,d,{enumerable:!0,configurable:!0,writable:!0,value:l}):f[d]=l,i=(f,d)=>{for(var l in d||(d={}))Be.call(d,l)&&me(f,l,d[l]);if(Re)for(var l of Re(d))ze.call(d,l)&&me(f,l,d[l]);return f},g=(f,d)=>Xe(f,Ae(d));import{withHeadless as Ie}from"@primereact/core/headless";import*as e from"react";var Pe={variant:"auto",mask:!1,tabIndex:0};var ve=500,be=20,Ve=Ie({name:"useScrollArea",defaultProps:Pe,setup({props:f}){let d=e.useRef(null),l=e.useRef(null),M=e.useRef(null),D=e.useRef(null),_=e.useRef(null),q=e.useRef(null),Se=e.useRef(null),[T,re]=e.useState(!1),[w,ne]=e.useState(!1),[L,ce]=e.useState(!1),[ae,N]=e.useState(!1),[n,xe]=e.useState({hiddenX:!0,hiddenY:!0,cornerHidden:!0,cornerWidth:0,cornerHeight:0,xBefore:!1,xAfter:!1,yBefore:!1,yAfter:!1}),I=e.useRef(!1),K=e.useRef("vertical"),C=e.useRef({pointerPos:0,scrollPos:0}),He=e.useRef({top:0,left:0}),U=e.useRef(null),O=e.useRef(null),k=e.useRef(null),S=e.useCallback(function(){let t=l.current;if(!t)return;let{scrollHeight:c,scrollWidth:o,clientHeight:s,clientWidth:a,scrollTop:p,scrollLeft:b}=t,R=s>=c,m=a>=o,P=M.current,v=D.current,E=!R&&!m&&P?P.offsetWidth:0,y=!R&&!m&&v?v.offsetHeight:0,Q=P&&!R?P.offsetHeight:0,ee=v&&!m?v.offsetWidth:0;if(xe(h=>{let u={hiddenX:m,hiddenY:R,cornerHidden:m||R,cornerWidth:E,cornerHeight:y,xBefore:!m&&b>0,xAfter:!m&&o-a-b>1,yBefore:!R&&p>0,yAfter:!R&&c-s-p>1};return h.hiddenX===u.hiddenX&&h.hiddenY===u.hiddenY&&h.cornerHidden===u.cornerHidden&&h.cornerWidth===u.cornerWidth&&h.cornerHeight===u.cornerHeight&&h.xBefore===u.xBefore&&h.xAfter===u.xAfter&&h.yBefore===u.yBefore&&h.yAfter===u.yAfter?h:u}),P&&!R&&Q>0){let h=s/c,u=Math.max(h*Q,be),te=Q-u,z=c-s,oe=(z>0?p/z:0)*te;P.style.setProperty("--px-handle-height",`${u}px`),P.style.setProperty("--px-handle-offset",`${oe}px`)}if(v&&!m&&ee>0){let h=a/o,u=Math.max(h*ee,be),te=ee-u,z=o-a,oe=(z>0?b/z:0)*te;v.style.setProperty("--px-handle-width",`${u}px`),v.style.setProperty("--px-handle-offset",`${oe}px`)}},[]),Z=e.useCallback(function(){k.current||(k.current=requestAnimationFrame(()=>{k.current=null,S()}));let t=l.current;if(!t)return;let{scrollTop:c,scrollLeft:o}=t,s=He.current;c!==s.top&&(ce(a=>a||!0),O.current&&clearTimeout(O.current),O.current=setTimeout(()=>ce(!1),ve)),o!==s.left&&(ne(a=>a||!0),U.current&&clearTimeout(U.current),U.current=setTimeout(()=>ne(!1),ve)),s.top=c,s.left=o},[S]),W=e.useCallback(function(t,c){let o=l.current;!o||t.ctrlKey||(c==="vertical"?o.scrollTop+=t.deltaY:o.scrollLeft+=t.deltaX||t.deltaY)},[]),Y=e.useCallback(function(t,c){if(t.pointerType==="mouse"&&t.button!==0)return;t.preventDefault(),t.stopPropagation();let o=c==="vertical",s=o?M.current:D.current,a=l.current;!s||!a||(s.setPointerCapture(t.pointerId),I.current=!0,K.current=c,C.current={pointerPos:o?t.clientY:t.clientX,scrollPos:o?a.scrollTop:a.scrollLeft})},[]),X=e.useCallback(function(t,c){if(t.pointerType==="mouse"&&t.button!==0)return;t.preventDefault();let o=c==="vertical",s=o?M.current:D.current,a=l.current;if(!s||!a)return;s.setPointerCapture(t.pointerId),I.current=!0,K.current=c;let p=s.getBoundingClientRect(),b=o?_.current:q.current,R=b?o?b.offsetHeight:b.offsetWidth:0,P=(o?p.height:p.width)-R;if(P>0){let v=(o?t.clientY-p.top:t.clientX-p.left)-R/2,E=Math.max(0,Math.min(1,v/P)),y=o?a.scrollHeight-a.clientHeight:a.scrollWidth-a.clientWidth;o?a.scrollTop=E*y:a.scrollLeft=E*y}C.current={pointerPos:o?t.clientY:t.clientX,scrollPos:o?a.scrollTop:a.scrollLeft}},[]),A=e.useCallback(function(t){if(!I.current)return;t.preventDefault();let c=K.current==="vertical",o=l.current,s=c?M.current:D.current;if(!o||!s)return;let a=s.getBoundingClientRect(),p=c?_.current:q.current,b=p?c?p.offsetHeight:p.offsetWidth:0,m=(c?a.height:a.width)-b;if(m<=0)return;let v=(c?t.clientY:t.clientX)-C.current.pointerPos,E=c?o.scrollHeight-o.clientHeight:o.scrollWidth-o.clientWidth,y=v/m*E;c?o.scrollTop=C.current.scrollPos+y:o.scrollLeft=C.current.scrollPos+y},[]),B=e.useCallback(function(t){t.preventDefault(),t.currentTarget.releasePointerCapture(t.pointerId),I.current=!1},[]),j=e.useCallback(function(t){t.pointerType==="touch"?N(!0):(N(!1),re(!0))},[]),G=e.useCallback(function(){re(!1)},[]),J=e.useCallback(function(t){t.pointerType==="touch"&&N(!0)},[]);e.useLayoutEffect(()=>{let r=l.current;if(!r)return;let t=null,c=new ResizeObserver(()=>{t||(t=requestAnimationFrame(()=>{t=null,S()}))});return c.observe(r),r.firstElementChild&&c.observe(r.firstElementChild),S(),()=>{c.disconnect(),t&&cancelAnimationFrame(t)}},[S]),e.useLayoutEffect(()=>{S()},[n.hiddenX,n.hiddenY,S]),e.useEffect(()=>()=>{var r,t;clearTimeout((r=U.current)!=null?r:void 0),clearTimeout((t=O.current)!=null?t:void 0),k.current&&cancelAnimationFrame(k.current)},[]);let $=e.useMemo(()=>({width:n.cornerWidth,height:n.cornerHeight}),[n.cornerWidth,n.cornerHeight]),ye=e.useMemo(()=>({x:n.hiddenX,y:n.hiddenY,corner:n.cornerHidden}),[n.hiddenX,n.hiddenY,n.cornerHidden]),F=w||L,x=!n.hiddenX,H=!n.hiddenY,ge=e.useMemo(()=>({hovering:T,scrollingX:w,scrollingY:L,scrolling:F,touchModality:ae,hasOverflowX:x,hasOverflowY:H,scrollXBefore:n.xBefore,scrollXAfter:n.xAfter,scrollYBefore:n.yBefore,scrollYAfter:n.yAfter,cornerHidden:n.cornerHidden}),[T,w,L,F,ae,x,H,n]),V=e.useMemo(()=>i(i(i(i(i(i(i({},F&&{"data-scrolling":""}),x&&{"data-has-overflow-x":""}),H&&{"data-has-overflow-y":""}),n.xBefore&&{"data-scroll-x-before":""}),n.xAfter&&{"data-scroll-x-after":""}),n.yBefore&&{"data-scroll-y-before":""}),n.yAfter&&{"data-scroll-y-after":""}),[F,x,H,n.xBefore,n.xAfter,n.yBefore,n.yAfter]),Te=e.useMemo(()=>g(i(i({"data-scope":"scrollarea","data-part":"root",ref:d,role:"presentation","data-variant":f.variant},f.mask&&{"data-mask":""}),V),{onPointerEnter:j,onPointerLeave:G,onPointerDown:J,style:{position:"relative","--px-corner-height":`${$.height}px`,"--px-corner-width":`${$.width}px`}}),[f.variant,f.mask,V,j,G,J,$]),le=x||H?f.tabIndex||0:void 0,Ee=e.useMemo(()=>g(i({"data-scope":"scrollarea","data-part":"viewport",ref:l,tabIndex:le,onScroll:Z},V),{style:{overflow:"scroll",scrollbarWidth:"none"}}),[le,Z,V]),se=e.useCallback(r=>X(r,"vertical"),[X]),ie=e.useCallback(r=>X(r,"horizontal"),[X]),ue=e.useCallback(r=>W(r,"vertical"),[W]),fe=e.useCallback(r=>W(r,"horizontal"),[W]),de=e.useCallback(r=>Y(r,"vertical"),[Y]),he=e.useCallback(r=>Y(r,"horizontal"),[Y]),pe={position:"absolute",touchAction:"none",userSelect:"none",WebkitUserSelect:"none"},Me=e.useMemo(()=>g(i(i({"data-scope":"scrollarea","data-part":"scrollbar-y","data-orientation":"vertical"},T&&{"data-hovering":""}),L&&{"data-scrolling":""}),{ref:M,onPointerDown:se,onPointerMove:A,onPointerUp:B,onWheel:ue,style:g(i({},pe),{top:0,bottom:"var(--px-corner-height)",insetInlineEnd:0})}),[T,L,se,A,B,ue]),De=e.useMemo(()=>g(i(i({"data-scope":"scrollarea","data-part":"scrollbar-x","data-orientation":"horizontal"},T&&{"data-hovering":""}),w&&{"data-scrolling":""}),{ref:D,onPointerDown:ie,onPointerMove:A,onPointerUp:B,onWheel:fe,style:g(i({},pe),{bottom:0,insetInlineStart:0,insetInlineEnd:"var(--px-corner-width)"})}),[T,w,ie,A,B,fe]),we=e.useMemo(()=>({"data-scope":"scrollarea","data-part":"handle-y","data-orientation":"vertical",ref:_,onPointerDown:de,style:{height:"var(--px-handle-height, 0px)",transform:"translate3d(0, var(--px-handle-offset, 0px), 0)"}}),[de]),Le=e.useMemo(()=>({"data-scope":"scrollarea","data-part":"handle-x","data-orientation":"horizontal",ref:q,onPointerDown:he,style:{width:"var(--px-handle-width, 0px)",transform:"translate3d(var(--px-handle-offset, 0px), 0, 0)"}}),[he]),Ce=e.useMemo(()=>({"data-scope":"scrollarea","data-part":"content",style:{minWidth:x?"fit-content":void 0,minHeight:H?"fit-content":void 0}}),[x,H]),ke=e.useMemo(()=>({"data-scope":"scrollarea","data-part":"corner",ref:Se,style:{position:"absolute",bottom:0,insetInlineEnd:0,width:"var(--px-corner-width)",height:"var(--px-corner-height)"}}),[]);return{state:ge,cornerSize:$,hiddenState:ye,rootProps:Te,viewportProps:Ee,contentProps:Ce,scrollbarYProps:Me,scrollbarXProps:De,handleYProps:we,handleXProps:Le,cornerProps:ke,computeHandle:S,handleScroll:Z,handleScrollbarPointerDown:X,handleScrollbarPointerMove:A,handleScrollbarPointerUp:B,handleScrollbarWheel:W,handleHandlePointerDown:Y,onRootPointerEnter:j,onRootPointerLeave:G,onRootPointerDown:J}}});export{Pe as defaultProps,Ve as useScrollArea};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|