@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +45 -0
- package/README.md +35 -0
- package/accordion/index.d.ts +3 -0
- package/accordion/index.mjs +1 -2
- 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 -2
- 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 +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 -2
- 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 +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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- package/carousel/useCarousel.d.ts +117 -8
- package/carousel/useCarousel.props.d.ts +2 -2
- package/checkbox/index.d.ts +1 -0
- package/checkbox/index.mjs +1 -2
- 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 +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 -2
- 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 +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 +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 -2
- package/contextmenu/submenu/index.d.ts +2 -0
- package/contextmenu/submenu/index.mjs +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 +10 -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 +10 -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 +1 -0
- package/dataview/index.d.ts +1 -0
- package/dataview/index.mjs +1 -2
- 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 -2
- 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 -2
- 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 -2
- 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 +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 -2
- 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 -2
- 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 -2
- package/fileupload/useFileUpload.d.ts +76 -4
- package/fileupload/useFileUpload.props.d.ts +2 -2
- package/floatlabel/index.d.ts +3 -0
- package/floatlabel/index.mjs +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 -2
- 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 -2
- 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 -2
- package/gallery/item/index.mjs +1 -2
- package/gallery/item/useGalleryItem.d.ts +17 -7
- package/gallery/item/useGalleryItem.props.d.ts +2 -2
- package/gallery/useGallery.d.ts +159 -10
- package/gallery/useGallery.props.d.ts +2 -2
- package/iconfield/index.d.ts +1 -0
- package/iconfield/index.mjs +1 -2
- 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 +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 -2
- package/inplace/useInplace.d.ts +36 -5
- package/inplace/useInplace.props.d.ts +2 -2
- package/{colorpicker → inputcolor}/colorManager.d.ts +4 -3
- package/inputcolor/index.d.ts +4 -0
- package/inputcolor/index.mjs +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 -2
- 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 -2
- 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 -2
- 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 +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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 +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 -2
- package/menu/radioitem/index.d.ts +2 -0
- package/menu/radioitem/index.mjs +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 +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 -2
- 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 -2
- 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 +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 +1 -0
- package/orderlist/useOrderList.d.ts +74 -0
- package/orderlist/useOrderList.props.d.ts +2 -0
- package/organizationchart/index.d.ts +3 -0
- package/organizationchart/index.mjs +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 +1 -0
- package/overlaybadge/useOverlayBadge.d.ts +1 -0
- package/overlaybadge/useOverlayBadge.props.d.ts +2 -0
- package/package.json +14 -15
- package/paginator/index.d.ts +1 -0
- package/paginator/index.mjs +1 -2
- 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 -2
- 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 +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 -8
- 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 -2
- 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 +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 -2
- 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 -2
- 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 -2
- 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 +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 -2
- 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 -2
- 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 +1 -0
- package/select/useSelect.d.ts +190 -0
- package/select/useSelect.props.d.ts +2 -0
- package/sidebar/index.d.ts +7 -0
- package/sidebar/index.mjs +1 -0
- package/sidebar/useSidebar.d.ts +143 -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 +10 -0
- package/sidebar/useSidebarMenuItem.props.d.ts +2 -0
- package/skeleton/index.d.ts +1 -0
- package/skeleton/index.mjs +1 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 -2
- 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 +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 -2
- 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 +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 +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 -2
- 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 -2
- 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 +1 -0
- package/tooltipmanager/useTooltipManager.d.ts +12 -0
- package/tooltipmanager/useTooltipManager.props.d.ts +2 -0
- package/tree/TreeDragDropService.d.ts +13 -5
- package/tree/index.d.ts +7 -0
- package/tree/index.mjs +1 -2
- package/tree/useTree.d.ts +97 -17
- 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/accordion/index.mjs.map +0 -1
- package/accordion/useAccordion.test.d.ts +0 -0
- package/animateonscroll/index.mjs.map +0 -1
- package/animateonscroll/useAnimateOnScroll.test.d.ts +0 -0
- package/avatar/index.mjs.map +0 -1
- package/avatar/useAvatar.test.d.ts +0 -0
- package/badge/index.mjs.map +0 -1
- package/badge/useBadge.test.d.ts +0 -0
- package/breadcrumb/index.mjs.map +0 -1
- package/breadcrumb/useBreadcrumb.test.d.ts +0 -0
- package/button/index.mjs.map +0 -1
- package/button/useButton.test.d.ts +0 -0
- package/card/index.mjs.map +0 -1
- package/card/useCard.test.d.ts +0 -0
- package/carousel/index.mjs.map +0 -1
- package/carousel/useCarousel.test.d.ts +0 -0
- package/checkbox/index.mjs.map +0 -1
- package/checkbox/useCheckbox.test.d.ts +0 -0
- package/chip/index.mjs.map +0 -1
- package/chip/useChip.test.d.ts +0 -0
- 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/input/useColorPickerInput.test.d.ts +0 -0
- 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/slider/useColorPickerSlider.test.d.ts +0 -0
- package/colorpicker/useColorPicker.d.ts +0 -26
- package/colorpicker/useColorPicker.props.d.ts +0 -2
- package/colorpicker/useColorPicker.test.d.ts +0 -0
- 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/commandmenu/useCommandMenu.test.d.ts +0 -0
- 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/confirmdialog/useConfirmDialog.test.d.ts +0 -0
- 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/confirmpopup/useConfirmPopup.test.d.ts +0 -0
- package/contextmenu/index.mjs.map +0 -1
- package/contextmenu/useContextMenu.test.d.ts +0 -0
- package/dataview/index.mjs.map +0 -1
- package/dataview/useDataView.test.d.ts +0 -0
- package/datepicker/index.mjs.map +0 -1
- package/datepicker/useDatePicker.test.d.ts +0 -0
- package/dialog/index.mjs.map +0 -1
- package/dialog/useDialog.test.d.ts +0 -0
- package/divider/index.mjs.map +0 -1
- package/divider/useDivider.test.d.ts +0 -0
- package/drawer/index.mjs.map +0 -1
- package/drawer/useDrawer.test.d.ts +0 -0
- package/fieldset/index.mjs.map +0 -1
- package/fieldset/useFieldset.test.d.ts +0 -0
- package/fileupload/index.mjs.map +0 -1
- package/fileupload/useFileUpload.test.d.ts +0 -0
- package/fluid/index.mjs.map +0 -1
- package/fluid/useFluid.test.d.ts +0 -0
- package/focustrap/index.mjs.map +0 -1
- package/focustrap/useFocusTrap.test.d.ts +0 -0
- package/gallery/index.mjs.map +0 -1
- package/gallery/item/index.mjs.map +0 -1
- package/gallery/useGallery.test.d.ts +0 -0
- package/iconfield/index.mjs.map +0 -1
- package/iconfield/useIconField.test.d.ts +0 -0
- 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/imagecompare/useImageCompare.test.d.ts +0 -0
- package/inplace/index.mjs.map +0 -1
- package/inplace/useInplace.test.d.ts +0 -0
- package/inputgroup/index.mjs.map +0 -1
- package/inputgroup/useInputGroup.test.d.ts +0 -0
- package/inputnumber/index.mjs.map +0 -1
- package/inputnumber/useInputNumber.test.d.ts +0 -0
- package/inputotp/index.mjs.map +0 -1
- package/inputotp/useInputOtp.test.d.ts +0 -0
- package/inputtags/index.mjs.map +0 -1
- package/inputtags/useInputTags.test.d.ts +0 -0
- package/inputtext/index.mjs.map +0 -1
- package/inputtext/useInputText.test.d.ts +0 -0
- package/knob/index.mjs.map +0 -1
- package/knob/useKnob.test.d.ts +0 -0
- package/label/index.mjs.map +0 -1
- package/label/useLabel.test.d.ts +0 -0
- package/listbox/index.mjs.map +0 -1
- package/listbox/useListbox.test.d.ts +0 -0
- package/menu/index.mjs.map +0 -1
- 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/menu/useMenu.test.d.ts +0 -0
- package/message/index.mjs.map +0 -1
- package/message/useMessage.test.d.ts +0 -0
- package/metergroup/index.mjs.map +0 -1
- package/metergroup/useMeterGroup.test.d.ts +0 -0
- 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/orgchart/useOrgChart.test.d.ts +0 -0
- 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/overlay/useOverlay.test.d.ts +0 -0
- package/paginator/index.mjs.map +0 -1
- package/paginator/usePaginator.test.d.ts +0 -0
- package/panel/index.mjs.map +0 -1
- package/panel/usePanel.test.d.ts +0 -0
- 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/password/usePassword.test.d.ts +0 -0
- 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/placer/usePlacer.test.d.ts +0 -0
- package/popover/index.mjs.map +0 -1
- package/popover/usePopover.test.d.ts +0 -0
- package/portal/index.mjs.map +0 -1
- package/portal/usePortal.test.d.ts +0 -0
- package/progressbar/index.mjs.map +0 -1
- package/progressbar/useProgressBar.test.d.ts +0 -0
- package/progressspinner/index.mjs.map +0 -1
- package/progressspinner/useProgressSpinner.test.d.ts +0 -0
- package/radiobutton/index.mjs.map +0 -1
- package/radiobutton/useRadioButton.test.d.ts +0 -0
- package/rating/index.mjs.map +0 -1
- package/rating/useRating.test.d.ts +0 -0
- package/scrollarea/index.mjs.map +0 -1
- package/scrollarea/useScrollArea.test.d.ts +0 -0
- package/skeleton/index.mjs.map +0 -1
- package/skeleton/useSkeleton.test.d.ts +0 -0
- package/slider/index.mjs.map +0 -1
- package/slider/useSlider.test.d.ts +0 -0
- package/speeddial/index.mjs.map +0 -1
- package/speeddial/useSpeedDial.test.d.ts +0 -0
- package/splitter/index.mjs.map +0 -1
- package/splitter/useSplitter.test.d.ts +0 -0
- package/stepper/index.mjs.map +0 -1
- package/stepper/useStepper.test.d.ts +0 -0
- package/styleclass/index.mjs.map +0 -1
- package/styleclass/useStyleClass.test.d.ts +0 -0
- 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/switch/useSwitch.test.d.ts +0 -0
- package/tabs/index.mjs.map +0 -1
- package/tabs/useTabs.test.d.ts +0 -0
- package/tag/index.mjs.map +0 -1
- package/tag/useTag.test.d.ts +0 -0
- package/terminal/index.mjs.map +0 -1
- package/terminal/useTerminal.test.d.ts +0 -0
- package/textarea/index.mjs.map +0 -1
- package/textarea/useTextarea.test.d.ts +0 -0
- package/timeline/index.mjs.map +0 -1
- package/timeline/useTimeline.test.d.ts +0 -0
- package/toast/index.mjs.map +0 -1
- 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/item/useToastItem.test.d.ts +0 -0
- package/toast/toastStore.d.ts +0 -40
- package/toast/useToast.test.d.ts +0 -0
- package/togglebutton/index.mjs.map +0 -1
- package/togglebutton/useToggle.test.d.ts +0 -0
- package/toolbar/index.mjs.map +0 -1
- package/toolbar/useToolbar.test.d.ts +0 -0
- 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/tooltip/group/useTooltipGroup.test.d.ts +0 -0
- package/tooltip/index.mjs.map +0 -1
- package/tooltip/useTooltip.test.d.ts +0 -0
- package/tree/index.mjs.map +0 -1
- package/tree/useTree.test.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var $=0,C=()=>`toast-${++$}-${Date.now()}`,L=e=>typeof e=="number"&&!Number.isNaN(e)||typeof e=="string"&&e.length>0?e:C();function N(){let e=[],m=new Set,p=s=>{m.forEach(t=>t(s))},v=()=>e,E=s=>(m.add(s),()=>{m.delete(s)}),f=s=>{let t=L(s.id),d=s.dismissible??!0,c=e.findIndex(n=>n.id===t);if(c!==-1){let n={...e[c],...s,id:t,dismissible:d};e=[...e.slice(0,c),n,...e.slice(c+1)],p({action:"update",toast:n})}else{let n={...s,id:t,dismissible:d};e=[n,...e],p({action:"add",toast:n})}return t},T=(s,t)=>f({...t,id:s}),g=s=>{p({action:"dismiss",id:s})},y=async(s,t)=>{let d=L(t.loading.id);f({...t.loading,id:d,loading:!0,dismissible:t.loading.dismissible??!1});try{let c=await s,n=typeof t.success=="function"?t.success(c):t.success;return n?f({icon:void 0,...n,id:d,severity:n.severity??"success",loading:!1}):g(d),c}catch(c){let n=typeof t.error=="function"?t.error(c):t.error;throw n?f({icon:void 0,...n,id:d,severity:n.severity??"error",loading:!1}):g(d),c}},i=s=>t=>f({...t,severity:s});return{snapshot:v,subscribe:E,add:f,update:T,dismiss:g,promise:y,success:i("success"),info:i("info"),warn:i("warn"),error:i("error"),secondary:i("secondary"),contrast:i("contrast")}}var u=N(),k=e=>u.add(e),j=Object.assign(k,{update:u.update,dismiss:u.dismiss,promise:u.promise,success:u.success,info:u.info,warn:u.warn,error:u.error,secondary:u.secondary,contrast:u.contrast});import{withHeadless as B}from"@primereact/core/headless";import*as a from"react";var H={timeout:6e3,gap:12,position:"top-right",mode:"stacked",group:void 0,limit:3};var Q=B({name:"useToaster",defaultProps:H,setup:({props:e})=>{let m=a.useSyncExternalStore(u.subscribe,u.snapshot,u.snapshot),[p,v]=a.useState(()=>new Set),E=a.useCallback(o=>{v(r=>{if(r.has(o))return r;let l=new Set(r);return l.add(o),l})},[]),f=a.useMemo(()=>{let o=e.group?m.filter(r=>r.group===e.group):m.filter(r=>!r.group);return p.size?o.filter(r=>r.id===void 0||!p.has(r.id)):o},[m,e.group,p]),[T,g]=a.useState([]),[y,i]=a.useState(!1),[s,t]=a.useState(!1),d=a.useRef(!1),c=e.mode==="expanded"||y,n={isExpanded:c,isHovered:y,isInteracting:s,heights:T},h=()=>{i(!0)},R=()=>{i(!0)},x=()=>{!s&&!d.current&&i(!1)},I=()=>{i(!1)},M=o=>{o.target instanceof HTMLElement&&o.target.dataset.dismissible==="false"||t(!0)},b=()=>{t(!1)},S=o=>{let r=o.currentTarget,l=document.activeElement;l&&l.matches(":focus-visible")&&r.contains(l)&&(d.current=!0,i(!0))},P=o=>{let r=o.currentTarget,l=o.relatedTarget;l&&r.contains(l)||(d.current=!1,!s&&i(!1))},F=o=>{if(!o)return;let r=document.activeElement;if(!o.contains(r))return;let l=o.nextElementSibling,w=o.previousElementSibling;requestAnimationFrame(()=>{l?l.focus({preventScroll:!0}):w&&w.focus({preventScroll:!0})})};a.useEffect(()=>{f.length<=1&&i(!1)},[f]);let D={"data-scope":"toaster","data-part":"root","data-position":e.position},U=a.useMemo(()=>({"data-scope":"toaster","data-part":"region",role:"region",tabIndex:0,onMouseEnter:h,onMouseLeave:x,onMouseMove:R,onDragEnd:I,onPointerDown:M,onPointerUp:b,onFocus:S,onBlur:P,"data-position":e.position,...c&&{"data-expanded":""},style:{"--px-gap":`${e.gap}px`,"--px-front-toast-height":`${T?.[0]?.height||0}px`}}),[e.position,e.gap,c,T]);return{state:n,toasts:f,setHeights:g,removeFromQueue:E,rootProps:D,regionProps:U,onRegionMouseEnter:h,onRegionMouseMove:R,onRegionMouseLeave:x,onRegionDragEnd:I,onRegionPointerDown:M,onRegionPointerUp:b,onRegionFocus:S,onRegionBlur:P,handleFocusManagement:F}}});export{N as createToastManager,H as defaultProps,u as defaultToaster,j as toast,Q as useToaster};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { ToastId, ToastType } from '@primereact/types/primitive/toaster';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export declare const useToaster: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/toaster").UseToasterProps, unknown, {
|
|
4
|
+
state: {
|
|
5
|
+
isExpanded: boolean;
|
|
6
|
+
isHovered: boolean;
|
|
7
|
+
isInteracting: boolean;
|
|
8
|
+
heights: {
|
|
9
|
+
height: number;
|
|
10
|
+
toastId: ToastId;
|
|
11
|
+
}[];
|
|
12
|
+
};
|
|
13
|
+
toasts: ToastType[];
|
|
14
|
+
setHeights: React.Dispatch<React.SetStateAction<{
|
|
15
|
+
height: number;
|
|
16
|
+
toastId: ToastId;
|
|
17
|
+
}[]>>;
|
|
18
|
+
removeFromQueue: (id: ToastId) => void;
|
|
19
|
+
rootProps: {
|
|
20
|
+
'data-scope': "toaster";
|
|
21
|
+
'data-part': "root";
|
|
22
|
+
'data-position': import("@primereact/types/headless/toaster").ToasterPosition | undefined;
|
|
23
|
+
};
|
|
24
|
+
regionProps: {
|
|
25
|
+
style: React.CSSProperties;
|
|
26
|
+
'data-expanded'?: "" | undefined;
|
|
27
|
+
'data-scope': "toaster";
|
|
28
|
+
'data-part': "region";
|
|
29
|
+
role: "region";
|
|
30
|
+
tabIndex: number;
|
|
31
|
+
onMouseEnter: () => void;
|
|
32
|
+
onMouseLeave: () => void;
|
|
33
|
+
onMouseMove: () => void;
|
|
34
|
+
onDragEnd: () => void;
|
|
35
|
+
onPointerDown: (event: React.PointerEvent) => void;
|
|
36
|
+
onPointerUp: () => void;
|
|
37
|
+
onFocus: (event: React.FocusEvent<HTMLElement>) => void;
|
|
38
|
+
onBlur: (event: React.FocusEvent<HTMLElement>) => void;
|
|
39
|
+
'data-position': import("@primereact/types/headless/toaster").ToasterPosition | undefined;
|
|
40
|
+
};
|
|
41
|
+
onRegionMouseEnter: () => void;
|
|
42
|
+
onRegionMouseMove: () => void;
|
|
43
|
+
onRegionMouseLeave: () => void;
|
|
44
|
+
onRegionDragEnd: () => void;
|
|
45
|
+
onRegionPointerDown: (event: React.PointerEvent) => void;
|
|
46
|
+
onRegionPointerUp: () => void;
|
|
47
|
+
onRegionFocus: (event: React.FocusEvent<HTMLElement>) => void;
|
|
48
|
+
onRegionBlur: (event: React.FocusEvent<HTMLElement>) => void;
|
|
49
|
+
handleFocusManagement: (toastEl: HTMLElement | null) => void;
|
|
50
|
+
}>;
|
package/togglebutton/index.d.ts
CHANGED
package/togglebutton/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{withHeadless as
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as l}from"@primereact/core/headless";import{useControlledState as p}from"@primereact/hooks/use-controlled-state";var a={pressed:void 0,defaultPressed:void 0,disabled:void 0,invalid:void 0,onPressedChange:void 0};var P=l({name:"useToggleButton",defaultProps:a,setup({props:s}){let[o,r]=p({value:s.pressed,defaultValue:s.defaultPressed??!1,onChange:s.onPressedChange}),d={pressed:o},n=e=>{let t=!o;r([t,{originalEvent:e,pressed:t}])};return{state:d,getRootProps:(e,t)=>({disabled:e,"aria-pressed":o,"aria-disabled":e,...o&&{"data-pressed":""},...e&&{"data-disabled":""},...!!t&&{"data-invalid":""},onClick:n}),getIndicatorProps:(e,t)=>({...o&&{"data-pressed":""},...e&&{"data-disabled":""},...!!t&&{"data-invalid":""}}),onChange:n}}});export{a as defaultProps,P as useToggleButton};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const useToggleButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/
|
|
1
|
+
import type { UseToggleButtonChangeEvent, UseToggleButtonIndicatorProps, UseToggleButtonRootProps } from '@primereact/types/headless/togglebutton';
|
|
2
|
+
export declare const useToggleButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/togglebutton").UseToggleButtonProps, unknown, {
|
|
3
3
|
state: {
|
|
4
4
|
pressed: boolean | undefined;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
getRootProps: (disabled: boolean, invalid: boolean) => UseToggleButtonRootProps;
|
|
7
|
+
getIndicatorProps: (disabled: boolean, invalid: boolean) => UseToggleButtonIndicatorProps;
|
|
8
|
+
onChange: (event: UseToggleButtonChangeEvent) => void;
|
|
7
9
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const defaultProps:
|
|
1
|
+
import type { UseToggleButtonProps } from '@primereact/types/headless/togglebutton';
|
|
2
|
+
export declare const defaultProps: UseToggleButtonProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{withHeadless as g}from"@primereact/core/headless";import{useControlledState as m}from"@primereact/hooks/use-controlled-state";import*as u from"react";var n={value:void 0,defaultValue:void 0,onValueChange:void 0,multiple:!1,allowEmpty:!0,disabled:!1,invalid:!1};var h=g({name:"useToggleButtonGroup",defaultProps:n,setup({props:e}){let[a,l]=m({value:e.value,defaultValue:e.defaultValue,onChange:e.onValueChange}),s={value:a},r=u.useCallback(t=>{let o=null;if(e.multiple){if(o=t.pressed?[...a||[],t.value]:(a||[]).filter(p=>p!==t.value),!e.allowEmpty&&o.length===0)return}else if(o=t.pressed?t.value:null,!e.allowEmpty&&o===null)return;l?.([o,{originalEvent:t.originalEvent,value:o}])},[a,l]),d=(t,o)=>{if(t!==void 0)return e.multiple?t?.includes(o):t===o},i={role:"group","data-scope":"togglebuttongroup","data-part":"root",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""},...e.multiple&&{"data-multiple":""},...e.allowEmpty&&{"data-allow-empty":""}};return{state:s,rootProps:i,updateChange:r,isPressed:d}}});export{n as defaultProps,h as useToggleButtonGroup};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { UseToggleButtonGroupExposes } from '@primereact/types/headless/togglebuttongroup';
|
|
2
|
+
export declare const useToggleButtonGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/togglebuttongroup").UseToggleButtonGroupProps, unknown, {
|
|
3
|
+
state: {
|
|
4
|
+
value: unknown;
|
|
5
|
+
};
|
|
6
|
+
rootProps: {
|
|
7
|
+
'data-allow-empty'?: "" | undefined;
|
|
8
|
+
'data-multiple'?: "" | undefined;
|
|
9
|
+
'data-invalid'?: "" | undefined;
|
|
10
|
+
'data-disabled'?: "" | undefined;
|
|
11
|
+
role: "group";
|
|
12
|
+
'data-scope': string;
|
|
13
|
+
'data-part': string;
|
|
14
|
+
};
|
|
15
|
+
updateChange: (event: Parameters<UseToggleButtonGroupExposes["updateChange"]>[0]) => void;
|
|
16
|
+
isPressed: (value: unknown | unknown[] | undefined, toggleButtonValue: unknown) => boolean | undefined;
|
|
17
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{withHeadless as r}from"@primereact/core/headless";import{useControlledState as b}from"@primereact/hooks/use-controlled-state";var n={checked:void 0,defaultChecked:void 0,disabled:!1,invalid:!1,tabIndex:void 0,ariaLabel:void 0,ariaLabelledby:void 0,onFocus:void 0,onBlur:void 0,onCheckedChange:void 0};var v=r({name:"useToggleSwitch",defaultProps:n,setup({props:e}){let[a,c]=b({value:e.checked,defaultValue:e.defaultChecked??!1,onChange:e.onCheckedChange}),s={checked:a},t=u=>{let d=!a;c([d,{originalEvent:u,checked:d}])},i={...a?{"data-checked":""}:{"data-unchecked":""},...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}},o={type:"checkbox",role:"switch",checked:a,disabled:e.disabled,"aria-checked":a,...e.invalid&&{"aria-invalid":!0},...e.tabIndex!==void 0&&{tabIndex:e.tabIndex},...e.ariaLabelledby&&{"aria-labelledby":e.ariaLabelledby},...e.ariaLabel&&{"aria-label":e.ariaLabel},...e.onFocus&&{onFocus:e.onFocus},...e.onBlur&&{onBlur:e.onBlur},onChange:t},l={...a?{"data-checked":""}:{"data-unchecked":""},...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}},h={...a?{"data-checked":""}:{"data-unchecked":""},...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}};return{state:s,onChange:t,rootProps:i,inputProps:o,controlProps:l,handleProps:h}}});export{n as defaultProps,v as useToggleSwitch};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { UseToggleSwitchChangeEvent } from '@primereact/types/headless/toggleswitch';
|
|
2
|
+
export declare const useToggleSwitch: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/toggleswitch").UseToggleSwitchProps, unknown, {
|
|
3
|
+
state: {
|
|
4
|
+
checked: boolean | undefined;
|
|
5
|
+
};
|
|
6
|
+
onChange: (event: UseToggleSwitchChangeEvent) => void;
|
|
7
|
+
rootProps: {
|
|
8
|
+
'data-invalid'?: "" | undefined;
|
|
9
|
+
'data-disabled'?: "" | undefined;
|
|
10
|
+
'data-checked': "";
|
|
11
|
+
} | {
|
|
12
|
+
'data-invalid'?: "" | undefined;
|
|
13
|
+
'data-disabled'?: "" | undefined;
|
|
14
|
+
'data-unchecked': "";
|
|
15
|
+
};
|
|
16
|
+
inputProps: {
|
|
17
|
+
onChange: (event: UseToggleSwitchChangeEvent) => void;
|
|
18
|
+
onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
|
|
19
|
+
onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
|
|
20
|
+
'aria-label'?: string | undefined;
|
|
21
|
+
'aria-labelledby'?: string | undefined;
|
|
22
|
+
tabIndex?: number | undefined;
|
|
23
|
+
'aria-invalid'?: true | undefined;
|
|
24
|
+
type: "checkbox";
|
|
25
|
+
role: "switch";
|
|
26
|
+
checked: boolean | undefined;
|
|
27
|
+
disabled: boolean | undefined;
|
|
28
|
+
'aria-checked': boolean | undefined;
|
|
29
|
+
};
|
|
30
|
+
controlProps: {
|
|
31
|
+
'data-invalid'?: "" | undefined;
|
|
32
|
+
'data-disabled'?: "" | undefined;
|
|
33
|
+
'data-checked': "";
|
|
34
|
+
} | {
|
|
35
|
+
'data-invalid'?: "" | undefined;
|
|
36
|
+
'data-disabled'?: "" | undefined;
|
|
37
|
+
'data-unchecked': "";
|
|
38
|
+
};
|
|
39
|
+
handleProps: {
|
|
40
|
+
'data-invalid'?: "" | undefined;
|
|
41
|
+
'data-disabled'?: "" | undefined;
|
|
42
|
+
'data-checked': "";
|
|
43
|
+
} | {
|
|
44
|
+
'data-invalid'?: "" | undefined;
|
|
45
|
+
'data-disabled'?: "" | undefined;
|
|
46
|
+
'data-unchecked': "";
|
|
47
|
+
};
|
|
48
|
+
}>;
|
package/toolbar/index.d.ts
CHANGED
package/toolbar/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{withHeadless as r}from"@primereact/core/headless";var o={};var
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as r}from"@primereact/core/headless";var o={};var p=r({name:"useToolbar",defaultProps:o,setup(){return{rootProps:{"data-scope":"toolbar","data-part":"root",role:"toolbar"}}}});export{o as defaultProps,p as useToolbar};
|
package/toolbar/useToolbar.d.ts
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
export declare const useToolbar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/
|
|
1
|
+
export declare const useToolbar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/toolbar").UseToolbarProps, unknown, {
|
|
2
|
+
rootProps: {
|
|
3
|
+
'data-scope': "toolbar";
|
|
4
|
+
'data-part': "root";
|
|
5
|
+
role: "toolbar";
|
|
6
|
+
};
|
|
7
|
+
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const defaultProps:
|
|
1
|
+
import type { UseToolbarProps } from '@primereact/types/headless/toolbar';
|
|
2
|
+
export declare const defaultProps: UseToolbarProps;
|
package/tooltip/index.d.ts
CHANGED
package/tooltip/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as ae}from"@primereact/core/headless";import{useControlledState as ce}from"@primereact/hooks/use-controlled-state";import*as t from"react";var U={anchor:void 0,open:void 0,defaultOpen:!1,onOpenChange:void 0,onExitComplete:void 0,disabled:!1,openDelay:600,closeDelay:100,interactive:!0,tooltipManager:void 0};var me=ae({name:"useTooltip",defaultProps:U,setup:({props:a})=>{let{tooltipManager:n,openDelay:G=600,closeDelay:C=0,interactive:b=!0,disabled:I}=a,[o,N]=ce({value:a.open,defaultValue:a.defaultOpen,onChange:a.onOpenChange}),[O,H]=t.useState(a.anchor??null),[S,V]=t.useState(null),[_,j]=t.useState(null),[q,z]=t.useState(null),[d,i]=t.useState(void 0),[J,k]=t.useState(!!o),l=t.useId(),v=t.useRef(null),T=t.useRef(null),M=t.useRef(null),x=t.useRef(null),R=t.useRef(null),c=t.useRef(null),P=t.useRef(!1),D=t.useRef(!1),L=t.useRef(o);L.current=o;let Q=t.useCallback(e=>{a.anchor==null&&e!==v.current&&(v.current=e,H(e))},[a.anchor]);t.useEffect(()=>{a.anchor!==void 0&&(v.current=a.anchor,H(a.anchor??null))},[a.anchor]),t.useEffect(()=>{o&&k(!0)},[o]);let W=t.useCallback(e=>{e!==T.current&&(T.current=e,V(e))},[]),X=t.useCallback(e=>{e!==x.current&&(x.current=e,z(e))},[]),Y=t.useCallback(e=>{e!==M.current&&(M.current=e,j(e))},[]),Z=t.useCallback(()=>{},[]),$=t.useCallback(()=>{a.onExitComplete?.()},[a.onExitComplete]),E=()=>{R.current&&(clearTimeout(R.current),R.current=null),c.current&&(clearTimeout(c.current),c.current=null)};function y(e,r){N([e,{originalEvent:r,value:e}])}let h=t.useRef(()=>{});h.current=()=>{E(),i("delay"),y(!1),n?.notifyClose?.(l)};let K=(e,r)=>{if(I)return;E();let u=n?.state?.isInstantPhase,f=n?.state?.lastClosedTooltipId,p=n?.state?.currentOpenTooltipId,w=n?.state?.openDelay,g=p!==null&&p!==l,F=u&&f===l,B=g||u&&f!==null&&f!==l,A=B||F?0:e??w??G;g&&n?.closeCurrentTooltip?.(),i(r||(B?"delay":void 0)),A===0?(y(!0),n?.notifyOpen?.(l,()=>h.current())):R.current=window.setTimeout(()=>{y(!0),n?.notifyOpen?.(l,()=>h.current()),R.current=null},A)},m=(e,r)=>{E();let u=n?.state?.isInstantPhase,f=n?.state?.closeDelay,p=u?0:e??f??C;r&&i(r),p===0?(y(!1),n?.notifyClose?.(l),r||i(void 0)):c.current=window.setTimeout(()=>{y(!1),n?.notifyClose?.(l),r||i(void 0),c.current=null},p)},s=t.useRef({onTriggerPointerEnter:()=>{},onTriggerPointerLeave:()=>{},onPositionerPointerLeave:()=>{},onFocus:()=>{},onBlur:()=>{},onDocumentPointerDown:e=>{},onKeyDown:e=>{}});s.current.onTriggerPointerEnter=()=>{P.current=!1,K()},s.current.onTriggerPointerLeave=()=>{if(!L.current){E();return}if(n){let e=n.state?.closeDelay??C;c.current=window.setTimeout(()=>{c.current=null,m(0)},e)}else m()},s.current.onPositionerPointerLeave=()=>{if(P.current=!1,n){let e=n.state?.closeDelay??C;c.current=window.setTimeout(()=>{c.current=null,m(0)},e)}else m()},s.current.onFocus=()=>{if(D.current){D.current=!1;return}v.current?.matches(":focus-visible")&&K(0,"focus")},s.current.onBlur=()=>{D.current=!1,document.hasFocus()&&m(0,"focus")},s.current.onDocumentPointerDown=e=>{L.current&&(b&&T.current?.contains(e.target)||(D.current=!0,m(0,"dismiss")))},s.current.onKeyDown=e=>{e.key==="Escape"&&L.current&&m(0,"dismiss")},t.useEffect(()=>{let e=v.current;if(!e||I)return;let r=()=>s.current.onTriggerPointerEnter(),u=()=>s.current.onTriggerPointerLeave(),f=()=>s.current.onFocus(),p=()=>s.current.onBlur(),w=g=>s.current.onKeyDown(g);return e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",u),e.addEventListener("focus",f),e.addEventListener("blur",p),e.addEventListener("keydown",w),()=>{e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",u),e.removeEventListener("focus",f),e.removeEventListener("blur",p),e.removeEventListener("keydown",w)}},[O,I]),t.useEffect(()=>{if(!o)return;let e=r=>s.current.onDocumentPointerDown(r);return document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[o]),t.useEffect(()=>{let e=T.current;if(!e||!o||!b)return;let r=()=>{P.current=!0,c.current&&(clearTimeout(c.current),c.current=null)},u=()=>s.current.onPositionerPointerLeave();return e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",u),()=>{e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",u),P.current=!1}},[S,o,b]),t.useEffect(()=>{o&&n&&n.notifyOpen(l,()=>h.current())},[o]),t.useEffect(()=>()=>E(),[]);let ee={open:o,rendered:J,anchorElement:O,positionerElement:S,popupElement:_,arrowElement:q,instantType:d},te={...d&&{"data-instant":d}},ne={"data-scope":"tooltip","data-part":"trigger",ref:Q,...o&&{"data-popup-open":""}},re={"data-scope":"tooltip","data-part":"positioner",ref:W,...o&&{"data-open":""}},oe={"data-scope":"tooltip","data-part":"popup",ref:Y,...o&&{"data-open":""},...d&&{"data-instant":""},"data-instant-type":d},se={"data-scope":"tooltip","data-part":"arrow",ref:X,...o&&{"data-open":""},...d&&{"data-instant":d}};return{state:ee,popupRef:M,rootProps:te,triggerProps:ne,positionerProps:re,popupProps:oe,arrowProps:se,setRendered:k,onOpenComplete:Z,onCloseComplete:$}}});export{U as defaultProps,me as useTooltip};
|
package/tooltip/useTooltip.d.ts
CHANGED
|
@@ -1,28 +1,47 @@
|
|
|
1
|
+
import type { InstantType } from '@primereact/types/headless/tooltip';
|
|
1
2
|
import * as React from 'react';
|
|
2
|
-
export declare const useTooltip: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/
|
|
3
|
+
export declare const useTooltip: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/tooltip").UseTooltipProps, unknown, {
|
|
3
4
|
state: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
open: boolean | undefined;
|
|
6
|
+
rendered: boolean;
|
|
7
|
+
anchorElement: HTMLElement | null;
|
|
8
|
+
positionerElement: HTMLDivElement | null;
|
|
9
|
+
popupElement: HTMLElement | null;
|
|
10
|
+
arrowElement: HTMLDivElement | null;
|
|
11
|
+
instantType: InstantType;
|
|
8
12
|
};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
13
|
+
popupRef: React.RefObject<HTMLElement | null>;
|
|
14
|
+
rootProps: {
|
|
15
|
+
'data-instant'?: "focus" | "dismiss" | "delay" | undefined;
|
|
16
|
+
};
|
|
17
|
+
triggerProps: {
|
|
18
|
+
'data-popup-open'?: "" | undefined;
|
|
19
|
+
'data-scope': "tooltip";
|
|
20
|
+
'data-part': "trigger";
|
|
21
|
+
ref: (node: HTMLElement | null) => void;
|
|
22
|
+
};
|
|
23
|
+
positionerProps: {
|
|
24
|
+
'data-open'?: "" | undefined;
|
|
25
|
+
'data-scope': "tooltip";
|
|
26
|
+
'data-part': "positioner";
|
|
27
|
+
ref: (node: HTMLDivElement | null) => void;
|
|
28
|
+
};
|
|
29
|
+
popupProps: {
|
|
30
|
+
'data-instant-type': InstantType;
|
|
31
|
+
'data-instant'?: "" | undefined;
|
|
32
|
+
'data-open'?: "" | undefined;
|
|
33
|
+
'data-scope': "tooltip";
|
|
34
|
+
'data-part': "popup";
|
|
35
|
+
ref: (node: HTMLElement | null) => void;
|
|
36
|
+
};
|
|
37
|
+
arrowProps: {
|
|
38
|
+
'data-instant'?: "focus" | "dismiss" | "delay" | undefined;
|
|
39
|
+
'data-open'?: "" | undefined;
|
|
40
|
+
'data-scope': "tooltip";
|
|
41
|
+
'data-part': "arrow";
|
|
42
|
+
ref: (node: HTMLDivElement | null) => void;
|
|
43
|
+
};
|
|
44
|
+
setRendered: React.Dispatch<React.SetStateAction<boolean>>;
|
|
45
|
+
onOpenComplete: () => void;
|
|
46
|
+
onCloseComplete: () => void;
|
|
28
47
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const defaultProps:
|
|
1
|
+
import type { UseTooltipProps } from '@primereact/types/headless/tooltip';
|
|
2
|
+
export declare const defaultProps: UseTooltipProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{withHeadless as m}from"@primereact/core/headless";import*as t from"react";var c={openDelay:void 0,closeDelay:void 0,timeout:400};var C=m({name:"useTooltipManager",defaultProps:c,setup:({props:a})=>{let{openDelay:l,closeDelay:u,timeout:s=400}=a,r=t.useRef(null),n=t.useRef(null),e=t.useRef({isInstantPhase:!1,lastClosedTooltipId:null,currentOpenTooltipId:null,openDelay:l,closeDelay:u});e.current.openDelay=l,e.current.closeDelay=u;let i=t.useCallback((o,d)=>{e.current.currentOpenTooltipId=o,n.current=d,r.current&&(clearTimeout(r.current),r.current=null)},[]),p=t.useCallback(o=>{e.current.currentOpenTooltipId===o&&(e.current.currentOpenTooltipId=null),n.current=null,e.current.lastClosedTooltipId=o,e.current.isInstantPhase=!0,r.current&&clearTimeout(r.current),r.current=window.setTimeout(()=>{e.current.isInstantPhase=!1,e.current.lastClosedTooltipId=null,r.current=null},s)},[s]),f=t.useCallback(()=>{n.current?.(),n.current=null},[]);return t.useEffect(()=>()=>{r.current&&clearTimeout(r.current)},[]),{state:e.current,notifyOpen:i,notifyClose:p,closeCurrentTooltip:f}}});export{c as defaultProps,C as useTooltipManager};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const useTooltipManager: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/tooltip").UseTooltipManagerProps, unknown, {
|
|
2
|
+
state: {
|
|
3
|
+
isInstantPhase: boolean;
|
|
4
|
+
lastClosedTooltipId: string | null;
|
|
5
|
+
currentOpenTooltipId: string | null;
|
|
6
|
+
openDelay: number | undefined;
|
|
7
|
+
closeDelay: number | undefined;
|
|
8
|
+
};
|
|
9
|
+
notifyOpen: (tooltipId: string, closeFn: () => void) => void;
|
|
10
|
+
notifyClose: (tooltipId: string) => void;
|
|
11
|
+
closeCurrentTooltip: () => void;
|
|
12
|
+
}>;
|
|
@@ -1,18 +1,26 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { TreeNodeData } from '@primereact/types/headless/tree';
|
|
2
|
+
/**
|
|
3
|
+
* Registered by the source tree at `startDrag`; the destination invokes it on a
|
|
4
|
+
* committed drop so the source can drop the node and fire its `onMove`.
|
|
5
|
+
*/
|
|
6
|
+
export type SourceCommitHandler = (originalEvent: React.DragEvent) => void;
|
|
2
7
|
type DragState = {
|
|
3
8
|
isDragging: boolean;
|
|
4
|
-
dragNode:
|
|
9
|
+
dragNode: TreeNodeData | null;
|
|
5
10
|
dragScope: string | string[] | null;
|
|
6
|
-
dragNodeSubNodes:
|
|
11
|
+
dragNodeSubNodes: TreeNodeData[] | null;
|
|
7
12
|
dragNodeIndex: number | null;
|
|
8
13
|
sourceTreeId: string | null;
|
|
14
|
+
/** Source-tree commit hook. Invoked by the destination tree on a successful drop. */
|
|
15
|
+
sourceCommit: SourceCommitHandler | null;
|
|
9
16
|
};
|
|
10
17
|
type DragEvent = {
|
|
11
|
-
node:
|
|
18
|
+
node: TreeNodeData;
|
|
12
19
|
scope?: string | string[] | null;
|
|
13
|
-
subNodes?:
|
|
20
|
+
subNodes?: TreeNodeData[];
|
|
14
21
|
index?: number;
|
|
15
22
|
sourceTreeId?: string;
|
|
23
|
+
sourceCommit?: SourceCommitHandler;
|
|
16
24
|
};
|
|
17
25
|
export declare const TreeDragDropService: {
|
|
18
26
|
getDragState(): DragState;
|
package/tree/index.d.ts
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
export * from './useTree';
|
|
2
2
|
export * from './useTree.props';
|
|
3
|
+
export * from './useTreeNode';
|
|
4
|
+
export * from './useTreeNode.props';
|
|
3
5
|
export * from './TreeDragDropService';
|
|
6
|
+
export * from './useTreeFlatten';
|
|
7
|
+
export * from './useTreeSelection';
|
|
8
|
+
export * from './useTreeKeyboard';
|
|
9
|
+
export * from './useTreeDragDrop';
|
|
10
|
+
export type * from '@primereact/types/headless/tree';
|
package/tree/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
var ve=Object.defineProperty,Ce=Object.defineProperties;var Me=Object.getOwnPropertyDescriptors;var Q=Object.getOwnPropertySymbols;var Re=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;var Z=(r,o,c)=>o in r?ve(r,o,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[o]=c,b=(r,o)=>{for(var c in o||(o={}))Re.call(o,c)&&Z(r,c,o[c]);if(Q)for(var c of Q(o))Le.call(o,c)&&Z(r,c,o[c]);return r},I=(r,o)=>Ce(r,Me(o));import{withHeadless as He}from"@primereact/core/headless";import{useControlledState as ee}from"@primereact/hooks/use-controlled-state";import{find as U,findSingle as Ie,focus as te,getAttribute as we,isPrintableCharacter as Ae}from"@primeuix/utils";import*as m from"react";var u={isDragging:!1,dragNode:null,dragScope:null,dragNodeSubNodes:null,dragNodeIndex:null,sourceTreeId:null},w=new Set,A=new Set,E={getDragState(){return u},startDrag(r){var o,c,S,D;u.isDragging=!0,u.dragNode=r.node,u.dragScope=(o=r.scope)!=null?o:null,u.dragNodeSubNodes=(c=r.subNodes)!=null?c:null,u.dragNodeIndex=(S=r.index)!=null?S:null,u.sourceTreeId=(D=r.sourceTreeId)!=null?D:null,w.forEach(C=>C(r))},stopDrag(r){u.isDragging=!1,u.dragNode=null,u.dragScope=null,u.dragNodeSubNodes=null,u.dragNodeIndex=null,u.sourceTreeId=null,A.forEach(o=>o(r))},onDragStart(r){return w.add(r),()=>w.delete(r)},onDragStop(r){return A.add(r),()=>A.delete(r)}};var $={value:[],expandedKeys:void 0,defaultExpandedKeys:void 0,selectionKeys:void 0,defaultSelectionKeys:void 0,selectionMode:void 0,metaKeySelection:!1,highlightOnSelect:!1,scrollHeight:void 0,draggableNodes:void 0,droppableNodes:void 0,draggableScope:void 0,droppableScope:void 0,validateDrop:!1,onExpandedChange:void 0,onSelectionChange:void 0,onToggle:void 0,onExpand:void 0,onCollapse:void 0,onClick:void 0,onSelect:void 0,onUnselect:void 0,onNodeDrop:void 0,onDragEnter:void 0,onDragLeave:void 0,onValueChange:void 0};var Ye=He({name:"useTree",defaultProps:$,setup({props:r,elementRef:o}){var q,G;let c=m.useRef((q=r.defaultExpandedKeys)!=null?q:{}),[S,D]=ee({value:r.expandedKeys,defaultValue:c.current,onChange:r.onExpandedChange}),C=m.useRef((G=r.defaultSelectionKeys)!=null?G:{}),[y,V]=ee({value:r.selectionKeys,defaultValue:C.current,onChange:r.onSelectionChange}),x=m.useRef(null),h=m.useRef(""),[ne,N]=m.useState(!1);m.useEffect(()=>{if(r.droppableNodes){let e=E.onDragStop(()=>{N(!1)});return()=>{e()}}},[r.droppableNodes]);let re={expandedKey:S,selectedKey:y,dragHover:ne},K=()=>r.value||[],le=(e,t,n,l,a)=>{if(!ye(e))return;let i=e.metaKey||e.ctrlKey;switch(e.code){case"Tab":se();break;case"ArrowDown":p(e);break;case"ArrowUp":ae(e);break;case"ArrowRight":oe(e,t,l,a);break;case"ArrowLeft":ie(e,t,n,l,a);break;case"Enter":case"NumpadEnter":case"Space":ce(e,t,l);break;default:!i&&Ae(e.key)&&be(e.key,t);break}},p=e=>{let t=e.target,n=t.getAttribute("data-pc-section")==="treetoggle"?t.closest('[role="treeitem"]'):t;if(!n)return;let l=n.children[1];if(l)T(n,l.children[0]);else if(n.nextElementSibling)T(n,n.nextElementSibling);else{let a=O(n);a&&T(n,a)}e.preventDefault()},ae=e=>{let t=e.target;if(t.previousElementSibling)T(t,t.previousElementSibling,W(t.previousElementSibling));else{let n=B(t);n&&T(t,n)}e.preventDefault()},oe=(e,t,n,l)=>{l||n||(e.currentTarget.tabIndex=-1,M(e,t),setTimeout(()=>{p(e)},0))},ie=(e,t,n,l,a)=>{if(n===0&&!l)return!1;if(l&&!a)return M(e,t),!1;let i=P(e.currentTarget);i&&T(e.currentTarget,i)},ce=(e,t,n)=>{ue(e,n),Y(e,t,!0),e.preventDefault()},se=()=>{de()},de=()=>{if(!o.current)return;let e=U(o.current,'[role="treeitem"]'),t=[...e].some(n=>n.getAttribute("aria-selected")==="true"||n.getAttribute("aria-checked")==="true");if([...e].forEach(n=>{n.tabIndex=-1}),t){let n=[...e].filter(l=>l.getAttribute("aria-selected")==="true"||l.getAttribute("aria-checked")==="true");n[0].tabIndex=0;return}[...e][0].tabIndex=0},ue=(e,t)=>{if(r.selectionMode!==null){let n=e.currentTarget.parentElement;if(!n)return;let l=[...U(n,'[role="treeitem"]')];e.currentTarget.tabIndex=t?-1:0,l.every(a=>a.tabIndex===-1)&&(l[0].tabIndex=0)}},T=(e,t,n)=>{e.tabIndex=-1,t.tabIndex=0,te(n||t)},P=e=>{let t=e.closest("ul");if(!t)return null;let n=t.closest("li");if(n){let l=Ie(n,"button");if(l&&l.style.visibility!=="hidden")return n;if(e.previousElementSibling)return P(e.previousElementSibling)}return null},O=e=>{let t=B(e);return t?t.nextElementSibling?t.nextElementSibling:O(t):null},W=e=>{let t=e.children[1];if(t){let n=t.children[t.children.length-1];return W(n)}else return e},B=e=>{let t=e.parentElement;if(!t)return null;let n=t.parentElement;return n&&we(n,"role")==="treeitem"?n:null},M=(e,t)=>{let n=S||{},l=t.key,a;n[l]?(a=b({},n),delete a[l],r.onCollapse&&r.onCollapse({originalEvent:e,node:t}),r.onToggle&&r.onToggle({originalEvent:e,node:t})):(a=I(b({},n),{[l]:!0}),r.onExpand&&r.onExpand({originalEvent:e,node:t}),r.onToggle&&r.onToggle({originalEvent:e,node:t})),D([a,{originalEvent:e,value:a}])},_=(e,t,n=!1)=>{if(r.selectionMode!=null){let a=(n?!1:r.metaKeySelection)?fe(e,t):ge(e,t);V([a,{originalEvent:e,value:a}]),r.onClick&&r.onClick({originalEvent:e,node:t})}},fe=(e,t)=>{let n=e.metaKey||e.ctrlKey,l=L(t),a={},i=y||{};return l&&n?(R()?a={}:(a=b({},i),delete a[t.key]),r.onUnselect&&r.onUnselect({originalEvent:e,node:t})):(R()?a={}:Ee()&&(a=n?b({},i):{}),a[t.key]=!0,r.onSelect&&r.onSelect({originalEvent:e,node:t})),a},ge=(e,t)=>{let n=L(t),l={},a=y||{},i=t.key;return R()?n?(l={},r.onUnselect&&r.onUnselect({originalEvent:e,node:t})):(l={[i]:!0},r.onSelect&&r.onSelect({originalEvent:e,node:t})):n?(l=b({},a),delete l[i],r.onUnselect&&r.onUnselect({originalEvent:e,node:t})):(l=I(b({},a),{[i]:!0}),r.onSelect&&r.onSelect({originalEvent:e,node:t})),l},R=()=>r.selectionMode==="single",Ee=()=>r.selectionMode==="multiple",X=()=>r.selectionMode==="checkbox",L=e=>{var n;return!r.selectionMode||!y?!1:X()?((n=y[e.key])==null?void 0:n.checked)===!0:y[e.key]===!0},Y=(e,t,n=!1)=>{X()?z(e,t):_(e,t,n)},z=(e,t)=>{var s;let l=b({},y||{}),a=t.key;if(!t)return;let f=!(((s=l[a])==null?void 0:s.checked)===!0);f?r.onUnselect&&r.onUnselect({originalEvent:e,node:t}):r.onSelect&&r.onSelect({originalEvent:e,node:t}),F(t,f,l);let g=H(K(),a);for(;g;)me(g,l),g=H(K(),g.key);V([l,{originalEvent:e,value:l}])},F=(e,t,n)=>{if(t&&e.selectable!==!1?n[e.key]={checked:!0,partialChecked:!1}:delete n[e.key],e.children&&e.children.length)for(let l of e.children)F(l,t,n)},me=(e,t)=>{var a,i;if(!e.children||e.children.length===0)return t;let n=0,l=!1;for(let f of e.children)(a=t[f.key])!=null&&a.checked?n++:(i=t[f.key])!=null&&i.partialChecked&&(l=!0);return n===e.children.length?t[e.key]={checked:!0,partialChecked:!1}:(delete t[e.key],(l||n>0&&n!==e.children.length)&&(t[e.key]={checked:!1,partialChecked:!0})),t},H=(e,t,n=null)=>{for(let l of e){if(l.key===t)return n;if(l.children){let a=H(l.children,t,l);if(a!==null)return a}}return null},be=(e,t)=>{var n,l;if(h.current=(h.current||"")+e,x.current&&clearTimeout(x.current),h.current){if(!o.current)return;let a=[...U(o.current,'[role="treeitem"]')],i=a.find(d=>d.getAttribute("data-node-key")===t.key);if(!i)return;let f=a.indexOf(i),g=h.current.toLowerCase(),s=null;for(let d=f+1;d<a.length;d++){let k=a[d];if((((n=k.textContent)==null?void 0:n.trim().toLowerCase())||"").startsWith(g)){s=k;break}}if(!s)for(let d=0;d<=f;d++){let k=a[d];if((((l=k.textContent)==null?void 0:l.trim().toLowerCase())||"").startsWith(g)){s=k;break}}s&&s!==i&&(a.forEach(d=>{d.tabIndex=-1}),s.tabIndex=0,te(s))}x.current=setTimeout(()=>{h.current="",x.current=null},500)},ye=e=>{let t=e.target,n=e.currentTarget;return n&&(n.isSameNode(t)||n.isSameNode(t.closest('[role="treeitem"]')))},Te=e=>{(e.code==="Enter"||e.code==="NumpadEnter")&&e.preventDefault()},Se=e=>{r.droppableNodes&&v()?e.dataTransfer.dropEffect="copy":e.dataTransfer.dropEffect="none",e.preventDefault()},he=e=>{let{dragNode:t,dragScope:n}=E.getDragState();r.droppableNodes&&v()&&(N(!0),r.onDragEnter&&r.onDragEnter({originalEvent:e,value:r.value||[],dragNode:t,dragNodeScope:n}))},Ne=e=>{if(r.droppableNodes){let t=e.currentTarget.getBoundingClientRect();if((e.clientX>=t.right||e.clientX<=t.left||e.clientY>=t.bottom||e.clientY<=t.top)&&(N(!1),r.onDragLeave)){let{dragNode:n,dragScope:l}=E.getDragState();r.onDragLeave({originalEvent:e,value:r.value||[],dragNode:n,dragNodeScope:l})}}},J=(e,t)=>{let{dragNodeSubNodes:n}=E.getDragState();n&&n.splice(t,1);let l=[...r.value||[],e];r.onValueChange&&r.onValueChange({value:l}),E.stopDrag({node:e})},ke=e=>{if(r.droppableNodes){e.preventDefault();let{dragNode:t,dragScope:n,dragNodeIndex:l}=E.getDragState();if(t&&v()){if(xe(n)){E.stopDrag({node:t}),N(!1);return}l!==null&&(r.validateDrop?r.onNodeDrop&&r.onNodeDrop({originalEvent:e,value:r.value||[],dragNode:t,dropNode:null,index:l,accept:()=>{J(t,l)}}):(r.onNodeDrop&&r.onNodeDrop({originalEvent:e,value:r.value||[],dragNode:t,dropNode:null,index:l}),J(t,l)))}}N(!1)},v=e=>{let{dragNode:t,dragScope:n}=E.getDragState();if(t)if(De(n)){let l=!0;return e&&t===e&&(l=!1),l}else return!1;else return!1},j=(e,t)=>{if(e===void 0&&t===void 0)return!0;if(e===void 0||t===void 0)return!1;if(typeof t=="string"){if(typeof e=="string")return e===t;if(Array.isArray(e))return e.indexOf(t)!==-1}else if(Array.isArray(t)){if(typeof e=="string")return t.indexOf(e)!==-1;if(Array.isArray(e)){for(let n of e)if(t.indexOf(n)!==-1)return!0;return!1}}return!1},De=e=>r.droppableScope===void 0?!0:j(e,r.droppableScope),xe=e=>j(e,r.draggableScope);return{state:re,getNodes:K,onKeyDown:le,onNodeToggle:M,onNodeClick:_,onClick:Y,onCheckboxChange:z,isNodeSelected:L,onFilterKeyUp:Te,onDragOver:Se,onDragEnter:he,onDragLeave:Ne,onDrop:ke,allowDrop:v,findNodeInfo:e=>{let t=1,n=0,l=0,a=(f,g)=>{for(let s=0;s<f.length;s++){let d=f[s];if(d.key===e)return t=g,n=s+1,l=f.length,!0;if(d.children&&a(d.children,g+1))return!0}return!1},i=K();return a(i,1),{level:t,posInSet:n,setSize:l}}}}});export{E as TreeDragDropService,$ as defaultProps,Ye as useTree};
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as Ue}from"@primereact/core/headless";import{useControlledState as Ee}from"@primereact/hooks/use-controlled-state";import*as M from"react";var pe={value:void 0,expandedKeys:void 0,defaultExpandedKeys:void 0,selectionKeys:void 0,defaultSelectionKeys:void 0,selectionMode:void 0,metaKeySelection:!1,highlightOnSelect:!1,draggable:void 0,droppable:void 0,draggableScope:void 0,droppableScope:void 0,onExpandedChange:void 0,onSelectionChange:void 0,onToggle:void 0,onExpand:void 0,onCollapse:void 0,onClick:void 0,onSelect:void 0,onUnselect:void 0,onMove:void 0,validateMove:void 0,onFocusedKeyChange:void 0,loading:!1};import*as ne from"react";var V={isDragging:!1,dragNode:null,dragScope:null,dragNodeSubNodes:null,dragNodeIndex:null,sourceTreeId:null,sourceCommit:null},le=new Set,ie=new Set,A={getDragState(){return V},startDrag(e){V.isDragging=!0,V.dragNode=e.node,V.dragScope=e.scope??null,V.dragNodeSubNodes=e.subNodes??null,V.dragNodeIndex=e.index??null,V.sourceTreeId=e.sourceTreeId??null,V.sourceCommit=e.sourceCommit??null,le.forEach(t=>t(e))},stopDrag(e){V.isDragging=!1,V.dragNode=null,V.dragScope=null,V.dragNodeSubNodes=null,V.dragNodeIndex=null,V.sourceTreeId=null,V.sourceCommit=null,ie.forEach(t=>t(e))},onDragStart(e){return le.add(e),()=>le.delete(e)},onDragStop(e){return ie.add(e),()=>ie.delete(e)}};function Te(e,t){if(e.key===t)return!0;if(!e.children||e.children.length===0)return!1;for(let c of e.children)if(Te(c,t))return!0;return!1}function ye({props:e,setDragHoverState:t}){ne.useEffect(()=>{if(!e.droppable)return;let s=A.onDragStop(()=>{t(!1)});return()=>{s()}},[e.droppable,t]);let c=ne.useCallback(s=>{let{dragNode:i,dragScope:k}=A.getDragState();return!(!i||!Pe(k,e.droppableScope)||s&&i===s)},[e.droppableScope]),a=s=>{e.droppable&&c()?s.dataTransfer.dropEffect="copy":s.dataTransfer.dropEffect="none",s.preventDefault()},p=()=>{e.droppable&&c()&&t(!0)},P=s=>{if(!e.droppable)return;let i=s.currentTarget.getBoundingClientRect();(s.clientX>=i.right||s.clientX<=i.left||s.clientY>=i.bottom||s.clientY<=i.top)&&t(!1)},C=(s,i,k)=>{let{sourceCommit:U}=A.getDragState(),B=e.value||[],I=B.some(L=>Te(L,i.key)),W=[...B,i],w={originalEvent:s,value:W,dragNode:i,dropNode:null,dropIndex:W.length-1,dropPosition:"inside"},z=()=>{e.onMove?.(w),U&&!I&&U(s),A.stopDrag({node:i})};if(e.validateMove){let L=e.validateMove(w);if(L instanceof Promise){L.then(l=>{l?z():A.stopDrag({node:i})});return}if(!L){A.stopDrag({node:i});return}}z()};return{allowDrop:c,onDragOver:a,onDragEnter:p,onDragLeave:P,onDrop:s=>{if(!e.droppable){t(!1);return}s.preventDefault();let{dragNode:i,dragScope:k,dragNodeIndex:U}=A.getDragState();if(i&&c()){if(Ie(k,e.draggableScope)){A.stopDrag({node:i}),t(!1);return}U!==null&&C(s,i,U)}t(!1)}}}function he(e,t){if(e==null&&t==null)return!0;if(e==null||t==null)return!1;if(typeof t=="string"){if(typeof e=="string")return e===t;if(Array.isArray(e))return e.indexOf(t)!==-1}else if(Array.isArray(t)){if(typeof e=="string")return t.indexOf(e)!==-1;if(Array.isArray(e)){for(let c of e)if(t.indexOf(c)!==-1)return!0;return!1}}return!1}function Pe(e,t){return t==null?!0:he(e,t)}function Ie(e,t){return he(e,t)}function de(e,t,c,a,p,P){return{originalEvent:e,value:t,dragNode:c,dropNode:a,dropIndex:p,dropPosition:P}}import*as ue from"react";function me(e){return ue.useMemo(()=>{let t=new Map,c=[],a=(p,P,C)=>{for(let T=0;T<p.length;T++){let s=p[T];t.set(s.key,{node:s,parentKey:P,level:C,posInSet:T+1,setSize:p.length}),c.push(s.key),s.children?.length&&a(s.children,s.key,C+1)}};return a(e??[],null,1),{nodeMap:t,flatOrder:c}},[e])}function De(e,t){return ue.useMemo(()=>{let c=[],a=t??{},p=P=>{for(let C of P)c.push(C.key),a[C.key]===!0&&C.children?.length&&p(C.children)};return p(e??[]),c},[e,t])}import{focus as be,isPrintableCharacter as we}from"@primeuix/utils";import*as Z from"react";var fe=500;function Ne({props:e,elementRef:t,visibleKeys:c,findNodeByKey:a,onNodeToggle:p,onClick:P,setFocusedKey:C}){let T=Z.useRef(null),s=Z.useRef("");Z.useEffect(()=>()=>{T.current&&(clearTimeout(T.current),T.current=null)},[]);let i=l=>{if(!t.current)return;let f=t.current.querySelector(`[role="treeitem"][data-node-key="${CSS.escape(l)}"]`);if(!f)return;t.current.querySelectorAll('[role="treeitem"]').forEach(O=>{O.tabIndex=-1}),f.tabIndex=0,be(f)},k=(l,f)=>{let N=c[l]??f??null;N&&(C(N),i(N))},U=l=>{let f=c.indexOf(l);f===-1||f>=c.length-1||k(f+1)},B=l=>{let f=c.indexOf(l);f<=0||k(f-1)},I=()=>{c.length>0&&k(0)},W=()=>{c.length>0&&k(c.length-1)},w=(l,f)=>{if(s.current=(s.current||"")+l,T.current&&clearTimeout(T.current),!t.current){T.current=setTimeout(()=>{s.current="",T.current=null},fe);return}let N=Array.from(t.current.querySelectorAll('[role="treeitem"]')),O=N.find(b=>b.getAttribute("data-node-key")===f.key);if(!O){T.current=setTimeout(()=>{s.current="",T.current=null},fe);return}let F=N.indexOf(O),S=s.current.toLowerCase(),E=null;for(let b=F+1;b<N.length;b++){let D=N[b];if((D.textContent?.trim().toLowerCase()||"").startsWith(S)){E=D;break}}if(!E)for(let b=0;b<=F;b++){let D=N[b];if((D.textContent?.trim().toLowerCase()||"").startsWith(S)){E=D;break}}if(E&&E!==O){let b=E.getAttribute("data-node-key");b&&(C(b),N.forEach(D=>{D.tabIndex=-1}),E.tabIndex=0,be(E))}T.current=setTimeout(()=>{s.current="",T.current=null},fe)};return{onKeyDown:(l,f,N,O,F)=>{let S=l.target,E=l.currentTarget;if(!E||!E.isSameNode(S)&&!E.isSameNode(S.closest('[role="treeitem"]')))return;let b=l.metaKey||l.ctrlKey;switch(l.code){case"ArrowDown":l.preventDefault(),U(f.key);break;case"ArrowUp":l.preventDefault(),B(f.key);break;case"ArrowRight":l.preventDefault(),!F&&!O?p(l,f):!F&&O&&U(f.key);break;case"ArrowLeft":if(l.preventDefault(),!F&&O)p(l,f);else{let D=c.indexOf(f.key);for(let r=D-1;r>=0;r--){let n=c[r];if(a(n)?.children?.length){C(n),i(n);break}}}break;case"Home":l.preventDefault(),I();break;case"End":l.preventDefault(),W();break;case"Enter":case"NumpadEnter":case"Space":l.preventDefault(),P(l,f,!0);break;default:!b&&we(l.key)&&w(l.key,f);break}},onFilterKeyUp:l=>{(l.code==="Enter"||l.code==="NumpadEnter")&&l.preventDefault()}}}import*as j from"react";function Se({props:e,selectionKeysState:t,setSelectionKeysState:c,getNodes:a,getVisibleKeys:p}){let P=()=>e.selectionMode==="single",C=()=>e.selectionMode==="multiple",T=()=>e.selectionMode==="checkbox",s=j.useCallback(r=>!e.selectionMode||!t?!1:T()?t[r.key]?.checked===!0:t[r.key]===!0,[e.selectionMode,t]),i=(r,n)=>{e.onSelect?.({originalEvent:r,node:n})},k=(r,n)=>{e.onUnselect?.({originalEvent:r,node:n})},U=(r,n)=>{let d=r.metaKey||r.ctrlKey,u=s(n),h=t||{},R={};return u&&d?(P()?R={}:(R={...h},delete R[n.key]),k(r,n)):(P()?R={}:C()&&(R=d?{...h}:{}),R[n.key]=!0,i(r,n)),R},B=(r,n)=>{let d=s(n),u=t||{},h=n.key,R={};return P()?d?(R={},k(r,n)):(R={[h]:!0},i(r,n)):d?(R={...u},delete R[h],k(r,n)):(R={...u,[h]:!0},i(r,n)),R},I=(r,n,d=!1)=>{if(e.selectionMode==null||n.disabled===!0)return;let h=(d?!1:e.metaKeySelection)?U(r,n):B(r,n);c([h,{originalEvent:r,value:h}]),e.onClick?.({originalEvent:r,node:n})},W=(r,n,d)=>{if(n&&r.disabled!==!0?d[r.key]={checked:!0,partialChecked:!1}:delete d[r.key],r.children?.length)for(let u of r.children)W(u,n,d)},w=(r,n)=>{if(!r.children||r.children.length===0)return n;let d=0,u=!1;for(let h of r.children)n[h.key]?.checked?d++:n[h.key]?.partialChecked&&(u=!0);return d===r.children.length?n[r.key]={checked:!0,partialChecked:!1}:(delete n[r.key],(u||d>0&&d!==r.children.length)&&(n[r.key]={checked:!1,partialChecked:!0})),n},z=(r,n,d=null)=>{for(let u of r){if(u.key===n)return d;if(u.children){let h=z(u.children,n,u);if(h!==null)return h}}return null},L=(r,n)=>{if(!n||n.disabled===!0)return;let u={...t||{}},h=n.key,$=!(u[h]?.checked===!0);$?i(r,n):k(r,n),W(n,$,u);let X=z(a(),h);for(;X;)w(X,u),X=z(a(),X.key);c([u,{originalEvent:r,value:u}])},l=(r,n,d=!1)=>{T()?L(r,n):I(r,n,d)},f=(r,n)=>{c([r,{originalEvent:n??{},value:r}])},N=j.useCallback(r=>t?T()?t[r]?.checked===!0:t[r]===!0:!1,[e.selectionMode,t]),O=j.useCallback(r=>!t||!T()?!1:t[r]?.partialChecked===!0,[e.selectionMode,t]),F=j.useMemo(()=>{let r=p();if(r.length===0||!t)return{all:!1,some:!1};let n=0;for(let d of r){let u=t[d];(T()?u?.checked===!0:u===!0)&&n++}return{all:n===r.length,some:n>0&&n<r.length}},[p,t,e.selectionMode]),S=j.useCallback(()=>F.all,[F]),E=j.useCallback(()=>F.some,[F]),b=j.useCallback((r,n,d)=>{let u=a().length>0?ke(a(),n):void 0;u&&(d==="checkbox"?L(r,u):d==="radio"?N(n)||f({[n]:!0},r):I(r,u,!0))},[a,N]),D=j.useCallback(r=>{let n=p(),d=S(),u={};if(!d)for(let h of n)u[h]=T()?{checked:!0,partialChecked:!1}:!0;f(u,r)},[p,S,e.selectionMode]);return{isNodeSelected:s,onNodeClick:I,onCheckboxChange:L,onClick:l,setSelectionKeys:f,isSelected:N,isPartiallySelected:O,isAllSelected:S,isSomeSelected:E,toggleSelection:b,toggleAll:D}}function ke(e,t){for(let c of e){if(c.key===t)return c;if(c.children){let a=ke(c.children,t);if(a)return a}}}var et=Ue({name:"useTree",defaultProps:pe,setup({props:e,elementRef:t,id:c}){let a=M.useRef(e.defaultExpandedKeys??{}),[p,P]=Ee({value:e.expandedKeys,defaultValue:a.current,onChange:e.onExpandedChange}),C=M.useRef(e.defaultSelectionKeys??{}),[T,s]=Ee({value:e.selectionKeys,defaultValue:C.current,onChange:e.onSelectionChange}),[i,k]=M.useState(null),[U,B]=M.useState(!1),{nodeMap:I,flatOrder:W}=me(e.value),w=De(e.value,p),z=w.length,L=M.useCallback(x=>I.get(x)?.node,[I]),l=M.useCallback(x=>{let K=I.get(x);return K?{level:K.level,posInSet:K.posInSet,setSize:K.setSize,parentKey:K.parentKey}:{level:1,posInSet:1,setSize:1,parentKey:null}},[I]),f=M.useCallback(()=>e.value||[],[e.value]);M.useEffect(()=>{i===null&&w.length>0?k(w[0]):i&&!I.has(i)&&k(w[0]??null)},[w,i,I]);let N=M.useCallback(x=>{k(x),e.onFocusedKeyChange?.({value:x})},[e]),O=M.useRef(w);O.current=w;let F=M.useCallback(()=>O.current,[]),S=Se({props:e,selectionKeysState:T,setSelectionKeysState:s,getNodes:f,getVisibleKeys:F}),E=(x,K)=>{if(K.disabled===!0)return;let q=p||{},Y=K.key,_;q[Y]?(_={...q},delete _[Y],e.onCollapse?.({originalEvent:x,node:K}),e.onToggle?.({originalEvent:x,node:K})):(_={...q,[Y]:!0},e.onExpand?.({originalEvent:x,node:K}),e.onToggle?.({originalEvent:x,node:K})),P([_,{originalEvent:x,value:_}])},b=Ne({props:e,elementRef:t,visibleKeys:w,findNodeByKey:L,onNodeToggle:E,onClick:S.onClick,setFocusedKey:N}),D=ye({props:e,setDragHoverState:B,getNodes:f}),r={expandedKeys:p,selectionKeys:T,focusedKey:i,dragHover:U},n={id:c,"data-scope":"tree","data-part":"root",...U&&{"data-dragover":""},onDragOver:D.onDragOver,onDragEnter:D.onDragEnter,onDragLeave:D.onDragLeave,onDrop:D.onDrop},d={"data-scope":"tree","data-part":"filter",autoComplete:"off",onKeyUp:b.onFilterKeyUp},u={"data-scope":"tree","data-part":"loading",role:"status","aria-live":"polite"},h=M.useCallback(x=>{let K=x?.key,q=K?(p||{})[K]===!0:!1,Y=_=>{_.stopPropagation(),E(_,x)};return{"data-scope":"tree","data-part":"toggle",[q?"data-expanded":"data-collapsed"]:"",type:"button",tabIndex:-1,onClick:Y}},[p]),R=M.useCallback(()=>({"data-scope":"tree","data-part":"toggle-spacer","aria-hidden":!0}),[]),$=M.useCallback(()=>({"data-scope":"tree","data-part":"toggle-indicator","aria-hidden":!0}),[]),X=M.useCallback((x,K,q,Y,_,J,ae,se)=>{let te=i===x?.key,ce=ge=>b.onKeyDown(ge,x,K,q,J),re=e.selectionMode==="checkbox";return{role:"treeitem",tabIndex:te?0:-1,"aria-level":K,"aria-setsize":se,"aria-posinset":ae,"aria-expanded":J?void 0:q,"aria-selected":e.selectionMode==="single"||e.selectionMode==="multiple"?!!_:void 0,"aria-checked":re?Y:void 0,"data-scope":"tree","data-part":"node","data-node-key":x?.key,...!J&&{[q?"data-expanded":"data-collapsed"]:""},...(re?Y:_)&&{"data-selected":""},...J&&{"data-leaf":""},...x?.disabled===!0&&{"data-disabled":""},...te&&{"data-focused":""},onKeyDown:ce}},[b,e.selectionMode,i]),oe=M.useCallback(()=>({"data-scope":"tree","data-part":"nodes",role:"tree"}),[]);return{state:r,nodeMap:I,flatOrder:W,visibleKeys:w,visibleCount:z,findNodeByKey:L,findNodeInfo:l,getNodes:f,setFocusedKey:N,setSelectionKeys:S.setSelectionKeys,onKeyDown:b.onKeyDown,onNodeToggle:E,onNodeClick:S.onNodeClick,onClick:S.onClick,onCheckboxChange:S.onCheckboxChange,isNodeSelected:S.isNodeSelected,selection:{isSelected:S.isSelected,isPartiallySelected:S.isPartiallySelected,isAllSelected:S.isAllSelected,isSomeSelected:S.isSomeSelected,toggleSelection:S.toggleSelection,toggleAll:S.toggleAll},onFilterKeyUp:b.onFilterKeyUp,onDragOver:D.onDragOver,onDragEnter:D.onDragEnter,onDragLeave:D.onDragLeave,onDrop:D.onDrop,allowDrop:D.allowDrop,rootProps:n,getToggleProps:h,getToggleSpacerProps:R,getToggleIndicatorProps:$,getNodeProps:X,filterProps:d,loadingProps:u,getNodesProps:oe}}});import{withHeadless as Ae}from"@primereact/core/headless";import{getOuterHeight as He,getOuterWidth as Le}from"@primeuix/utils";import*as ee from"react";var xe={node:void 0,index:void 0,context:void 0,parentContext:void 0,onMove:void 0};function ve(e,t){if(e.key===t)return!0;if(!e.children||e.children.length===0)return!1;for(let c of e.children)if(ve(c,t))return!0;return!1}var lt=Ae({name:"useTreeNode",defaultProps:xe,setup({props:e}){let t=e.context,c=e.parentContext,a=e.node,p=a?.key,P=p?t?.state?.expandedKeys?.[p]===!0:!1,C=a?t?.isNodeSelected(a)??!1:!1,T=a?a.leaf??(!a.children||a.children.length===0):!0,s=!1,i=!1;if(t?.props.selectionMode==="checkbox"&&p&&t?.state?.selectionKeys){let o=t.state.selectionKeys;s=o[p]?.checked===!0,i=o[p]?.partialChecked===!0}let k=1,U=1,B=1;if(t&&p){let o=t.findNodeInfo(p);k=o.level,U=o.posInSet,B=o.setSize}else if(e.index!==void 0){let o=c?.node;B=(o?o.children:t?.getNodes())?.length||0,U=e.index+1}let[I,W]=ee.useState(!1),[w,z]=ee.useState(!1),[L,l]=ee.useState(!1),[f,N]=ee.useState(!1),F=c?.node?.children||t?.getNodes()||[],S=t?.props.draggable===!0,E=a?.draggable!==!1&&S,b=A.getDragState(),D=t?.props.droppable&&t?.allowDrop?.(a),r=a?.droppable!==!1&&D,n=w&&D,d=L&&D,u=f&&r,h=n?"before":d?"after":"inside",R=(o,m)=>o.reduce((g,y)=>{if(y.key===m.key)return g;if(y.children&&y.children.length>0){let H=R(y.children,m);g.push({...y,children:H})}else g.push(y);return g},[]),$=(o,m,g,y)=>{let H=o.findIndex(v=>v.key===m);if(H!==-1){let v=[...o];return v.splice(H+y,0,g),v}return o.map(v=>v.children&&v.children.length>0?{...v,children:$(v.children,m,g,y)}:v)},X=(o,m,g)=>o.map(y=>y.key===m?{...y,children:[...y.children||[],g]}:y.children&&y.children.length>0?{...y,children:X(y.children,m,g)}:y),oe=()=>{let o=b.dragNode,m=t?.getNodes()||[];if(!a||!o)return null;let g=R(m,o);return h==="before"?g=$(g,a.key,o,0):h==="after"?g=$(g,a.key,o,1):g=X(g,a.key,o),{updated:g,dropIndex:e.index??0}},x=o=>{if(!E){o.preventDefault();return}o.stopPropagation(),o.dataTransfer.effectAllowed="all",o.dataTransfer.setData("text","data");let m=o.currentTarget,g=m.cloneNode(!0),y=g.querySelector('[data-part="toggle"]');m.setAttribute("data-dragging","true"),g.style.width=Le(m)+"px",g.style.height=He(m)+"px",g.setAttribute("data-part","drag-image"),y&&(y.style.visibility="hidden"),document.body.appendChild(g),o.dataTransfer.setDragImage(g,0,0),setTimeout(()=>document.body.removeChild(g),0);let H=t?.getNodes()??[],v=G=>{if(!a)return;let Q=R(H,a);t?.props.onMove?.({originalEvent:G,value:Q,dragNode:a,dropNode:null,dropIndex:-1,dropPosition:"inside"})};A.startDrag({node:a,subNodes:F,index:e.index,scope:t?.props.draggableScope,sourceCommit:v})},K=o=>{if(D){o.dataTransfer.dropEffect="copy";let g=o.currentTarget.getBoundingClientRect(),y=o.clientY-g.top,H=y<g.height*.25,v=y>g.height*.75,G=!H&&!v&&!!r;H!==w&&z(H),v!==L&&l(v),G!==f&&N(G)}else o.dataTransfer.dropEffect="none";t?.props.droppable&&(o.preventDefault(),o.stopPropagation())},q=()=>{},Y=()=>{z(!1),l(!1),N(!1)},_=o=>{o.stopPropagation(),o.currentTarget?.removeAttribute("data-dragging"),A.stopDrag({node:a})},J=(o,m,g)=>{let y=de(o,g,m,a,e.index??0,h),{sourceCommit:H}=A.getDragState(),v=(t?.getNodes()??[]).some(G=>ve(G,m.key));e.onMove?.(y),t?.props.onMove?.(y),H&&!v&&H(o)},ae=o=>{if(!D)return;o.preventDefault(),o.stopPropagation();let m=b.dragNode;if(!(h!=="inside"||r)||!m){z(!1),l(!1),N(!1);return}let y=t?.props.validateMove,H=oe();if(!H){A.stopDrag({node:m});return}let v=()=>{J(o,m,H.updated),A.stopDrag({node:m})};if(y){let G=de(o,H.updated,m,a,e.index??0,h),Q=y(G);Q instanceof Promise?Q.then(Me=>{Me?v():A.stopDrag({node:m})}):Q?v():A.stopDrag({node:m})}else v();z(!1),l(!1),N(!1)},se=o=>{t&&a&&a.disabled!==!0&&(t.onClick(o,a,I),I&&W(!1))},te=()=>{W(!0)},ce={expanded:P,selected:C,checked:s,partialChecked:i,leaf:T,level:k,posInSet:U,setSize:B,isNodeDropActive:!!u,isPrevDropPointActive:!!n,isNextDropPointActive:!!d,isDraggable:!!E,nodeTouched:I},re=t?.getNodeProps(a,k,P,s,C,T,U,B),Ce=t?.props.selectionMode==="checkbox"?s:C,Re=!!(t?.props.selectionMode&&a?.disabled!==!0),Ke={"data-scope":"tree","data-part":"content",draggable:!!E,...Ce&&{"data-selected":""},...Re&&{"data-selectable":""},...!T&&{[P?"data-expanded":"data-collapsed"]:""},...T&&{"data-leaf":""},...s&&{"data-checked":""},...i&&{"data-partial-checked":""},...a?.disabled===!0&&{"data-disabled":""},...u&&{"data-dragover":""},onDragStart:x,onDragOver:K,onDragEnter:q,onDragLeave:Y,onDragEnd:_,onDrop:ae,onClick:se,onTouchEnd:te};return{state:ce,parentNode:c,nodeProps:re,contentProps:Ke,dropPointProps:{"data-scope":"tree","data-part":"drop-point","aria-hidden":!0}}}});export{A as TreeDragDropService,de as buildMoveEvent,pe as defaultProps,xe as defaultTreeNodeProps,et as useTree,Ne as useTreeKeyboard,lt as useTreeNode,me as useTreeNodeMap,ye as useTreeRootDragDrop,Se as useTreeSelection,De as useTreeVisibleKeys};
|