primereact 10.3.1 → 10.3.3
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/accordion/accordion.cjs.js +14 -13
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +7 -6
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +14 -13
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +20 -0
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +6 -2
- package/api/api.esm.js +20 -0
- package/api/api.esm.min.js +1 -1
- package/api/api.js +20 -0
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +21 -19
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +4 -2
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +21 -19
- package/autocomplete/autocomplete.min.js +1 -1
- package/avatar/avatar.cjs.js +6 -4
- package/avatar/avatar.cjs.min.js +1 -1
- package/avatar/avatar.esm.js +3 -1
- package/avatar/avatar.esm.min.js +1 -1
- package/avatar/avatar.js +7 -6
- package/avatar/avatar.min.js +1 -1
- package/avatargroup/avatargroup.cjs.js +3 -1
- package/avatargroup/avatargroup.cjs.min.js +1 -1
- package/avatargroup/avatargroup.esm.js +3 -1
- package/avatargroup/avatargroup.esm.min.js +1 -1
- package/avatargroup/avatargroup.js +4 -3
- package/avatargroup/avatargroup.min.js +1 -1
- package/badge/badge.cjs.js +3 -1
- package/badge/badge.cjs.min.js +1 -1
- package/badge/badge.esm.js +3 -1
- package/badge/badge.esm.min.js +1 -1
- package/badge/badge.js +4 -3
- package/badge/badge.min.js +1 -1
- package/blockui/blockui.cjs.js +3 -2
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -2
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +3 -2
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +12 -11
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +3 -2
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +12 -11
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +9 -6
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +4 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +10 -8
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +571 -211
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +4 -0
- package/calendar/calendar.esm.js +506 -146
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +571 -211
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +11 -9
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +4 -2
- package/card/card.esm.min.js +1 -1
- package/card/card.js +10 -9
- package/card/card.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +19 -17
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +5 -3
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +19 -17
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +4 -3
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +3 -2
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +5 -4
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +6 -5
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +3 -2
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +6 -5
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +8 -6
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +4 -2
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +9 -8
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +8 -7
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +3 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +8 -7
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +9 -8
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +9 -8
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +13 -42
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +14 -43
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +13 -42
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +13 -6
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +11 -4
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +13 -6
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +10 -9
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +4 -3
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +10 -9
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +17 -15
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +8 -6
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +17 -15
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +568 -212
- package/core/core.min.js +16 -16
- package/datascroller/datascroller.cjs.js +8 -7
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +3 -2
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +8 -7
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +138 -122
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +44 -28
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +138 -122
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +27 -25
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.d.ts +6 -0
- package/dataview/dataview.esm.js +27 -25
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +27 -25
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +3 -3
- package/deferredcontent/deferredcontent.cjs.min.js +1 -1
- package/deferredcontent/deferredcontent.esm.js +3 -3
- package/deferredcontent/deferredcontent.esm.min.js +1 -1
- package/deferredcontent/deferredcontent.js +4 -3
- package/deferredcontent/deferredcontent.min.js +1 -1
- package/dialog/dialog.cjs.js +14 -13
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +4 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +14 -13
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +6 -4
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +4 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +5 -4
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +10 -9
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +3 -2
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +10 -9
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +41 -33
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +16 -8
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +41 -33
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +8 -7
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +4 -3
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +8 -7
- package/editor/editor.min.js +1 -1
- package/fieldset/fieldset.cjs.js +9 -8
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +3 -2
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +9 -8
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +25 -24
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +5 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +26 -26
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +12 -11
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +3 -2
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +13 -12
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +43 -22
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +4 -0
- package/hooks/hooks.esm.js +45 -25
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +43 -22
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +27 -44
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +8 -25
- package/image/image.esm.min.js +1 -1
- package/image/image.js +27 -44
- package/image/image.min.js +1 -1
- package/inplace/inplace.cjs.js +5 -4
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +3 -2
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +5 -4
- package/inplace/inplace.min.js +1 -1
- package/inputmask/inputmask.cjs.js +15 -6
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +15 -6
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +15 -6
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +21 -7
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +17 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +21 -7
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +5 -4
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +3 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +5 -4
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +3 -1
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +3 -1
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +4 -3
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +3 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +3 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +4 -3
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/knob/knob.cjs.js +7 -6
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +3 -2
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +8 -7
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +17 -13
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +9 -5
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +17 -13
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +27 -26
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +6 -5
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +27 -26
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +133 -54
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.d.ts +4 -0
- package/mention/mention.esm.js +128 -49
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +133 -54
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +16 -16
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +8 -8
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +16 -16
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +19 -17
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +8 -6
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +19 -17
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +5 -3
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +3 -1
- package/message/message.esm.min.js +1 -1
- package/message/message.js +6 -5
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +4 -3
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +2 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +5 -4
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +43 -38
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +9 -4
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +44 -39
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +5 -4
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +3 -2
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +5 -4
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +20 -17
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +1 -1
- package/orderlist/orderlist.esm.js +5 -2
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +20 -17
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +22 -19
- package/organizationchart/organizationchart.cjs.min.js +1 -1
- package/organizationchart/organizationchart.esm.js +5 -2
- package/organizationchart/organizationchart.esm.min.js +1 -1
- package/organizationchart/organizationchart.js +21 -19
- package/organizationchart/organizationchart.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +7 -6
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +4 -3
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +7 -6
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +291 -21
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +285 -15
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +291 -21
- package/paginator/paginator.min.js +1 -1
- package/panel/panel.cjs.js +11 -10
- package/panel/panel.cjs.min.js +1 -1
- package/panel/panel.esm.js +3 -2
- package/panel/panel.esm.min.js +1 -1
- package/panel/panel.js +11 -10
- package/panel/panel.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +38 -33
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +19 -14
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +38 -33
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.cjs.js +5 -3
- package/passthrough/index.cjs.min.js +1 -1
- package/passthrough/index.d.ts +1 -0
- package/passthrough/index.esm.js +5 -3
- package/passthrough/index.esm.min.js +1 -1
- package/passthrough/index.js +5 -3
- package/passthrough/index.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +245 -238
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +245 -238
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +245 -238
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +11 -10
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +4 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +11 -10
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +36 -11
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +1 -1
- package/picklist/picklist.esm.js +27 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +36 -11
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1281 -461
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1280 -462
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1281 -461
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +8 -6
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +3 -1
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +9 -8
- package/progressbar/progressbar.min.js +1 -1
- package/progressspinner/progressspinner.cjs.js +5 -3
- package/progressspinner/progressspinner.cjs.min.js +1 -1
- package/progressspinner/progressspinner.esm.js +3 -1
- package/progressspinner/progressspinner.esm.min.js +1 -1
- package/progressspinner/progressspinner.js +6 -5
- package/progressspinner/progressspinner.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +6 -5
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +3 -2
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +6 -5
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +9 -7
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +4 -2
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +9 -8
- package/rating/rating.min.js +1 -1
- package/ripple/ripple.cjs.js +2 -1
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +3 -2
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +2 -1
- package/ripple/ripple.min.js +1 -1
- package/row/row.cjs.js +4 -2
- package/row/row.cjs.min.js +1 -1
- package/row/row.esm.js +4 -2
- package/row/row.esm.min.js +1 -1
- package/row/row.js +4 -3
- package/row/row.min.js +1 -1
- package/scrollpanel/scrollpanel.cjs.js +7 -6
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +3 -2
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +8 -7
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +4 -3
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +3 -2
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +4 -3
- package/scrolltop/scrolltop.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +6 -3
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +4 -1
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +7 -5
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +10 -9
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +4 -3
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +10 -9
- package/sidebar/sidebar.min.js +1 -1
- package/skeleton/skeleton.cjs.js +3 -1
- package/skeleton/skeleton.cjs.min.js +1 -1
- package/skeleton/skeleton.esm.js +3 -1
- package/skeleton/skeleton.esm.min.js +1 -1
- package/skeleton/skeleton.js +4 -3
- package/skeleton/skeleton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +17 -15
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +5 -3
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +17 -15
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +5 -4
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +3 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +5 -4
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +9 -8
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +4 -3
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +9 -8
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +21 -18
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +11 -8
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +21 -18
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +5 -4
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +3 -2
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +5 -4
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +8 -7
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +3 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +8 -7
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +8 -7
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +3 -2
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +8 -7
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +17 -15
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +4 -2
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +17 -15
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +5 -3
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +3 -1
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +6 -5
- package/tag/tag.min.js +1 -1
- package/terminal/terminal.cjs.js +11 -9
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +3 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +12 -11
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +17 -15
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +9 -7
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +17 -15
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +10 -8
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +3 -1
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +10 -9
- package/timeline/timeline.min.js +1 -1
- package/toast/toast.cjs.js +32 -10
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +24 -2
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +32 -10
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +4 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +4 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +7 -5
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -1
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +7 -6
- package/toolbar/toolbar.min.js +1 -1
- package/tooltip/tooltip.cjs.js +4 -3
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +3 -2
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +4 -3
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +39 -35
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +20 -16
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +40 -37
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +26 -24
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +6 -4
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +26 -24
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +277 -131
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +224 -78
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +277 -131
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +6 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +3 -2
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +6 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +45 -5
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +2 -1
- package/utils/utils.esm.js +45 -6
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +45 -5
- package/utils/utils.min.js +1 -1
- package/web-types.json +17 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{useDisplayOrder as o,useGlobalOnEscapeKey as a,ESC_KEY_HANDLING_PRIORITIES as l,useEventListener as c,useMountEffect as s,useUpdateEffect as u}from"primereact/hooks";import{MinusIcon as d}from"primereact/icons/minus";import{PlusIcon as p}from"primereact/icons/plus";import{Ripple as f}from"primereact/ripple";import{classNames as m,DomHandler as b,UniqueComponentId as y,mergeProps as v,IconUtils as h,ObjectUtils as g}from"primereact/utils";function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e){if(Array.isArray(e))return O(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return C(e)||E(e)||j(e)||D()}function N(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _(e,t){return N(e)||P(e,t)||j(e,t)||M()}var H=r.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.visible;return m("p-speeddial p-component p-speeddial-".concat(t.type),I(I(I({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return m("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return m("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return m("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return m("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return m("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=e.memo(e.forwardRef((function(r,S){var k=_(e.useState(!1),2),x=k[0],O=k[1],C=_(e.useState(null),2),E=C[0],j=C[1],D=_(e.useState(!1),2),N=D[0],P=D[1],M=_(e.useState(-1),2),T=M[0],V=M[1],z=e.useRef(!1),L=e.useRef(null),J=e.useRef(null),U=e.useContext(t),X=H.getProps(r,U),q=X.onVisibleChange?X.visible:x,F=o("speed-dial",q),K={props:X,state:{visible:q}},W=H.setMetaData(K),B=W.ptm,Y=W.cx,$=W.sx;i(H.css.styles,W.isUnstyled,{name:"speeddial"}),a({callback:function(){re()},when:q,priority:[l.SPEED_DIAL,F]});var G=_(c({type:"click",listener:function(e){!z.current&&xe(e)&&re(),z.current=!1},when:x}),2),Q=G[0],Z=G[1],ee=function(){X.onVisibleChange?X.onVisibleChange(!0):O(!0),X.onShow&&X.onShow()},te=function(){P(!0)},ne=function(){P(!1),V(-1)},re=function(){X.onVisibleChange?X.onVisibleChange(!1):O(!1),X.onHide&&X.onHide()},ie=function(e){q?re():ee(),X.onClick&&X.onClick(e),z.current=!0},oe=function(e,t){t.command&&t.command({originalEvent:e,item:t}),re(),z.current=!0,e.preventDefault()},ae=function(e){switch(e.code){case"ArrowDown":fe(e);break;case"ArrowUp":pe(e);break;case"ArrowLeft":me(e);break;case"ArrowRight":be(e);break;case"Enter":case"Space":ue(e);break;case"Escape":de();break;case"Home":ve(e);break;case"End":ye(e)}},le=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":se(e);break;case"ArrowUp":case"ArrowRight":ce(e);break;case"Escape":de()}},ce=function(e){P(!0),b.focus(J.current),ee(),ge(e),e.preventDefault()},se=function(e){P(!0),b.focus(J.current),ee(),he(e),e.preventDefault()},ue=function(e){var t=A(b.find(L.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===T}));oe(e,X.model[t]),ne();var n=b.findSingle(L.current,"button");n&&b.focus(n)},de=function(){re();var e=b.findSingle(L.current,"button");e&&b.focus(e)},pe=function(e){var t=X.direction;"up"===t?he(e):"down"===t?ge(e):he(e)},fe=function(e){var t=X.direction;"up"===t?ge(e):"down"===t?he(e):ge(e)},me=function(e){var t=X.direction;["left","up-right","down-left"].includes(t)?he(e):(["right","up-left","down-right"].includes(t),ge(e))},be=function(e){var t=X.direction;["left","up-right","down-left"].includes(t)?ge(e):(["right","up-left","down-right"].includes(t),he(e))},ye=function(e){e.preventDefault(),V(-1),ge(e,-1)},ve=function(e){e.preventDefault(),V(-1),he(e,-1)},he=function(e){var t=ke((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);we(t),e.preventDefault()},ge=function(e){var t=Se((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);we(t),e.preventDefault()},we=function(e){var t=A(b.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!b.hasClass(b.findSingle(e,"a"),"p-disabled")}));t[e]&&V(t[e].getAttribute("id"))},Se=function(e){var t=A(b.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!b.hasClass(b.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[t.length-1].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?t.length-1:r-1},ke=function(e){var t=A(b.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!b.hasClass(b.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[0].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?0:r+1},xe=function(e){return L.current&&!(L.current.isSameNode(e.target)||L.current.contains(e.target))},Ie=function(e){return(q?e:X.model.length-e-1)*X.transitionDelay},Oe=function(e){var t=X.type;if("linear"!==t){var n=X.model.length,r=X.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=X.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=X.direction,u=Math.PI/(2*(n-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},Ce=function(e){var t=Ie(e),n=Oe(e);return R({transitionDelay:"".concat(t,"ms")},n)};s((function(){if("linear"!==X.type){var e=b.findSingle(L.current,".p-speeddial-button"),t=b.findSingle(J.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);J.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),J.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),u((function(){return x&&X.hideOnClickOutside&&Q(),function(){X.hideOnClickOutside&&Z()}}),[x]),e.useImperativeHandle(S,(function(){return{props:X,show:ee,hide:re,getElement:function(){return L.current}}}));var Ee=function(t,n){if(!1===t.visible)return null;var r=t.disabled,i=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,u=t.style,d=m("p-speeddial-action",{"p-disabled":r}),p=m("p-speeddial-action-icon",i),b=v({className:Y("actionIcon")},B("actionIcon")),y=v({href:l||"#",role:"menuitem",className:m(s,Y("action",{disabled:r})),"aria-label":t.label,style:u,target:c,tabIndex:"-1","data-pr-tooltip":o,onClick:function(e){return oe(e,t)}},B("action")),w=h.getJSXIcon(i,R({},b),{props:X}),S=e.createElement("a",y,w,e.createElement(f,null));a&&(S=g.getJSXElement(a,t,{onClick:function(e){return oe(e,t)},className:d,iconClassName:p,element:S,props:X,visible:q}));var k,x=v({key:n,id:"".concat(E,"_").concat(n),className:Y("menuitem",{active:(k="".concat(E,"_").concat(n),T===k)}),style:Ce(n),"aria-controls":E+"_item",role:"menuitem"},B("menuitem"));return e.createElement("li",x,S)};e.useEffect((function(){j(X.id||y())}),[X.id]);var je,De,Ae,Ne,Pe,Me,_e,He,Te,Re=(je=!q&&!!X.showIcon||!X.hideIcon,De=q&&!!X.hideIcon,Ae=m("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":X.rotateAnimation&&!X.hideIcon},X.buttonClassName),Ne=m(I(I({},"".concat(X.showIcon),!q&&!!X.showIcon||!X.hideIcon),"".concat(X.hideIcon),q&&!!X.hideIcon)),Pe=h.getJSXIcon(je?X.showIcon||e.createElement(p,null):De?X.hideIcon||e.createElement(d,null):null,void 0,{props:X,visible:q}),Me=v({type:"button",style:X.buttonStyle,className:m(X.buttonClassName,Y("button")),icon:Pe,onClick:function(e){return ie(e)},disabled:X.disabled,onKeyDown:le,"aria-label":X["aria-label"],"aria-expanded":q,"aria-haspopup":!0,"aria-controls":E+"_list","aria-labelledby":X.ariaLabelledby,pt:B("button"),unstyled:X.unstyled,__parentMetadata:{parent:K}}),_e=e.createElement(n,Me),X.buttonTemplate?g.getJSXElement(X.buttonTemplate,{onClick:ie,className:Ae,iconClassName:Ne,element:_e,props:X,visible:q}):_e),Ve=(He=X.model?X.model.map(Ee):null,Te=v({ref:J,className:Y("menu"),style:$("menu"),role:"menu",tabIndex:"-1",onFocus:te,onKeyDown:ae,onBlur:ne,"aria-activedescendant":N?-1!==T?T:null:void 0},B("menu")),e.createElement("ul",Te,He)),ze=function(){if(X.mask){var t=v({className:m(X.maskClassName,Y("mask",{visible:q})),style:X.maskStyle},B("mask"));return e.createElement("div",t)}return null}(),Le=v({className:m(X.className,Y("root",{visible:q})),style:R(R({},X.style),$("root")),id:E},H.getOtherProps(X),B("root"));return e.createElement(e.Fragment,null,e.createElement("div",w({ref:L},Le),Re,Ve),ze)})));V.displayName="SpeedDial";export{V as SpeedDial};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as o,useDisplayOrder as a,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as s,useMountEffect as u,useUpdateEffect as d}from"primereact/hooks";import{MinusIcon as p}from"primereact/icons/minus";import{PlusIcon as f}from"primereact/icons/plus";import{Ripple as m}from"primereact/ripple";import{classNames as b,DomHandler as y,UniqueComponentId as v,IconUtils as h,ObjectUtils as g}from"primereact/utils";function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=k(e,"string");return"symbol"===S(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e){if(Array.isArray(e))return O(e)}function E(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return C(e)||E(e)||j(e)||D()}function N(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}function M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _(e,t){return N(e)||P(e,t)||j(e,t)||M()}var H=r.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.visible;return b("p-speeddial p-component p-speeddial-".concat(t.type),I(I(I({},"p-speeddial-direction-".concat(t.direction),"circle"!==t.type),"p-speeddial-opened",n),"p-disabled",t.disabled))},button:function(e){var t=e.props;return b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return b("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return b("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return b("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return b("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=e.memo(e.forwardRef((function(r,S){var k=_(e.useState(!1),2),x=k[0],O=k[1],C=_(e.useState(null),2),E=C[0],j=C[1],D=_(e.useState(!1),2),N=D[0],P=D[1],M=_(e.useState(-1),2),T=M[0],V=M[1],z=e.useRef(!1),L=e.useRef(null),J=e.useRef(null),U=o(),X=e.useContext(t),q=H.getProps(r,X),F=q.onVisibleChange?q.visible:x,K=a("speed-dial",F),W={props:q,state:{visible:F}},B=H.setMetaData(W),Y=B.ptm,$=B.cx,G=B.sx;i(H.css.styles,B.isUnstyled,{name:"speeddial"}),l({callback:function(){ie()},when:F&&K,priority:[c.SPEED_DIAL,K]});var Q=_(s({type:"click",listener:function(e){!z.current&&Ie(e)&&ie(),z.current=!1},when:x}),2),Z=Q[0],ee=Q[1],te=function(){q.onVisibleChange?q.onVisibleChange(!0):O(!0),q.onShow&&q.onShow()},ne=function(){P(!0)},re=function(){P(!1),V(-1)},ie=function(){q.onVisibleChange?q.onVisibleChange(!1):O(!1),q.onHide&&q.onHide()},oe=function(e){F?ie():te(),q.onClick&&q.onClick(e),z.current=!0},ae=function(e,t){t.command&&t.command({originalEvent:e,item:t}),ie(),z.current=!0,e.preventDefault()},le=function(e){switch(e.code){case"ArrowDown":me(e);break;case"ArrowUp":fe(e);break;case"ArrowLeft":be(e);break;case"ArrowRight":ye(e);break;case"Enter":case"Space":de(e);break;case"Escape":pe();break;case"Home":he(e);break;case"End":ve(e)}},ce=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ue(e);break;case"ArrowUp":case"ArrowRight":se(e);break;case"Escape":pe()}},se=function(e){P(!0),y.focus(J.current),te(),we(e),e.preventDefault()},ue=function(e){P(!0),y.focus(J.current),te(),ge(e),e.preventDefault()},de=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===T}));ae(e,q.model[t]),re();var n=y.findSingle(L.current,"button");n&&y.focus(n)},pe=function(){ie();var e=y.findSingle(L.current,"button");e&&y.focus(e)},fe=function(e){var t=q.direction;"up"===t?ge(e):"down"===t?we(e):ge(e)},me=function(e){var t=q.direction;"up"===t?we(e):"down"===t?ge(e):we(e)},be=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?ge(e):(["right","up-left","down-right"].includes(t),we(e))},ye=function(e){var t=q.direction;["left","up-right","down-left"].includes(t)?we(e):(["right","up-left","down-right"].includes(t),ge(e))},ve=function(e){e.preventDefault(),V(-1),we(e,-1)},he=function(e){e.preventDefault(),V(-1),ge(e,-1)},ge=function(e){var t=xe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},we=function(e){var t=ke((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||T);Se(t),e.preventDefault()},Se=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")}));t[e]&&V(t[e].getAttribute("id"))},ke=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[t.length-1].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?t.length-1:r-1},xe=function(e){var t=A(y.find(L.current,'[data-pc-section="menuitem"]')).filter((function(e){return!y.hasClass(y.findSingle(e,"a"),"p-disabled")})),n=-1===e?t[0].id:e,r=t.findIndex((function(e){return e.getAttribute("id")===n}));return r=-1===e?0:r+1},Ie=function(e){return L.current&&!(L.current.isSameNode(e.target)||L.current.contains(e.target))},Oe=function(e){return(F?e:q.model.length-e-1)*q.transitionDelay},Ce=function(e){var t=q.type;if("linear"!==t){var n=q.model.length,r=q.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=q.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=q.direction,u=Math.PI/(2*(n-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},Ee=function(e){var t=Oe(e),n=Ce(e);return R({transitionDelay:"".concat(t,"ms")},n)};u((function(){if("linear"!==q.type){var e=y.findSingle(L.current,".p-speeddial-button"),t=y.findSingle(J.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);J.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),J.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),d((function(){return x&&q.hideOnClickOutside&&Z(),function(){q.hideOnClickOutside&&ee()}}),[x]),e.useImperativeHandle(S,(function(){return{props:q,show:te,hide:ie,getElement:function(){return L.current}}}));var je=function(t,n){if(!1===t.visible)return null;var r=t.disabled,i=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,u=t.style,d=b("p-speeddial-action",{"p-disabled":r}),p=b("p-speeddial-action-icon",i),f=U({className:$("actionIcon")},Y("actionIcon")),y=U({href:l||"#",role:"menuitem",className:b(s,$("action",{disabled:r})),"aria-label":t.label,style:u,target:c,tabIndex:"-1","data-pr-tooltip":o,onClick:function(e){return ae(e,t)}},Y("action")),v=h.getJSXIcon(i,R({},f),{props:q}),w=e.createElement("a",y,v,e.createElement(m,null));a&&(w=g.getJSXElement(a,t,{onClick:function(e){return ae(e,t)},className:d,iconClassName:p,element:w,props:q,visible:F}));var S,k=U({key:n,id:"".concat(E,"_").concat(n),className:$("menuitem",{active:(S="".concat(E,"_").concat(n),T===S)}),style:Ee(n),"aria-controls":E+"_item",role:"menuitem"},Y("menuitem"));return e.createElement("li",k,w)};e.useEffect((function(){j(q.id||v())}),[q.id]);var De,Ae,Ne,Pe,Me,_e,He,Te,Re,Ve=(De=!F&&!!q.showIcon||!q.hideIcon,Ae=F&&!!q.hideIcon,Ne=b("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":q.rotateAnimation&&!q.hideIcon},q.buttonClassName),Pe=b(I(I({},"".concat(q.showIcon),!F&&!!q.showIcon||!q.hideIcon),"".concat(q.hideIcon),F&&!!q.hideIcon)),Me=h.getJSXIcon(De?q.showIcon||e.createElement(f,null):Ae?q.hideIcon||e.createElement(p,null):null,void 0,{props:q,visible:F}),_e=U({type:"button",style:q.buttonStyle,className:b(q.buttonClassName,$("button")),icon:Me,onClick:function(e){return oe(e)},disabled:q.disabled,onKeyDown:ce,"aria-label":q["aria-label"],"aria-expanded":F,"aria-haspopup":!0,"aria-controls":E+"_list","aria-labelledby":q.ariaLabelledby,pt:Y("button"),unstyled:q.unstyled,__parentMetadata:{parent:W}}),He=e.createElement(n,_e),q.buttonTemplate?g.getJSXElement(q.buttonTemplate,{onClick:oe,className:Ne,iconClassName:Pe,element:He,props:q,visible:F}):He),ze=(Te=q.model?q.model.map(je):null,Re=U({ref:J,className:$("menu"),style:G("menu"),role:"menu",tabIndex:"-1",onFocus:ne,onKeyDown:le,onBlur:re,"aria-activedescendant":N?-1!==T?T:null:void 0},Y("menu")),e.createElement("ul",Re,Te)),Le=function(){if(q.mask){var t=U({className:b(q.maskClassName,$("mask",{visible:F})),style:q.maskStyle},Y("mask"));return e.createElement("div",t)}return null}(),Je=U({className:b(q.className,$("root",{visible:F})),style:R(R({},q.style),G("root")),id:E},H.getOtherProps(q),Y("root"));return e.createElement(e.Fragment,null,e.createElement("div",w({ref:L},Je),Ve,ze),Le)})));V.displayName="SpeedDial";export{V as SpeedDial};
|
package/speeddial/speeddial.js
CHANGED
|
@@ -262,6 +262,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
262
262
|
var isItemClicked = React__namespace.useRef(false);
|
|
263
263
|
var elementRef = React__namespace.useRef(null);
|
|
264
264
|
var listRef = React__namespace.useRef(null);
|
|
265
|
+
var mergeProps = hooks.useMergeProps();
|
|
265
266
|
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
266
267
|
var props = SpeedDialBase.getProps(inProps, context);
|
|
267
268
|
var visible = props.onVisibleChange ? props.visible : visibleState;
|
|
@@ -284,7 +285,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
284
285
|
callback: function callback() {
|
|
285
286
|
hide();
|
|
286
287
|
},
|
|
287
|
-
when: visible,
|
|
288
|
+
when: visible && speedDialDisplayOrder,
|
|
288
289
|
priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL, speedDialDisplayOrder]
|
|
289
290
|
});
|
|
290
291
|
var _useEventListener = hooks.useEventListener({
|
|
@@ -634,10 +635,10 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
634
635
|
'p-disabled': disabled
|
|
635
636
|
});
|
|
636
637
|
var iconClassName = utils.classNames('p-speeddial-action-icon', _icon);
|
|
637
|
-
var actionIconProps =
|
|
638
|
+
var actionIconProps = mergeProps({
|
|
638
639
|
className: cx('actionIcon')
|
|
639
640
|
}, ptm('actionIcon'));
|
|
640
|
-
var actionProps =
|
|
641
|
+
var actionProps = mergeProps({
|
|
641
642
|
href: url || '#',
|
|
642
643
|
role: 'menuitem',
|
|
643
644
|
className: utils.classNames(_itemClassName, cx('action', {
|
|
@@ -669,7 +670,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
669
670
|
};
|
|
670
671
|
content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
|
|
671
672
|
}
|
|
672
|
-
var menuItemProps =
|
|
673
|
+
var menuItemProps = mergeProps({
|
|
673
674
|
key: index,
|
|
674
675
|
id: "".concat(idState, "_").concat(index),
|
|
675
676
|
className: cx('menuitem', {
|
|
@@ -686,7 +687,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
686
687
|
};
|
|
687
688
|
var createList = function createList() {
|
|
688
689
|
var items = createItems();
|
|
689
|
-
var menuProps =
|
|
690
|
+
var menuProps = mergeProps({
|
|
690
691
|
ref: listRef,
|
|
691
692
|
className: cx('menu'),
|
|
692
693
|
style: sx('menu'),
|
|
@@ -711,7 +712,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
711
712
|
props: props,
|
|
712
713
|
visible: visible
|
|
713
714
|
});
|
|
714
|
-
var buttonProps =
|
|
715
|
+
var buttonProps = mergeProps({
|
|
715
716
|
type: 'button',
|
|
716
717
|
style: props.buttonStyle,
|
|
717
718
|
className: utils.classNames(props.buttonClassName, cx('button')),
|
|
@@ -748,7 +749,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
748
749
|
};
|
|
749
750
|
var createMask = function createMask() {
|
|
750
751
|
if (props.mask) {
|
|
751
|
-
var maskProps =
|
|
752
|
+
var maskProps = mergeProps({
|
|
752
753
|
className: utils.classNames(props.maskClassName, cx('mask', {
|
|
753
754
|
visible: visible
|
|
754
755
|
})),
|
|
@@ -764,7 +765,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
764
765
|
var button$1 = createButton();
|
|
765
766
|
var list = createList();
|
|
766
767
|
var mask = createMask();
|
|
767
|
-
var rootProps =
|
|
768
|
+
var rootProps = mergeProps({
|
|
768
769
|
className: utils.classNames(props.className, cx('root', {
|
|
769
770
|
visible: visible
|
|
770
771
|
})),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.speeddial=function(e,n,t,r,i,a,o,l,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return O(e)||I(e,n)||w(e,n)||k()}var x=i.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=d.memo(d.forwardRef((function(e,n){var u=N(d.useState(!1),2),f=u[0],m=u[1],b=N(d.useState(null),2),v=b[0],h=b[1],g=N(d.useState(!1),2),w=g[0],S=g[1],O=N(d.useState(-1),2),I=O[0],k=O[1],E=d.useRef(!1),j=d.useRef(null),C=d.useRef(null),H=d.useContext(t.PrimeReactContext),A=x.getProps(e,H),M=A.onVisibleChange?A.visible:f,_=a.useDisplayOrder("speed-dial",M),R={props:A,state:{visible:M}},U=x.setMetaData(R),T=U.ptm,L=U.cx,z=U.sx;i.useHandleStyle(x.css.styles,U.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){F()},when:M,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,_]});var V=N(a.useEventListener({type:"click",listener:function(e){!E.current&&fe(e)&&F(),E.current=!1},when:f}),2),J=V[0],K=V[1],X=function(){A.onVisibleChange?A.onVisibleChange(!0):m(!0),A.onShow&&A.onShow()},q=function(){S(!0)},B=function(){S(!1),k(-1)},F=function(){A.onVisibleChange?A.onVisibleChange(!1):m(!1),A.onHide&&A.onHide()},G=function(e){M?F():X(),A.onClick&&A.onClick(e),E.current=!0},W=function(e,n){n.command&&n.command({originalEvent:e,item:n}),F(),E.current=!0,e.preventDefault()},Y=function(e){switch(e.code){case"ArrowDown":re(e);break;case"ArrowUp":te(e);break;case"ArrowLeft":ie(e);break;case"ArrowRight":ae(e);break;case"Enter":case"Space":ee(e);break;case"Escape":ne();break;case"Home":le(e);break;case"End":oe(e)}},$=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":Z(e);break;case"ArrowUp":case"ArrowRight":Q(e);break;case"Escape":ne()}},Q=function(e){S(!0),s.DomHandler.focus(C.current),X(),se(e),e.preventDefault()},Z=function(e){S(!0),s.DomHandler.focus(C.current),X(),ce(e),e.preventDefault()},ee=function(e){var n=D(s.DomHandler.find(j.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));W(e,A.model[n]),B();var t=s.DomHandler.findSingle(j.current,"button");t&&s.DomHandler.focus(t)},ne=function(){F();var e=s.DomHandler.findSingle(j.current,"button");e&&s.DomHandler.focus(e)},te=function(e){var n=A.direction;"up"===n?ce(e):"down"===n?se(e):ce(e)},re=function(e){var n=A.direction;"up"===n?se(e):"down"===n?ce(e):se(e)},ie=function(e){var n=A.direction;["left","up-right","down-left"].includes(n)?ce(e):(["right","up-left","down-right"].includes(n),se(e))},ae=function(e){var n=A.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ce(e))},oe=function(e){e.preventDefault(),k(-1),se(e,-1)},le=function(e){e.preventDefault(),k(-1),ce(e,-1)},ce=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);ue(n),e.preventDefault()},se=function(e){var n=de((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);ue(n),e.preventDefault()},ue=function(e){var n=D(s.DomHandler.find(j.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&k(n[e].getAttribute("id"))},de=function(e){var n=D(s.DomHandler.find(j.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},pe=function(e){var n=D(s.DomHandler.find(j.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},fe=function(e){return j.current&&!(j.current.isSameNode(e.target)||j.current.contains(e.target))},me=function(e){return(M?e:A.model.length-e-1)*A.transitionDelay},be=function(e){var n=A.type;if("linear"!==n){var t=A.model.length,r=A.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=A.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=A.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ye=function(e){var n=me(e),t=be(e);return P({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==A.type){var e=s.DomHandler.findSingle(j.current,".p-speeddial-button"),n=s.DomHandler.findSingle(C.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&A.hideOnClickOutside&&J(),function(){A.hideOnClickOutside&&K()}}),[f]),d.useImperativeHandle(n,(function(){return{props:A,show:X,hide:F,getElement:function(){return j.current}}}));var ve=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,p=e.style,f=s.classNames("p-speeddial-action",{"p-disabled":t}),m=s.classNames("p-speeddial-action-icon",r),b=s.mergeProps({className:L("actionIcon")},T("actionIcon")),y=s.mergeProps({href:o||"#",role:"menuitem",className:s.classNames(u,L("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return W(n,e)}},T("action")),h=s.IconUtils.getJSXIcon(r,P({},b),{props:A}),g=d.createElement("a",y,h,d.createElement(c.Ripple,null));a&&(g=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return W(n,e)},className:f,iconClassName:m,element:g,props:A,visible:M}));var w,S=s.mergeProps({key:n,id:"".concat(v,"_").concat(n),className:L("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ye(n),"aria-controls":v+"_item",role:"menuitem"},T("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(A.id||s.UniqueComponentId())}),[A.id]);var he,ge,we,Se,De,Oe,Ie,ke,Ne,xe=(he=!M&&!!A.showIcon||!A.hideIcon,ge=M&&!!A.hideIcon,we=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":A.rotateAnimation&&!A.hideIcon},A.buttonClassName),Se=s.classNames(y(y({},"".concat(A.showIcon),!M&&!!A.showIcon||!A.hideIcon),"".concat(A.hideIcon),M&&!!A.hideIcon)),De=s.IconUtils.getJSXIcon(he?A.showIcon||d.createElement(l.PlusIcon,null):ge?A.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:A,visible:M}),Oe=s.mergeProps({type:"button",style:A.buttonStyle,className:s.classNames(A.buttonClassName,L("button")),icon:De,onClick:function(e){return G(e)},disabled:A.disabled,onKeyDown:$,"aria-label":A["aria-label"],"aria-expanded":M,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":A.ariaLabelledby,pt:T("button"),unstyled:A.unstyled,__parentMetadata:{parent:R}}),Ie=d.createElement(r.Button,Oe),A.buttonTemplate?s.ObjectUtils.getJSXElement(A.buttonTemplate,{onClick:G,className:we,iconClassName:Se,element:Ie,props:A,visible:M}):Ie),Ee=(ke=A.model?A.model.map(ve):null,Ne=s.mergeProps({ref:C,className:L("menu"),style:z("menu"),role:"menu",tabIndex:"-1",onFocus:q,onKeyDown:Y,onBlur:B,"aria-activedescendant":w?-1!==I?I:null:void 0},T("menu")),d.createElement("ul",Ne,ke)),Pe=function(){if(A.mask){var e=s.mergeProps({className:s.classNames(A.maskClassName,L("mask",{visible:M})),style:A.maskStyle},T("mask"));return d.createElement("div",e)}return null}(),je=s.mergeProps({className:s.classNames(A.className,L("root",{visible:M})),style:P(P({},A.style),z("root")),id:v},x.getOtherProps(A),T("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:j},je),xe,Ee),Pe)})));return j.displayName="SpeedDial",e.SpeedDial=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.speeddial=function(e,n,t,r,i,a,o,l,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return O(e)||I(e,n)||w(e,n)||k()}var x=i.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=d.memo(d.forwardRef((function(e,n){var u=N(d.useState(!1),2),f=u[0],m=u[1],b=N(d.useState(null),2),v=b[0],h=b[1],g=N(d.useState(!1),2),w=g[0],S=g[1],O=N(d.useState(-1),2),I=O[0],k=O[1],E=d.useRef(!1),C=d.useRef(null),P=d.useRef(null),H=a.useMergeProps(),A=d.useContext(t.PrimeReactContext),M=x.getProps(e,A),_=M.onVisibleChange?M.visible:f,R=a.useDisplayOrder("speed-dial",_),U={props:M,state:{visible:_}},T=x.setMetaData(U),L=T.ptm,z=T.cx,V=T.sx;i.useHandleStyle(x.css.styles,T.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){G()},when:_&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,R]});var J=N(a.useEventListener({type:"click",listener:function(e){!E.current&&me(e)&&G(),E.current=!1},when:f}),2),K=J[0],X=J[1],q=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){S(!0)},F=function(){S(!1),k(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():q(),M.onClick&&M.onClick(e),E.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),E.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){S(!0),s.DomHandler.focus(P.current),q(),ue(e),e.preventDefault()},ee=function(e){S(!0),s.DomHandler.focus(P.current),q(),se(e),e.preventDefault()},ne=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=s.DomHandler.findSingle(C.current,"button");t&&s.DomHandler.focus(t)},te=function(){G();var e=s.DomHandler.findSingle(C.current,"button");e&&s.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),k(-1),ue(e,-1)},ce=function(e){e.preventDefault(),k(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&k(n[e].getAttribute("id"))},pe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return j({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==M.type){var e=s.DomHandler.findSingle(C.current,".p-speeddial-button"),n=s.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&K(),function(){M.hideOnClickOutside&&X()}}),[f]),d.useImperativeHandle(n,(function(){return{props:M,show:q,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,p=e.style,f=s.classNames("p-speeddial-action",{"p-disabled":t}),m=s.classNames("p-speeddial-action-icon",r),b=H({className:z("actionIcon")},L("actionIcon")),y=H({href:o||"#",role:"menuitem",className:s.classNames(u,z("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},L("action")),h=s.IconUtils.getJSXIcon(r,j({},b),{props:M}),g=d.createElement("a",y,h,d.createElement(c.Ripple,null));a&&(g=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:z("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},L("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(M.id||s.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,ke,Ne,xe,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=s.classNames(y(y({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=s.IconUtils.getJSXIcon(ge?M.showIcon||d.createElement(l.PlusIcon,null):we?M.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:s.classNames(M.buttonClassName,z("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:L("button"),unstyled:M.unstyled,__parentMetadata:{parent:U}}),ke=d.createElement(r.Button,Ie),M.buttonTemplate?s.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:ke,props:M,visible:_}):ke),je=(Ne=M.model?M.model.map(he):null,xe=H({ref:P,className:z("menu"),style:V("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},L("menu")),d.createElement("ul",xe,Ne)),Ce=function(){if(M.mask){var e=H({className:s.classNames(M.maskClassName,z("mask",{visible:_})),style:M.maskStyle},L("mask"));return d.createElement("div",e)}return null}(),Pe=H({className:s.classNames(M.className,z("root",{visible:_})),style:j(j({},M.style),V("root")),id:v},x.getOtherProps(M),L("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:C},Pe),Ee,je),Ce)})));return C.displayName="SpeedDial",e.SpeedDial=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
|
|
@@ -226,6 +226,7 @@ function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
226
226
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
227
227
|
var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
228
228
|
var elementRef = React__namespace.useRef(null);
|
|
229
|
+
var mergeProps = hooks.useMergeProps();
|
|
229
230
|
var ptm = props.ptm,
|
|
230
231
|
cx = props.cx,
|
|
231
232
|
sx = props.sx;
|
|
@@ -328,7 +329,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
328
329
|
});
|
|
329
330
|
var createSeparator = function createSeparator(index) {
|
|
330
331
|
var key = 'separator_' + index;
|
|
331
|
-
var separatorProps =
|
|
332
|
+
var separatorProps = mergeProps({
|
|
332
333
|
key: key,
|
|
333
334
|
className: cx('separator'),
|
|
334
335
|
role: 'separator'
|
|
@@ -344,7 +345,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
344
345
|
menuProps: props.menuProps,
|
|
345
346
|
model: processedItem.items,
|
|
346
347
|
menuId: props.menuId,
|
|
347
|
-
ariaLabelledby: getItemId(
|
|
348
|
+
ariaLabelledby: getItemId(processedItem),
|
|
348
349
|
focusedItemId: props.focusedItemId,
|
|
349
350
|
activeItemPath: props.activeItemPath,
|
|
350
351
|
level: props.level + 1,
|
|
@@ -377,25 +378,25 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
377
378
|
var grouped = isItemGroup(processedItem);
|
|
378
379
|
var linkClassName = utils.classNames('p-menuitem-link');
|
|
379
380
|
var iconClassName = utils.classNames('p-menuitem-icon', _icon);
|
|
380
|
-
var iconProps =
|
|
381
|
+
var iconProps = mergeProps({
|
|
381
382
|
className: utils.classNames(item.icon, 'p-menuitem-icon', 'icon')
|
|
382
383
|
}, getPTOptions(processedItem, 'icon'));
|
|
383
384
|
var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread$2({}, iconProps), {
|
|
384
385
|
props: props.menuProps
|
|
385
386
|
});
|
|
386
|
-
var labelProps =
|
|
387
|
+
var labelProps = mergeProps({
|
|
387
388
|
className: cx('label')
|
|
388
389
|
}, getPTOptions(processedItem, 'label'));
|
|
389
390
|
var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
|
|
390
391
|
var submenuIconClassName = 'p-submenu-icon';
|
|
391
|
-
var submenuIconProps =
|
|
392
|
+
var submenuIconProps = mergeProps({
|
|
392
393
|
className: cx('submenuIcon')
|
|
393
394
|
}, getPTOptions(processedItem, 'submenuIcon'));
|
|
394
395
|
var submenuIcon = grouped && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps), _objectSpread$2({}, submenuIconProps), {
|
|
395
396
|
props: props.menuProps
|
|
396
397
|
});
|
|
397
398
|
var submenu = createSubmenu(processedItem, index);
|
|
398
|
-
var actionProps =
|
|
399
|
+
var actionProps = mergeProps({
|
|
399
400
|
href: url || '#',
|
|
400
401
|
'aria-hidden': true,
|
|
401
402
|
tabIndex: '-1',
|
|
@@ -419,7 +420,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
419
420
|
};
|
|
420
421
|
content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
|
|
421
422
|
}
|
|
422
|
-
var contentProps =
|
|
423
|
+
var contentProps = mergeProps({
|
|
423
424
|
onClick: function onClick(event) {
|
|
424
425
|
return onItemClick(event, processedItem);
|
|
425
426
|
},
|
|
@@ -428,7 +429,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
428
429
|
},
|
|
429
430
|
className: cx('content')
|
|
430
431
|
}, getPTOptions(processedItem, 'content'));
|
|
431
|
-
var menuitemProps =
|
|
432
|
+
var menuitemProps = mergeProps({
|
|
432
433
|
key: key,
|
|
433
434
|
id: key,
|
|
434
435
|
'aria-label': item.label,
|
|
@@ -463,7 +464,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
463
464
|
};
|
|
464
465
|
var submenu = createMenu();
|
|
465
466
|
var ptKey = props.root ? 'menu' : 'submenu';
|
|
466
|
-
var menuProps =
|
|
467
|
+
var menuProps = mergeProps({
|
|
467
468
|
ref: elementRef,
|
|
468
469
|
id: props.id,
|
|
469
470
|
tabIndex: props.tabIndex,
|
|
@@ -491,6 +492,7 @@ TieredMenuSub.displayName = 'TieredMenuSub';
|
|
|
491
492
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
492
493
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
493
494
|
var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
495
|
+
var mergeProps = hooks.useMergeProps();
|
|
494
496
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
495
497
|
var props = TieredMenuBase.getProps(inProps, context);
|
|
496
498
|
var _React$useState = React__namespace.useState(props.id),
|
|
@@ -1006,7 +1008,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
1006
1008
|
});
|
|
1007
1009
|
}
|
|
1008
1010
|
};
|
|
1009
|
-
var createProcessedItems = function
|
|
1011
|
+
var createProcessedItems = React__namespace.useCallback(function (items) {
|
|
1010
1012
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
1011
1013
|
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
1012
1014
|
var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
@@ -1025,7 +1027,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
1025
1027
|
processedItems.push(newItem);
|
|
1026
1028
|
});
|
|
1027
1029
|
return processedItems;
|
|
1028
|
-
};
|
|
1030
|
+
}, []);
|
|
1029
1031
|
var createStyle = function createStyle() {
|
|
1030
1032
|
if (!styleElementRef.current) {
|
|
1031
1033
|
styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
|
|
@@ -1081,11 +1083,11 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
1081
1083
|
!attributeSelectorState && setAttributeSelectorState(uniqueId);
|
|
1082
1084
|
}
|
|
1083
1085
|
});
|
|
1084
|
-
|
|
1086
|
+
React__namespace.useEffect(function () {
|
|
1085
1087
|
var itemsToProcess = props.model || [];
|
|
1086
1088
|
var processed = createProcessedItems(itemsToProcess);
|
|
1087
1089
|
setProcessedItems(processed);
|
|
1088
|
-
}, props.model);
|
|
1090
|
+
}, [props.model, createProcessedItems]);
|
|
1089
1091
|
hooks.useUpdateEffect(function () {
|
|
1090
1092
|
var processedItem = activeItemPath.find(function (p) {
|
|
1091
1093
|
return p.key === focusedItemInfo.parentKey;
|
|
@@ -1142,14 +1144,14 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
1142
1144
|
};
|
|
1143
1145
|
});
|
|
1144
1146
|
var createElement = function createElement() {
|
|
1145
|
-
var rootProps =
|
|
1147
|
+
var rootProps = mergeProps({
|
|
1146
1148
|
ref: containerRef,
|
|
1147
1149
|
id: props.id,
|
|
1148
1150
|
className: cx('root'),
|
|
1149
1151
|
style: props.style,
|
|
1150
1152
|
onClick: onPanelClick
|
|
1151
1153
|
}, TieredMenuBase.getOtherProps(props), ptm('root'));
|
|
1152
|
-
var transitionProps =
|
|
1154
|
+
var transitionProps = mergeProps({
|
|
1153
1155
|
classNames: cx('transition'),
|
|
1154
1156
|
"in": visibleState,
|
|
1155
1157
|
timeout: {
|
|
@@ -1281,6 +1283,7 @@ var SplitButtonBase = componentbase.ComponentBase.extend({
|
|
|
1281
1283
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1282
1284
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1283
1285
|
var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
1286
|
+
var mergeProps = hooks.useMergeProps();
|
|
1284
1287
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
1285
1288
|
var props = SplitButtonBase.getProps(inProps, context);
|
|
1286
1289
|
var _React$useState = React__namespace.useState(props.id),
|
|
@@ -1314,7 +1317,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1314
1317
|
callback: function callback() {
|
|
1315
1318
|
hide();
|
|
1316
1319
|
},
|
|
1317
|
-
when: overlayVisibleState,
|
|
1320
|
+
when: overlayVisibleState && overlayDisplayOrder,
|
|
1318
1321
|
priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON, overlayDisplayOrder]
|
|
1319
1322
|
});
|
|
1320
1323
|
var onPanelClick = function onPanelClick(event) {
|
|
@@ -1381,7 +1384,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1381
1384
|
var buttonContent = props.buttonTemplate ? utils.ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
|
|
1382
1385
|
var menuId = idState + '_overlay';
|
|
1383
1386
|
var dropdownIcon = function dropdownIcon() {
|
|
1384
|
-
var iconProps =
|
|
1387
|
+
var iconProps = mergeProps({
|
|
1385
1388
|
className: cx('icon')
|
|
1386
1389
|
}, ptm('icon'));
|
|
1387
1390
|
var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, iconProps);
|
|
@@ -1390,7 +1393,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1390
1393
|
});
|
|
1391
1394
|
return dropdownIcon;
|
|
1392
1395
|
};
|
|
1393
|
-
var rootProps =
|
|
1396
|
+
var rootProps = mergeProps({
|
|
1394
1397
|
ref: elementRef,
|
|
1395
1398
|
id: idState,
|
|
1396
1399
|
className: utils.classNames(props.className, cx('root', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),u=require("primereact/overlayservice"),a=require("primereact/csstransition"),l=require("primereact/portal"),c=require("primereact/utils"),s=require("primereact/icons/angleright"),p=require("primereact/ripple"),d=require("primereact/tooltip");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=f(e),y=m(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e,t){if(e){if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?P(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return O(e)||E(e,t)||w(e,t)||S()}var k=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),r=e.ptm,i=e.cx,u=e.sx,a=function(t,n){return r(n,{hostName:e.hostName,context:{active:y(t)}})},l=function(){if(n.current){var e=n.current.parentElement,t=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(n.current),i=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-c.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},d=function(t,n){var r=n.item;g(n)?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}))},m=function(t){return"".concat(e.menuId,"_").concat(t.key)},f=function(e,t,n){return e&&e.item?c.ObjectUtils.getItemValue(e.item[t],n):void 0},y=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},v=function(e){return!1!==f(e,"visible")},g=function(e){return f(e,"disabled")},h=function(t){return e.focusedItemId===m(t)},x=function(e){return c.ObjectUtils.isNotEmpty(e.items)},I=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},O=function(t){return t-e.model.slice(0,t).filter((function(e){return v(e)&&f(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||l()}),[e.parentActive]),b.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var E=function(t){var n=c.mergeProps({key:"separator_"+t,className:i("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return b.createElement("li",n)},P=function(t,n){return x(t)?b.createElement(H,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:m(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:i,sx:u}):null},w=function(t,n){if(!1===v(t))return null;var r=t.item,o=f(t,"style"),u=f(t,"icon"),l=f(t,"target"),E=f(t,"url"),w=m(t),S=h(t),j=y(t),k=g(t),N=x(t),H=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",u),C=c.mergeProps({className:c.classNames(r.icon,"p-menuitem-icon","icon")},a(t,"icon")),T=c.IconUtils.getJSXIcon(u,D({},C),{props:e.menuProps}),K=c.mergeProps({className:i("label")},a(t,"label")),M=r.label&&b.createElement("span",K,r.label),_=c.mergeProps({className:i("submenuIcon")},a(t,"submenuIcon")),R=N&&c.IconUtils.getJSXIcon(e.submenuIcon||b.createElement(s.AngleRightIcon,_),D({},_),{props:e.menuProps}),B=P(t,n),L=c.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:i("action"),target:l},a(t,"action")),A=b.createElement("a",L,T,M,R,b.createElement(p.Ripple,null));r.template&&(A=c.ObjectUtils.getJSXElement(r.template,r,{className:H,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:A,props:e,active:j,disabled:k}));var Z=c.mergeProps({onClick:function(e){return d(e,t)},onMouseEnter:function(e){return I(e,t)},className:i("content")},a(t,"content")),q=c.mergeProps({key:w,id:w,"aria-label":r.label,"aria-disabled":k,"aria-expanded":N?j:void 0,"aria-haspopup":N&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return v(e)&&!f(e,"separator")})).length,"aria-posinset":O(n),"data-p-highlight":j,"data-p-disabled":k,"data-p-visited":S,className:i("menuitem",{className:r.className,active:j,focused:S,disabled:k}),style:o,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},a(t,"menuitem"));return b.createElement("li",q,b.createElement("div",Z,A),B)},S=e.model?e.model.map((function(e,t){return f(e,"separator")?E(t):w(e,t)})):null,j=e.root?"menu":"submenu",k=c.mergeProps({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:i(j,{subProps:e}),style:u(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(j,{hostName:e.hostName}));return b.createElement("ul",k,S)})));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="TieredMenuSub";var T=b.memo(b.forwardRef((function(e,n){var i=b.useContext(t.PrimeReactContext),s=k.getProps(e,i),p=j(b.useState(s.id),2),d=p[0],m=p[1],f=j(b.useState(!s.popup),2),g=f[0],h=f[1],x=j(b.useState([]),2),I=x[0],O=x[1],E=j(b.useState(!1),2),P=E[0],w=E[1],S=j(b.useState(null),2),N=S[0],D=S[1],U=j(b.useState({index:-1,level:0,parentKey:""}),2),T=U[0],K=U[1],M=j(b.useState(!1),2),_=M[0],R=M[1],B=j(b.useState([]),2),L=B[0],A=B[1],Z=j(b.useState([]),2),q=Z[0],z=Z[1],W=j(b.useState(!1),2),F=W[0],V=W[1],J=j(b.useState(null),2),X=J[0],Y=J[1],G=k.setMetaData({props:s,state:{id:d,visible:g,attributeSelector:X}}),$=G.ptm,Q=G.cx,ee=G.sx;r.useHandleStyle(k.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=b.useRef(null),ne=b.useRef(null),re=b.useRef(null),oe=b.useRef(null),ie=b.useRef(null),ue=b.useRef(null),ae=b.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),ce=j(o.useEventListener({type:"click",listener:function(e){var t=te.current&&!te.current.contains(e.target),n=!s.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));t&&n&&ge(e,!s.popup)}}),2),se=ce[0],pe=ce[1],de=j(o.useResizeListener({listener:function(){!le&&ge(event,!0)}}),2),me=de[0],fe=de[1],be=function(e){s.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ye=function(e){s.popup&&(g?ge(e):ve(e))},ve=function(e){s.popup&&(re.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e),oe.current=e.relatedTarget||null),K({index:Ge(),level:0,parentKey:""})},ge=function(e,t){s.popup&&(h(!1),s.onHide&&s.onHide(e));var n=Ke();O([]),K({index:-1,level:0,parentKey:""}),t&&c.DomHandler.focus(oe.current||re.current||n),R(!1)},he=function(e){w(!0),K(-1!==T.index?T:{index:Ge(),level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},xe=function(e){w(!1),K({index:-1,level:0,parentKey:""}),ue.current="",R(!1),s.onBlur&&s.onBlur(e)},Ie=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":we(e);break;case"ArrowUp":Se(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":ke(e);break;case"Home":Ne(e);break;case"End":De(e);break;case"Space":Ue(e);break;case"Enter":He(e);break;case"Escape":s.popup&&c.DomHandler.focus(re.current),Ce(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=function(e){var t=e.processedItem,n=e.isFocus;if(!c.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=c.ObjectUtils.isNotEmpty(t.items),l=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),O(l),a&&R(!0),n&&c.DomHandler.focus(Ke())}},Ee=function(e){var t=e.originalEvent,n=e.processedItem;if(!Re(n)&&!s.isMobileMode){var r=Ae(n),o=c.ObjectUtils.isEmpty(n.parent),i=We(n),u=Ke();if(i){var a=n.index,l=n.key,p=n.level,d=n.parentKey;O(I.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:p,parentKey:d}),r||R(!o),setTimeout((function(){c.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)c.DomHandler.focus(u),Oe(e);else{var m=o?n:I.find((function(e){return""===e.parentKey})),f=m?m.index:-1;ge(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Pe=function(e){var t=e.originalEvent;Re(e.processedItem)||s.isMobileMode?t.preventDefault():_&&!s.popup&&Oe(e)},we=function(e){var t=-1!==T.index?Je(T.index):Ge();et(t),e.preventDefault()},Se=function(e){if(e.altKey){if(s.popup&&c.DomHandler.focus(re.current),-1!==T.index){var t=q[T.index];!Ae(t)&&Oe({originalEvent:e,processedItem:t})}s.popup&&ge(e,!0),e.preventDefault()}else{var n=-1!==T.index?Xe(T.index):$e();et(n),e.preventDefault()}},je=function(e){var t=q[T.index],n=I.find((function(e){return e.key===t.parentKey}));c.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ue.current="",setTimeout((function(){return V(!0)}),0)),O(I.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},ke=function(e){var t=q[T.index];Ae(t)&&(Oe({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ue.current="",setTimeout((function(){return V(!0)}),0)),e.preventDefault()},Ne=function(e){et(Fe()),e.preventDefault()},De=function(e){et(Ve()),e.preventDefault()},He=function(e){if(-1!==T.index){var t=c.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(N),'"]')),n=t&&c.DomHandler.findSingle(t,'[data-pc-section="action"]');s.popup&&c.DomHandler.focus(re.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){He(e)},Ce=function(e){ge(e,!0),!s.popup&&K(C(C({},T),{},{index:Ge()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var t=q[T.index];!Ae(t)&&Oe({originalEvent:e,processedItem:t})}ge(e)},Ke=function(){return ne.current.getElement()||null},Me=function(e,t){return e?c.ObjectUtils.getItemValue(e[t]):void 0},_e=function(e){return Me(e,"label")},Re=function(e){return Me(e,"disabled")},Be=function(e){return Me(e,"separator")},Le=function(e){return e?_e(e.item):void 0},Ae=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Ze=function(e){return qe(e)&&Le(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Re(e.item)&&!Be(e.item)},ze=function(e){return qe(e)&&We(e)},We=function(e){return I.some((function(t){return t.key===e.key}))},Fe=function(){return q.findIndex((function(e){return qe(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(q,(function(e){return qe(e)}))},Je=function(e){var t=e<q.length-1?q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?c.ObjectUtils.findLastIndex(q.slice(0,e),(function(e){return qe(e)})):-1;return t>-1?t:e},Ye=function(){return q.findIndex((function(e){return ze(e)}))},Ge=function(){var e=Ye();return e<0?Fe():e},$e=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){ue.current=(ue.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=q.slice(T.index).findIndex((function(e){return Ze(e)})))?q.slice(0,T.index).findIndex((function(e){return Ze(e)})):t+T.index:q.findIndex((function(e){return Ze(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=Ge()),-1!==t&&et(t),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),n},et=function(e){T.index!==e&&(K(C(C({},T),{},{index:e})),tt())},tt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(d,"_").concat(e):N,n=c.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},nt=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return t&&t.forEach((function(t,u){var a=(""!==o?o+"_":"")+u,l={item:t,index:u,level:n,key:a,parent:r,parentKey:o};l.items=e(t.items,n+1,l,a),i.push(l)})),i},rt=function(){if(!ie.current){ie.current=c.DomHandler.createInlineStyle(i&&i.nonce||y.default.nonce,i&&i.styleContainer);var e="".concat(X),t="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(s.scrollHeight,";\n overflow: ").concat(s.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(s.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ie.current.innerHTML=t}},ot=function(){ie.current=c.DomHandler.removeInlineStyle(ie.current)},it=function(){s.autoZIndex&&c.ZIndexUtils.set("menu",te.current,i&&i.autoZIndex||y.default.autoZIndex,s.baseZIndex||i&&i.zIndex.menu||y.default.zIndex.menu),c.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(te.current,re.current),c.DomHandler.getOuterWidth(re.current)>c.DomHandler.getOuterWidth(te.current)&&(te.current.style.minWidth=c.DomHandler.getOuterWidth(re.current)+"px"),c.DomHandler.focus(ne.current.getElement()),tt(),X&&s.breakpoint&&(te.current.setAttribute(X,""),rt())},ut=function(){se(),me()},at=function(){re.current=null,pe(),fe()},lt=function(){c.ZIndexUtils.clear(te.current),ot()};o.useMountEffect((function(){var e=c.UniqueComponentId();!d&&m(e),s.breakpoint&&!X&&Y(e)})),o.useUpdateEffect((function(){var e=nt(s.model||[]);A(e)}),s.model),o.useUpdateEffect((function(){var e=I.find((function(e){return e.key===T.parentKey}));z(e?e.items:L)}),[I,T,L]),o.useUpdateEffect((function(){var e=-1!==T.index?"".concat(d).concat(c.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;D(e)}),[T]),o.useUpdateEffect((function(){s.popup||(c.ObjectUtils.isNotEmpty(I)?(se(),me()):(pe(),fe()))}),[I]),o.useUpdateEffect((function(){if(F){var e=-1!==T.index?Je(T.index):Ge();et(e),O(I.filter((function(e){return e.parentKey!==T.parentKey}))),V(!1)}}),[F]),o.useUpdateEffect((function(){return X&&te.current&&(te.current.setAttribute(X,""),rt()),function(){ot()}}),[X,s.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(te.current)})),b.useImperativeHandle(n,(function(){return{props:s,toggle:ye,show:ve,hide:ge,getElement:function(){return te.current}}}));var ct,st,pt=(ct=c.mergeProps({ref:te,id:s.id,className:Q("root"),style:s.style,onClick:be},k.getOtherProps(s),$("root")),st=c.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:it,onEntered:ut,onExit:at,onExited:lt},$("transition")),b.createElement(a.CSSTransition,v({nodeRef:te},st),b.createElement("div",ct,b.createElement(H,{id:d+"_list",ref:ne,hostName:"TieredMenu",menuProps:s,tabIndex:0,model:L,ariaLabel:s.ariaLabel,ariaLabelledBy:s.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:P?N:void 0,menuId:d,level:0,focusedItemId:N,activeItemPath:I,onFocus:he,onBlur:xe,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:Pe,root:!0,popup:s.popup,onHide:ge,isMobileMode:le,submenuIcon:s.submenuIcon,ptm:$,cx:Q,sx:ee}))));return s.popup?b.createElement(l.Portal,{element:pt,appendTo:s.appendTo}):pt})));T.displayName="TieredMenu";var K=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!1,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return c.classNames("p-splitbutton p-component",I(I(I(I(I(I({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return c.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return c.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=b.memo(b.forwardRef((function(e,a){var l=b.useContext(t.PrimeReactContext),s=K.getProps(e,l),p=j(b.useState(s.id),2),m=p[0],f=p[1],g=j(b.useState(!1),2),h=g[0],x=g[1],I=b.useRef(null),O=b.useRef(null),E=b.useRef(null),P=b.useRef(null),w=o.useDisplayOrder("split-button-tooltip",h),S={props:s,state:{id:m,overlayVisible:h}},k=K.setMetaData(S),N=k.ptm,D=k.cx;r.useHandleStyle(K.css.styles,k.isUnstyled,{name:"splitbutton"}),o.useGlobalOnEscapeKey({callback:function(){C()},when:h,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,w]});var H=function(e){h?C(e):U(e)},U=function(e){x(!0),O.current&&O.current.show(e)},C=function(e){x(!1),O.current&&O.current.hide(e)};if(o.useMountEffect((function(){m||f(c.UniqueComponentId()),c.DomHandler.alignOverlay(P.current,E.current.parentElement,s.appendTo||l&&l.appendTo||y.default.appendTo)})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(P.current)})),b.useImperativeHandle(a,(function(){return{props:s,show:U,hide:C,getElement:function(){return I.current}}})),!1===s.visible)return null;var M=c.ObjectUtils.isNotEmpty(s.tooltip),R={large:"lg",small:"sm"}[s.size],B=s.buttonTemplate?c.ObjectUtils.getJSXElement(s.buttonTemplate,s):null,L=m+"_overlay",A=c.mergeProps({ref:I,id:m,className:c.classNames(s.className,D("root",{size:R})),style:s.style},K.getOtherProps(s),N("root"));return b.createElement(b.Fragment,null,b.createElement("div",A,b.createElement(n.Button,v({ref:E,type:"button",className:c.classNames(s.buttonClassName,D("button")),icon:s.icon,loading:s.loading,loadingIcon:s.loadingIcon,severity:s.severity,label:s.label,"aria-label":s.label,raised:s.raised,onClick:s.onClick,disabled:s.disabled,tabIndex:s.tabIndex,size:s.size,outlined:s.outlined,text:s.text},s.buttonProps,{pt:N("button"),__parentMetadata:{parent:S},unstyled:s.unstyled}),B),b.createElement(n.Button,v({type:"button",className:c.classNames(s.menuButtonClassName,D("menuButton")),icon:function(){var e=c.mergeProps({className:D("icon")},N("icon")),t=c.IconUtils.getJSXIcon(s.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:s});return t},onClick:H,disabled:s.disabled,"aria-expanded":h,"aria-haspopup":"true","aria-controls":L},s.menuButtonProps,{size:s.size,severity:s.severity,outlined:s.outlined,text:s.text,raised:s.raised,pt:N("menuButton"),__parentMetadata:{parent:S},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(H(e),e.preventDefault())},unstyled:s.unstyled})),b.createElement(T,{ref:O,popup:!0,unstyled:s.unstyled,model:s.model,appendTo:s.appendTo,id:L,style:s.menuStyle,autoZIndex:s.autoZIndex,baseZIndex:s.baseZIndex,className:s.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},onShow:function(){s.onShow&&s.onShow()},onHide:function(){x(!1),s.onHide&&s.onHide()},pt:N("menu")})),M&&b.createElement(d.Tooltip,v({target:I,content:s.tooltip},s.tooltipOptions,{pt:N("tooltip")})))})));R.displayName="SplitButton",exports.SplitButton=R;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),u=require("primereact/overlayservice"),a=require("primereact/csstransition"),l=require("primereact/portal"),c=require("primereact/utils"),s=require("primereact/icons/angleright"),p=require("primereact/ripple"),d=require("primereact/tooltip");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=f(e),y=m(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function I(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?w(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return O(e)||E(e,t)||S(e,t)||P()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===y.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),r=o.useMergeProps(),i=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return i(n,{hostName:e.hostName,context:{active:v(t)}})},d=function(){if(n.current){var e=n.current.parentElement,t=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(n.current),i=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-c.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;h(n)?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}))},f=function(t){return"".concat(e.menuId,"_").concat(t.key)},y=function(e,t,n){return e&&e.item?c.ObjectUtils.getItemValue(e.item[t],n):void 0},v=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},g=function(e){return!1!==y(e,"visible")},h=function(e){return y(e,"disabled")},x=function(t){return e.focusedItemId===f(t)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},E=function(t){return t-e.model.slice(0,t).filter((function(e){return g(e)&&y(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),b.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var w=function(t){var n=r({key:"separator_"+t,className:u("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return b.createElement("li",n)},S=function(t,n){return I(t)?b.createElement(H,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},P=function(t,n){if(!1===g(t))return null;var o=t.item,i=y(t,"style"),a=y(t,"icon"),d=y(t,"target"),w=y(t,"url"),P=f(t),k=x(t),j=v(t),N=h(t),H=I(t),C=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",a),M=r({className:c.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),T=c.IconUtils.getJSXIcon(a,D({},M),{props:e.menuProps}),K=r({className:u("label")},l(t,"label")),_=o.label&&b.createElement("span",K,o.label),R=r({className:u("submenuIcon")},l(t,"submenuIcon")),B=H&&c.IconUtils.getJSXIcon(e.submenuIcon||b.createElement(s.AngleRightIcon,R),D({},R),{props:e.menuProps}),L=S(t,n),A=r({href:w||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:d},l(t,"action")),Z=b.createElement("a",A,T,_,B,b.createElement(p.Ripple,null));o.template&&(Z=c.ObjectUtils.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:j,disabled:N}));var q=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return O(e,t)},className:u("content")},l(t,"content")),z=r({key:P,id:P,"aria-label":o.label,"aria-disabled":N,"aria-expanded":H?j:void 0,"aria-haspopup":H&&!w?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!y(e,"separator")})).length,"aria-posinset":E(n),"data-p-highlight":j,"data-p-disabled":N,"data-p-visited":k,className:u("menuitem",{className:o.className,active:j,focused:k,disabled:N}),style:i,onMouseEnter:function(e){return O(e,o)},role:"menuitem"},l(t,"menuitem"));return b.createElement("li",z,b.createElement("div",q,Z),L)},k=e.model?e.model.map((function(e,t){return y(e,"separator")?w(t):P(e,t)})):null,j=e.root?"menu":"submenu",N=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(j,{subProps:e}),style:a(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(j,{hostName:e.hostName}));return b.createElement("ul",N,k)})));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="TieredMenuSub";var M=b.memo(b.forwardRef((function(e,n){var i=o.useMergeProps(),s=b.useContext(t.PrimeReactContext),p=j.getProps(e,s),d=k(b.useState(p.id),2),m=d[0],f=d[1],g=k(b.useState(!p.popup),2),h=g[0],x=g[1],I=k(b.useState([]),2),O=I[0],E=I[1],w=k(b.useState(!1),2),S=w[0],P=w[1],N=k(b.useState(null),2),D=N[0],C=N[1],M=k(b.useState({index:-1,level:0,parentKey:""}),2),T=M[0],K=M[1],_=k(b.useState(!1),2),R=_[0],B=_[1],L=k(b.useState([]),2),A=L[0],Z=L[1],q=k(b.useState([]),2),z=q[0],W=q[1],F=k(b.useState(!1),2),V=F[0],J=F[1],X=k(b.useState(null),2),Y=X[0],G=X[1],$=j.setMetaData({props:p,state:{id:m,visible:h,attributeSelector:Y}}),Q=$.ptm,ee=$.cx,te=$.sx;r.useHandleStyle(j.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=b.useRef(null),re=b.useRef(null),oe=b.useRef(null),ie=b.useRef(null),ue=b.useRef(null),ae=b.useRef(null),le=b.useRef(null),ce=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=k(o.useEventListener({type:"click",listener:function(e){var t=ne.current&&!ne.current.contains(e.target),n=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),pe=se[0],de=se[1],me=k(o.useResizeListener({listener:function(){!ce&&he(event,!0)}}),2),fe=me[0],be=me[1],ye=function(e){p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ve=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ie.current=e.relatedTarget||null),K({index:Ye(),level:0,parentKey:""})},he=function(e,t){p.popup&&(x(!1),p.onHide&&p.onHide(e));var n=Ke();E([]),K({index:-1,level:0,parentKey:""}),t&&c.DomHandler.focus(ie.current||oe.current||n),B(!1)},xe=function(e){P(!0),K(-1!==T.index?T:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),K({index:-1,level:0,parentKey:""}),ae.current="",B(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":Ne(e);break;case"Home":De(e);break;case"End":He(e);break;case"Space":Ue(e);break;case"Enter":Ce(e);break;case"Escape":p.popup&&c.DomHandler.focus(oe.current),Me(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&c.ObjectUtils.isPrintableCharacter(e.key)&&$e(e.key)}},Ee=function(e){var t=e.processedItem,n=e.isFocus;if(!c.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=c.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&c.DomHandler.focus(Ke())}},we=function(e){var t=e.originalEvent,n=e.processedItem;if(!Re(n)&&!p.isMobileMode){var r=Le(n),o=c.ObjectUtils.isEmpty(n.parent),i=ze(n),u=Ke();if(i){var a=n.index,l=n.key,s=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:s,parentKey:d}),r||B(!o),setTimeout((function(){c.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)c.DomHandler.focus(u),Ee(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Se=function(e){var t=e.originalEvent;Re(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&Ee(e)},Pe=function(e){var t=-1!==T.index?Ve(T.index):Ye();Qe(t),e.preventDefault()},ke=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(oe.current),-1!==T.index){var t=z[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Je(T.index):Ge();Qe(n),e.preventDefault()}},je=function(e){var t=z[T.index],n=O.find((function(e){return e.key===t.parentKey}));c.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Ne=function(e){var t=z[T.index];Le(t)&&(Ee({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},De=function(e){Qe(We()),e.preventDefault()},He=function(e){Qe(Fe()),e.preventDefault()},Ce=function(e){if(-1!==T.index){var t=c.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(D),'"]')),n=t&&c.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(oe.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){Ce(e)},Me=function(e){he(e,!0),!p.popup&&K(U(U({},T),{},{index:Ye()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var t=z[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}he(e)},Ke=function(){return re.current.getElement()||null},_e=function(e,t){return e?c.ObjectUtils.getItemValue(e[t]):void 0},Re=function(e){return _e(e,"disabled")},Be=function(e){return e?_e(e.item,"label"):void 0},Le=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},Ae=function(e){return Ze(e)&&Be(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Re(e.item)&&!_e(e.item,"separator")},qe=function(e){return Ze(e)&&ze(e)},ze=function(e){return O.some((function(t){return t.key===e.key}))},We=function(){return z.findIndex((function(e){return Ze(e)}))},Fe=function(){return c.ObjectUtils.findLastIndex(z,(function(e){return Ze(e)}))},Ve=function(e){var t=e<z.length-1?z.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},Je=function(e){var t=e>0?c.ObjectUtils.findLastIndex(z.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},Xe=function(){return z.findIndex((function(e){return qe(e)}))},Ye=function(){var e=Xe();return e<0?We():e},Ge=function(){var e=Xe();return e<0?Fe():e},$e=function(e){ae.current=(ae.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=z.slice(T.index).findIndex((function(e){return Ae(e)})))?z.slice(0,T.index).findIndex((function(e){return Ae(e)})):t+T.index:z.findIndex((function(e){return Ae(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=Ye()),-1!==t&&Qe(t),le.current&&clearTimeout(le),le.current=setTimeout((function(){ae.current="",le.current=null}),500),n},Qe=function(e){T.index!==e&&(K(U(U({},T),{},{index:e})),et())},et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=c.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},tt=b.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=tt(e.items,t+1,a,u),o.push(a)})),o}),[]),nt=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||y.default.nonce,s&&s.styleContainer);var e="".concat(Y),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=t}},rt=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},ot=function(){p.autoZIndex&&c.ZIndexUtils.set("menu",ne.current,s&&s.autoZIndex||y.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||y.default.zIndex.menu),c.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(ne.current,oe.current),c.DomHandler.getOuterWidth(oe.current)>c.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=c.DomHandler.getOuterWidth(oe.current)+"px"),c.DomHandler.focus(re.current.getElement()),et(),Y&&p.breakpoint&&(ne.current.setAttribute(Y,""),nt())},it=function(){pe(),fe()},ut=function(){oe.current=null,de(),be()},at=function(){c.ZIndexUtils.clear(ne.current),rt()};o.useMountEffect((function(){var e=c.UniqueComponentId();!m&&f(e),p.breakpoint&&!Y&&G(e)})),b.useEffect((function(){var e=tt(p.model||[]);Z(e)}),[p.model,tt]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));W(e?e.items:A)}),[O,T,A]),o.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(c.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;C(e)}),[T]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(de(),be()))}),[O]),o.useUpdateEffect((function(){if(V){var e=-1!==T.index?Ve(T.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),J(!1)}}),[V]),o.useUpdateEffect((function(){return Y&&ne.current&&(ne.current.setAttribute(Y,""),nt()),function(){rt()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(ne.current)})),b.useImperativeHandle(n,(function(){return{props:p,toggle:ve,show:ge,hide:he,getElement:function(){return ne.current}}}));var lt,ct,st=(lt=i({ref:ne,id:p.id,className:ee("root"),style:p.style,onClick:ye},j.getOtherProps(p),Q("root")),ct=i({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:ot,onEntered:it,onExit:ut,onExited:at},Q("transition")),b.createElement(a.CSSTransition,v({nodeRef:ne},ct),b.createElement("div",lt,b.createElement(H,{id:m+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:we,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:he,isMobileMode:ce,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:te}))));return p.popup?b.createElement(l.Portal,{element:st,appendTo:p.appendTo}):st})));M.displayName="TieredMenu";var T=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!1,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return c.classNames("p-splitbutton p-component",I(I(I(I(I(I({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return c.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return c.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=b.memo(b.forwardRef((function(e,a){var l=o.useMergeProps(),s=b.useContext(t.PrimeReactContext),p=T.getProps(e,s),m=k(b.useState(p.id),2),f=m[0],g=m[1],h=k(b.useState(!1),2),x=h[0],I=h[1],O=b.useRef(null),E=b.useRef(null),w=b.useRef(null),S=b.useRef(null),P=o.useDisplayOrder("split-button-tooltip",x),j={props:p,state:{id:f,overlayVisible:x}},N=T.setMetaData(j),D=N.ptm,H=N.cx;r.useHandleStyle(T.css.styles,N.isUnstyled,{name:"splitbutton"}),o.useGlobalOnEscapeKey({callback:function(){K()},when:x&&P,priority:[o.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,P]});var C=function(e){x?K(e):U(e)},U=function(e){I(!0),E.current&&E.current.show(e)},K=function(e){I(!1),E.current&&E.current.hide(e)};if(o.useMountEffect((function(){f||g(c.UniqueComponentId()),c.DomHandler.alignOverlay(S.current,w.current.parentElement,p.appendTo||s&&s.appendTo||y.default.appendTo)})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(S.current)})),b.useImperativeHandle(a,(function(){return{props:p,show:U,hide:K,getElement:function(){return O.current}}})),!1===p.visible)return null;var R=c.ObjectUtils.isNotEmpty(p.tooltip),B={large:"lg",small:"sm"}[p.size],L=p.buttonTemplate?c.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,A=f+"_overlay",Z=l({ref:O,id:f,className:c.classNames(p.className,H("root",{size:B})),style:p.style},T.getOtherProps(p),D("root"));return b.createElement(b.Fragment,null,b.createElement("div",Z,b.createElement(n.Button,v({ref:w,type:"button",className:c.classNames(p.buttonClassName,H("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:j},unstyled:p.unstyled}),L),b.createElement(n.Button,v({type:"button",className:c.classNames(p.menuButtonClassName,H("menuButton")),icon:function(){var e=l({className:H("icon")},D("icon")),t=c.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:C,disabled:p.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":A},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:j},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(C(e),e.preventDefault())},unstyled:p.unstyled})),b.createElement(M,{ref:E,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:A,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:p.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){I(!1),p.onHide&&p.onHide()},pt:D("menu")})),R&&b.createElement(d.Tooltip,v({target:O,content:p.tooltip},p.tooltipOptions,{pt:D("tooltip")})))})));R.displayName="SplitButton",exports.SplitButton=R;
|