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
|
-
this.primereact=this.primereact||{},this.primereact.deferredcontent=function(e,t,r,n,o
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.deferredcontent=function(e,t,r,n,o){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=u(t);function i(e){if(Array.isArray(e))return e}function c(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,u,a,i=[],c=!0,l=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=u.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return i}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){if(e){if("string"==typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(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 d(e,t){return i(e)||c(e,t)||f(e,t)||s()}var p=o.ComponentBase.extend({defaultProps:{__TYPE:"DeferredContent",onload:null,children:void 0}}),m=a.forwardRef((function(e,t){var o=n.useMergeProps(),u=a.useContext(r.PrimeReactContext),i=p.getProps(e,u),c=d(a.useState(!1),2),l=c[0],f=c[1],s=a.useRef(null),m=d(n.useEventListener({target:"window",type:"scroll",listener:function(){h()&&(g(),v())}}),2),y=m[0],v=m[1],b=p.setMetaData({props:i,state:{loaded:l}}).ptm,h=function(){if(l)return!1;var e=s.current.getBoundingClientRect();return document.documentElement.clientHeight>=e.top},g=function(e){f(!0),i.onLoad&&i.onLoad(e)};a.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return s.current}}})),n.useMountEffect((function(){l||(h()?g():y())}));var O=o({ref:s},p.getOtherProps(i),b("root"));return a.createElement("div",O,l&&i.children)}));return m.displayName="DeferredContent",e.DeferredContent=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.componentbase);
|
package/dialog/dialog.cjs.js
CHANGED
|
@@ -296,6 +296,7 @@ var DialogBase = componentbase.ComponentBase.extend({
|
|
|
296
296
|
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; }
|
|
297
297
|
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; }
|
|
298
298
|
var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
299
|
+
var mergeProps = hooks.useMergeProps();
|
|
299
300
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
300
301
|
var props = DialogBase.getProps(inProps, context);
|
|
301
302
|
var uniqueId = props.id ? props.id : utils.UniqueComponentId();
|
|
@@ -354,7 +355,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
354
355
|
onClose(event);
|
|
355
356
|
}
|
|
356
357
|
},
|
|
357
|
-
when: visibleState,
|
|
358
|
+
when: visibleState && displayOrder,
|
|
358
359
|
priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
|
|
359
360
|
});
|
|
360
361
|
var _useEventListener = hooks.useEventListener({
|
|
@@ -761,7 +762,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
761
762
|
var createCloseIcon = function createCloseIcon() {
|
|
762
763
|
if (props.closable) {
|
|
763
764
|
var ariaLabel = props.ariaCloseIconLabel || PrimeReact.localeOption('close');
|
|
764
|
-
var closeButtonIconProps =
|
|
765
|
+
var closeButtonIconProps = mergeProps({
|
|
765
766
|
className: cx('closeButtonIcon'),
|
|
766
767
|
'aria-hidden': true
|
|
767
768
|
}, ptm('closeButtonIcon'));
|
|
@@ -769,7 +770,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
769
770
|
var headerCloseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeButtonIconProps), {
|
|
770
771
|
props: props
|
|
771
772
|
});
|
|
772
|
-
var closeButtonProps =
|
|
773
|
+
var closeButtonProps = mergeProps({
|
|
773
774
|
ref: closeRef,
|
|
774
775
|
type: 'button',
|
|
775
776
|
className: cx('closeButton'),
|
|
@@ -782,7 +783,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
782
783
|
};
|
|
783
784
|
var createMaximizeIcon = function createMaximizeIcon() {
|
|
784
785
|
var icon;
|
|
785
|
-
var maximizableIconProps =
|
|
786
|
+
var maximizableIconProps = mergeProps({
|
|
786
787
|
className: cx('maximizableIcon')
|
|
787
788
|
}, ptm('maximizableIcon'));
|
|
788
789
|
if (!maximized) {
|
|
@@ -794,7 +795,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
794
795
|
props: props
|
|
795
796
|
});
|
|
796
797
|
if (props.maximizable) {
|
|
797
|
-
var maximizableButtonProps =
|
|
798
|
+
var maximizableButtonProps = mergeProps({
|
|
798
799
|
type: 'button',
|
|
799
800
|
className: cx('maximizableButton'),
|
|
800
801
|
onClick: toggleMaximize
|
|
@@ -810,17 +811,17 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
810
811
|
var icons = utils.ObjectUtils.getJSXElement(props.icons, props);
|
|
811
812
|
var header = utils.ObjectUtils.getJSXElement(props.header, props);
|
|
812
813
|
var headerId = idState + '_header';
|
|
813
|
-
var headerProps =
|
|
814
|
+
var headerProps = mergeProps({
|
|
814
815
|
ref: headerRef,
|
|
815
816
|
style: props.headerStyle,
|
|
816
817
|
className: cx('header'),
|
|
817
818
|
onMouseDown: onDragStart
|
|
818
819
|
}, ptm('header'));
|
|
819
|
-
var headerTitleProps =
|
|
820
|
+
var headerTitleProps = mergeProps({
|
|
820
821
|
id: headerId,
|
|
821
822
|
className: cx('headerTitle')
|
|
822
823
|
}, ptm('headerTitle'));
|
|
823
|
-
var headerIconsProps =
|
|
824
|
+
var headerIconsProps = mergeProps({
|
|
824
825
|
className: cx('headerIcons')
|
|
825
826
|
}, ptm('headerIcons'));
|
|
826
827
|
return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("div", headerTitleProps, header), /*#__PURE__*/React__namespace.createElement("div", headerIconsProps, icons, maximizeIcon, closeIcon));
|
|
@@ -829,7 +830,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
829
830
|
};
|
|
830
831
|
var createContent = function createContent() {
|
|
831
832
|
var contentId = idState + '_content';
|
|
832
|
-
var contentProps =
|
|
833
|
+
var contentProps = mergeProps({
|
|
833
834
|
id: contentId,
|
|
834
835
|
ref: contentRef,
|
|
835
836
|
style: props.contentStyle,
|
|
@@ -839,7 +840,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
839
840
|
};
|
|
840
841
|
var createFooter = function createFooter() {
|
|
841
842
|
var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
|
|
842
|
-
var footerProps =
|
|
843
|
+
var footerProps = mergeProps({
|
|
843
844
|
ref: footerRef,
|
|
844
845
|
className: cx('footer')
|
|
845
846
|
}, ptm('footer'));
|
|
@@ -898,13 +899,13 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
898
899
|
enter: props.position === 'center' ? 150 : 300,
|
|
899
900
|
exit: props.position === 'center' ? 150 : 300
|
|
900
901
|
};
|
|
901
|
-
var maskProps =
|
|
902
|
+
var maskProps = mergeProps({
|
|
902
903
|
ref: maskRef,
|
|
903
904
|
style: sx('mask'),
|
|
904
905
|
className: cx('mask'),
|
|
905
906
|
onPointerUp: onMaskPointerUp
|
|
906
907
|
}, ptm('mask'));
|
|
907
|
-
var rootProps =
|
|
908
|
+
var rootProps = mergeProps({
|
|
908
909
|
ref: dialogRef,
|
|
909
910
|
id: idState,
|
|
910
911
|
className: cx('root', {
|
|
@@ -920,7 +921,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
|
920
921
|
'aria-modal': props.modal,
|
|
921
922
|
onPointerDown: onDialogPointerDown
|
|
922
923
|
}, DialogBase.getOtherProps(props), ptm('root'));
|
|
923
|
-
var transitionProps =
|
|
924
|
+
var transitionProps = mergeProps({
|
|
924
925
|
classNames: cx('transition'),
|
|
925
926
|
timeout: transitionTimeout,
|
|
926
927
|
"in": visibleState,
|
package/dialog/dialog.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/times"),a=require("primereact/icons/windowmaximize"),l=require("primereact/icons/windowminimize"),c=require("primereact/portal"),s=require("primereact/ripple"),u=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(e),g=p(t);function f(){return f=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},f.apply(this,arguments)}function b(e){return b="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},b(e)}function y(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 v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){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 P(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=P(e,"string");return"symbol"===b(t)?t:String(t)}function O(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}function z(){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 S(e)||D(e,t)||x(e,t)||z()}function I(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=n.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return u.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return u.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return u.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,r=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return u.classNames("p-dialog-mask",r?"p-dialog-".concat(r):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,n=e.maximized,r=e.context;return u.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===g.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n }\n \n .p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n }\n \n .p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n }\n \n /* Resizable */\n .p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n }\n \n .p-dialog-draggable .p-dialog-header {\n cursor: move;\n } \n}\n",inlineStyles:{mask:function(e){var t=e.props;return j({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function R(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=m.forwardRef((function(e,p){var d=m.useContext(t.PrimeReactContext),b=C.getProps(e,d),y=b.id?b.id:u.UniqueComponentId(),P=k(m.useState(y),2),E=P[0],O=k(m.useState(!1),2),S=O[0],D=O[1],z=k(m.useState(!1),2),I=z[0],j=z[1],R=k(m.useState(b.maximized),2),N=R[0],M=R[1],T=m.useRef(null),B=m.useRef(null),U=m.useRef(null),_=m.useRef(null),X=m.useRef(null),A=m.useRef(null),q=m.useRef(null),L=m.useRef(!1),Y=m.useRef(!1),V=m.useRef(null),Z=m.useRef(null),J=m.useRef(null),F=m.useRef(y),W=m.useRef(null),G=b.onMaximize?b.maximized:N,K=I&&(b.blockScroll||b.maximizable&&G),$=o.useDisplayOrder("dialog",I),Q=C.setMetaData(H(H({props:b},b.__parentMetadata),{},{state:{id:E,maximized:G,containerVisible:S}})),ee=Q.ptm,te=Q.cx,ne=Q.sx;n.useHandleStyle(C.css.styles,Q.isUnstyled,{name:"dialog"}),o.useGlobalOnEscapeKey({callback:function(e){b.closable&&b.closeOnEscape&&ve(e)},when:I,priority:[o.ESC_KEY_HANDLING_PRIORITIES.DIALOG,$]});var re=k(o.useEventListener({type:"keydown",listener:function(e){return Pe(e)}}),2),oe=re[0],ie=re[1],ae=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ke(e)}}),2),le=ae[0],ce=ae[1],se=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ue=se[0],pe=se[1],de=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Oe(e)}}),2),me=de[0],ge=de[1],fe=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Se(e)}}),2),be=fe[0],ye=fe[1],ve=function(e){b.onHide(),e.preventDefault()},he=function(e){U.current=e.target,b.onPointerDown&&b.onPointerDown(e)},xe=function(e){b.dismissableMask&&b.modal&&B.current===e.target&&!U.current&&ve(e),b.onMaskClick&&b.onMaskClick(e),U.current=null},we=function(e){b.onMaximize?b.onMaximize({originalEvent:e,maximized:!G}):M((function(e){return!e})),e.preventDefault()},Pe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===E){var i=document.getElementById(o);if("Tab"===e.key){e.preventDefault();var a=u.DomHandler.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},Ee=function(e){u.DomHandler.hasClass(e.target,"p-dialog-header-icon")||u.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||b.draggable&&(L.current=!0,V.current=e.pageX,Z.current=e.pageY,T.current.style.margin="0",u.DomHandler.addClass(document.body,"p-unselectable-text"),b.onDragStart&&b.onDragStart(e))},Oe=function(e){if(L.current){var t=u.DomHandler.getOuterWidth(T.current),n=u.DomHandler.getOuterHeight(T.current),r=e.pageX-V.current,o=e.pageY-Z.current,i=T.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=u.DomHandler.getViewport(),s=getComputedStyle(T.current),p=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);T.current.style.position="fixed",b.keepInViewport?(a>=b.minX&&a+t<c.width&&(V.current=e.pageX,T.current.style.left=a-p+"px"),l>=b.minY&&l+n<c.height&&(Z.current=e.pageY,T.current.style.top=l-d+"px")):(V.current=e.pageX,T.current.style.left=a-p+"px",Z.current=e.pageY,T.current.style.top=l-d+"px"),b.onDrag&&b.onDrag(e)}},Se=function(e){L.current&&(L.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),b.onDragEnd&&b.onDragEnd(e))},De=function(e){b.resizable&&(Y.current=!0,V.current=e.pageX,Z.current=e.pageY,u.DomHandler.addClass(document.body,"p-unselectable-text"),b.onResizeStart&&b.onResizeStart(e))},ze=function(e,t,n){!n&&(n=u.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},ke=function(e){if(Y.current){var t=e.pageX-V.current,n=e.pageY-Z.current,r=u.DomHandler.getOuterWidth(T.current),o=u.DomHandler.getOuterHeight(T.current),i=T.current.getBoundingClientRect(),a=u.DomHandler.getViewport(),l=!parseInt(T.current.style.top)||!parseInt(T.current.style.left),c=ze(T.current.style.minWidth,"width",a),s=ze(T.current.style.minHeight,"height",a),p=r+t,d=o+n;l&&(p+=t,d+=n),(!c||p>c)&&i.left+p<a.width&&(T.current.style.width=p+"px"),(!s||d>s)&&i.top+d<a.height&&(T.current.style.height=d+"px"),V.current=e.pageX,Z.current=e.pageY,b.onResize&&b.onResize(e)}},Ie=function(e){Y.current&&(Y.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),b.onResizeEnd&&b.onResizeEnd(e))},je=function(){T.current.style.position="",T.current.style.left="",T.current.style.top="",T.current.style.margin=""},Ce=function(){T.current.setAttribute(F.current,"")},Re=function(){var e;b.onShow&&b.onShow(),b.focusOnShow&&!((e=document.activeElement)&&T.current&&T.current.contains(e))&&b.closable&&b.showHeader&&q.current&&q.current.focus(),Me()},He=function(){b.modal&&u.DomHandler.addClass(B.current,"p-component-overlay-leave")},Ne=function(){L.current=!1,u.ZIndexUtils.clear(B.current),D(!1),Te(),u.DomHandler.focus(W.current),W.current=null},Me=function(){Ue()},Te=function(){_e()},Be=function(e){if(e&&I){var t={id:E,hasBlockScroll:K};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===E}));document.primeDialogParams=-1===n?[].concat(v(r=document.primeDialogParams)||h(r)||x(r)||w(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==E}));var r;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?u.DomHandler.blockBodyScroll():u.DomHandler.unblockBodyScroll()},Ue=function(){b.draggable&&(me(),be()),b.resizable&&(le(),ue()),oe()},_e=function(){ge(),ye(),ce(),pe(),ie()},Xe=function(){J.current=u.DomHandler.createInlineStyle(d&&d.nonce||g.default.nonce,d&&d.styleContainer);var e="";for(var t in b.breakpoints)e+="\n @media screen and (max-width: ".concat(t,') {\n [data-pc-name="dialog"][').concat(F.current,"] {\n width: ").concat(b.breakpoints[t]," !important;\n }\n }\n ");J.current.innerHTML=e};o.useMountEffect((function(){Be(!0),b.visible&&D(!0)})),m.useEffect((function(){return b.breakpoints&&Xe(),function(){J.current=u.DomHandler.removeInlineStyle(J.current)}}),[b.breakpoints]),o.useUpdateEffect((function(){b.visible&&!S&&D(!0),b.visible!==I&&S&&j(b.visible),b.visible&&(W.current=document.activeElement)}),[b.visible,S]),o.useUpdateEffect((function(){S&&(u.ZIndexUtils.set("modal",B.current,d&&d.autoZIndex||g.default.autoZIndex,b.baseZIndex||d&&d.zIndex.modal||g.default.zIndex.modal),j(!0))}),[S]),o.useUpdateEffect((function(){Be(!0)}),[K,I]),o.useUnmountEffect((function(){Te(),Be(!1),u.DomHandler.removeInlineStyle(J.current),u.ZIndexUtils.clear(B.current)})),m.useImperativeHandle(p,(function(){return{props:b,resetPosition:je,getElement:function(){return T.current},getMask:function(){return B.current},getContent:function(){return _.current},getHeader:function(){return X.current},getFooter:function(){return A.current},getCloseButton:function(){return q.current}}}));var Ae=function(){if(b.closable){var e=b.ariaCloseIconLabel||t.localeOption("close"),n=u.mergeProps({className:te("closeButtonIcon"),"aria-hidden":!0},ee("closeButtonIcon")),r=u.IconUtils.getJSXIcon(b.closeIcon||m.createElement(i.TimesIcon,n),H({},n),{props:b}),o=u.mergeProps({ref:q,type:"button",className:te("closeButton"),"aria-label":e,onClick:ve},ee("closeButton"));return m.createElement("button",o,r,m.createElement(s.Ripple,null))}return null},qe=function(){var e=u.mergeProps({className:te("maximizableIcon")},ee("maximizableIcon")),t=u.IconUtils.getJSXIcon(G?b.minimizeIcon||m.createElement(l.WindowMinimizeIcon,e):b.maximizeIcon||m.createElement(a.WindowMaximizeIcon,e),e,{props:b});if(b.maximizable){var n=u.mergeProps({type:"button",className:te("maximizableButton"),onClick:we},ee("maximizableButton"));return m.createElement("button",n,t,m.createElement(s.Ripple,null))}return null},Le=function(){if(b.showHeader){var e=Ae(),t=qe(),n=u.ObjectUtils.getJSXElement(b.icons,b),r=u.ObjectUtils.getJSXElement(b.header,b),o=E+"_header",i=u.mergeProps({ref:X,style:b.headerStyle,className:te("header"),onMouseDown:Ee},ee("header")),a=u.mergeProps({id:o,className:te("headerTitle")},ee("headerTitle")),l=u.mergeProps({className:te("headerIcons")},ee("headerIcons"));return m.createElement("div",i,m.createElement("div",a,r),m.createElement("div",l,n,t,e))}return null},Ye=function(){var e=u.ObjectUtils.getJSXElement(b.footer,b),t=u.mergeProps({ref:A,className:te("footer")},ee("footer"));return e&&m.createElement("div",t,e)},Ve=function(t){var n,o=t.rootProps,i={header:b.header,content:b.message,message:null==b||null===(n=b.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:X,contentRef:_,footerRef:A,closeRef:q,hide:ve,message:i};return m.createElement("div",t.maskProps,m.createElement(r.CSSTransition,f({nodeRef:T},t.transitionProps),m.createElement("div",o,u.ObjectUtils.getJSXElement(e.content,a))))},Ze=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Le(),l=(t=u.mergeProps({id:E+"_content",ref:_,style:b.contentStyle,className:te("content")},ee("content")),m.createElement("div",t,b.children)),c=Ye(),s=b.resizable?m.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:De}):null;return m.createElement("div",n,m.createElement(r.CSSTransition,f({nodeRef:T},i),m.createElement("div",o,a,l,c,s)))};return S&&function(){var t=E+"_header",n=E+"_content",r={enter:"center"===b.position?150:300,exit:"center"===b.position?150:300},o=u.mergeProps({ref:B,style:ne("mask"),className:te("mask"),onPointerUp:xe},ee("mask")),i=u.mergeProps({ref:T,id:E,className:te("root",{props:b,maximized:G,context:d}),style:b.style,onClick:b.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":b.modal,onPointerDown:he},C.getOtherProps(b),ee("root")),a=u.mergeProps({classNames:te("transition"),timeout:r,in:I,options:b.transitionOptions,unmountOnExit:!0,onEnter:Ce,onEntered:Re,onExiting:He,onExited:Ne},ee("transition"));if(null!=e&&e.content){var l=Ve({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:l,appendTo:b.appendTo,visible:!0})}var s=Ze({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:s,appendTo:b.appendTo,visible:!0})}()}));N.displayName="Dialog",exports.Dialog=N;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/times"),a=require("primereact/icons/windowmaximize"),l=require("primereact/icons/windowminimize"),c=require("primereact/portal"),s=require("primereact/ripple"),u=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(e),f=p(t);function g(){return g=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},g.apply(this,arguments)}function b(e){return b="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},b(e)}function y(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 v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){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 E(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=E(e,"string");return"symbol"===b(t)?t:String(t)}function S(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(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,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}function z(){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 D(e)||P(e,t)||x(e,t)||z()}function I(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=n.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return u.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return u.classNames("p-dialog-content",e.props.contentClassName)},footer:function(e){return u.classNames("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,r=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return u.classNames("p-dialog-mask",r?"p-dialog-".concat(r):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,n=e.maximized,r=e.context;return u.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":n,"p-dialog-default":!n,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===f.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n }\n \n .p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n }\n \n .p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n }\n \n /* Resizable */\n .p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n }\n \n .p-dialog-draggable .p-dialog-header {\n cursor: move;\n } \n}\n",inlineStyles:{mask:function(e){var t=e.props;return j({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function R(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=m.forwardRef((function(e,p){var d=o.useMergeProps(),b=m.useContext(t.PrimeReactContext),y=C.getProps(e,b),E=y.id?y.id:u.UniqueComponentId(),O=k(m.useState(E),2),S=O[0],D=k(m.useState(!1),2),P=D[0],z=D[1],I=k(m.useState(!1),2),j=I[0],R=I[1],N=k(m.useState(y.maximized),2),M=N[0],T=N[1],B=m.useRef(null),U=m.useRef(null),_=m.useRef(null),X=m.useRef(null),A=m.useRef(null),q=m.useRef(null),L=m.useRef(null),Y=m.useRef(!1),V=m.useRef(!1),Z=m.useRef(null),J=m.useRef(null),F=m.useRef(null),W=m.useRef(E),G=m.useRef(null),K=y.onMaximize?y.maximized:M,$=j&&(y.blockScroll||y.maximizable&&K),Q=o.useDisplayOrder("dialog",j),ee=C.setMetaData(H(H({props:y},y.__parentMetadata),{},{state:{id:S,maximized:K,containerVisible:P}})),te=ee.ptm,ne=ee.cx,re=ee.sx;n.useHandleStyle(C.css.styles,ee.isUnstyled,{name:"dialog"}),o.useGlobalOnEscapeKey({callback:function(e){y.closable&&y.closeOnEscape&&he(e)},when:j&&Q,priority:[o.ESC_KEY_HANDLING_PRIORITIES.DIALOG,Q]});var oe=k(o.useEventListener({type:"keydown",listener:function(e){return Oe(e)}}),2),ie=oe[0],ae=oe[1],le=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ce=le[0],se=le[1],ue=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return je(e)}}),2),pe=ue[0],de=ue[1],me=k(o.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return De(e)}}),2),fe=me[0],ge=me[1],be=k(o.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Pe(e)}}),2),ye=be[0],ve=be[1],he=function(e){y.onHide(),e.preventDefault()},xe=function(e){_.current=e.target,y.onPointerDown&&y.onPointerDown(e)},we=function(e){y.dismissableMask&&y.modal&&U.current===e.target&&!_.current&&he(e),y.onMaskClick&&y.onMaskClick(e),_.current=null},Ee=function(e){y.onMaximize?y.onMaximize({originalEvent:e,maximized:!K}):T((function(e){return!e})),e.preventDefault()},Oe=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length,o=n[r-1]?n[r-1].id:void 0;if(o===S){var i=document.getElementById(o);if("Tab"===e.key){e.preventDefault();var a=u.DomHandler.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},Se=function(e){u.DomHandler.hasClass(e.target,"p-dialog-header-icon")||u.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||y.draggable&&(Y.current=!0,Z.current=e.pageX,J.current=e.pageY,B.current.style.margin="0",u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onDragStart&&y.onDragStart(e))},De=function(e){if(Y.current){var t=u.DomHandler.getOuterWidth(B.current),n=u.DomHandler.getOuterHeight(B.current),r=e.pageX-Z.current,o=e.pageY-J.current,i=B.current.getBoundingClientRect(),a=i.left+r,l=i.top+o,c=u.DomHandler.getViewport(),s=getComputedStyle(B.current),p=parseFloat(s.marginLeft),d=parseFloat(s.marginTop);B.current.style.position="fixed",y.keepInViewport?(a>=y.minX&&a+t<c.width&&(Z.current=e.pageX,B.current.style.left=a-p+"px"),l>=y.minY&&l+n<c.height&&(J.current=e.pageY,B.current.style.top=l-d+"px")):(Z.current=e.pageX,B.current.style.left=a-p+"px",J.current=e.pageY,B.current.style.top=l-d+"px"),y.onDrag&&y.onDrag(e)}},Pe=function(e){Y.current&&(Y.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onDragEnd&&y.onDragEnd(e))},ze=function(e){y.resizable&&(V.current=!0,Z.current=e.pageX,J.current=e.pageY,u.DomHandler.addClass(document.body,"p-unselectable-text"),y.onResizeStart&&y.onResizeStart(e))},ke=function(e,t,n){!n&&(n=u.DomHandler.getViewport());var r=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?r*(n[t]/100):r},Ie=function(e){if(V.current){var t=e.pageX-Z.current,n=e.pageY-J.current,r=u.DomHandler.getOuterWidth(B.current),o=u.DomHandler.getOuterHeight(B.current),i=B.current.getBoundingClientRect(),a=u.DomHandler.getViewport(),l=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),c=ke(B.current.style.minWidth,"width",a),s=ke(B.current.style.minHeight,"height",a),p=r+t,d=o+n;l&&(p+=t,d+=n),(!c||p>c)&&i.left+p<a.width&&(B.current.style.width=p+"px"),(!s||d>s)&&i.top+d<a.height&&(B.current.style.height=d+"px"),Z.current=e.pageX,J.current=e.pageY,y.onResize&&y.onResize(e)}},je=function(e){V.current&&(V.current=!1,u.DomHandler.removeClass(document.body,"p-unselectable-text"),y.onResizeEnd&&y.onResizeEnd(e))},Ce=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Re=function(){B.current.setAttribute(W.current,"")},He=function(){var e;y.onShow&&y.onShow(),y.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&y.closable&&y.showHeader&&L.current&&L.current.focus(),Te()},Ne=function(){y.modal&&u.DomHandler.addClass(U.current,"p-component-overlay-leave")},Me=function(){Y.current=!1,u.ZIndexUtils.clear(U.current),z(!1),Be(),u.DomHandler.focus(G.current),G.current=null},Te=function(){_e()},Be=function(){Xe()},Ue=function(e){if(e&&j){var t={id:S,hasBlockScroll:$};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===S}));document.primeDialogParams=-1===n?[].concat(v(r=document.primeDialogParams)||h(r)||x(r)||w(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==S}));var r;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?u.DomHandler.blockBodyScroll():u.DomHandler.unblockBodyScroll()},_e=function(){y.draggable&&(fe(),ye()),y.resizable&&(ce(),pe()),ie()},Xe=function(){ge(),ve(),se(),de(),ae()},Ae=function(){F.current=u.DomHandler.createInlineStyle(b&&b.nonce||f.default.nonce,b&&b.styleContainer);var e="";for(var t in y.breakpoints)e+="\n @media screen and (max-width: ".concat(t,') {\n [data-pc-name="dialog"][').concat(W.current,"] {\n width: ").concat(y.breakpoints[t]," !important;\n }\n }\n ");F.current.innerHTML=e};o.useMountEffect((function(){Ue(!0),y.visible&&z(!0)})),m.useEffect((function(){return y.breakpoints&&Ae(),function(){F.current=u.DomHandler.removeInlineStyle(F.current)}}),[y.breakpoints]),o.useUpdateEffect((function(){y.visible&&!P&&z(!0),y.visible!==j&&P&&R(y.visible),y.visible&&(G.current=document.activeElement)}),[y.visible,P]),o.useUpdateEffect((function(){P&&(u.ZIndexUtils.set("modal",U.current,b&&b.autoZIndex||f.default.autoZIndex,y.baseZIndex||b&&b.zIndex.modal||f.default.zIndex.modal),R(!0))}),[P]),o.useUpdateEffect((function(){Ue(!0)}),[$,j]),o.useUnmountEffect((function(){Be(),Ue(!1),u.DomHandler.removeInlineStyle(F.current),u.ZIndexUtils.clear(U.current)})),m.useImperativeHandle(p,(function(){return{props:y,resetPosition:Ce,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return X.current},getHeader:function(){return A.current},getFooter:function(){return q.current},getCloseButton:function(){return L.current}}}));var qe=function(){if(y.closable){var e=y.ariaCloseIconLabel||t.localeOption("close"),n=d({className:ne("closeButtonIcon"),"aria-hidden":!0},te("closeButtonIcon")),r=u.IconUtils.getJSXIcon(y.closeIcon||m.createElement(i.TimesIcon,n),H({},n),{props:y}),o=d({ref:L,type:"button",className:ne("closeButton"),"aria-label":e,onClick:he},te("closeButton"));return m.createElement("button",o,r,m.createElement(s.Ripple,null))}return null},Le=function(){var e=d({className:ne("maximizableIcon")},te("maximizableIcon")),t=u.IconUtils.getJSXIcon(K?y.minimizeIcon||m.createElement(l.WindowMinimizeIcon,e):y.maximizeIcon||m.createElement(a.WindowMaximizeIcon,e),e,{props:y});if(y.maximizable){var n=d({type:"button",className:ne("maximizableButton"),onClick:Ee},te("maximizableButton"));return m.createElement("button",n,t,m.createElement(s.Ripple,null))}return null},Ye=function(){if(y.showHeader){var e=qe(),t=Le(),n=u.ObjectUtils.getJSXElement(y.icons,y),r=u.ObjectUtils.getJSXElement(y.header,y),o=S+"_header",i=d({ref:A,style:y.headerStyle,className:ne("header"),onMouseDown:Se},te("header")),a=d({id:o,className:ne("headerTitle")},te("headerTitle")),l=d({className:ne("headerIcons")},te("headerIcons"));return m.createElement("div",i,m.createElement("div",a,r),m.createElement("div",l,n,t,e))}return null},Ve=function(){var e=u.ObjectUtils.getJSXElement(y.footer,y),t=d({ref:q,className:ne("footer")},te("footer"));return e&&m.createElement("div",t,e)},Ze=function(t){var n,o=t.rootProps,i={header:y.header,content:y.message,message:null==y||null===(n=y.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},a={headerRef:A,contentRef:X,footerRef:q,closeRef:L,hide:he,message:i};return m.createElement("div",t.maskProps,m.createElement(r.CSSTransition,g({nodeRef:B},t.transitionProps),m.createElement("div",o,u.ObjectUtils.getJSXElement(e.content,a))))},Je=function(e){var t,n=e.maskProps,o=e.rootProps,i=e.transitionProps,a=Ye(),l=(t=d({id:S+"_content",ref:X,style:y.contentStyle,className:ne("content")},te("content")),m.createElement("div",t,y.children)),c=Ve(),s=y.resizable?m.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:ze}):null;return m.createElement("div",n,m.createElement(r.CSSTransition,g({nodeRef:B},i),m.createElement("div",o,a,l,c,s)))};return P&&function(){var t=S+"_header",n=S+"_content",r={enter:"center"===y.position?150:300,exit:"center"===y.position?150:300},o=d({ref:U,style:re("mask"),className:ne("mask"),onPointerUp:we},te("mask")),i=d({ref:B,id:S,className:ne("root",{props:y,maximized:K,context:b}),style:y.style,onClick:y.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":y.modal,onPointerDown:xe},C.getOtherProps(y),te("root")),a=d({classNames:ne("transition"),timeout:r,in:j,options:y.transitionOptions,unmountOnExit:!0,onEnter:Re,onEntered:He,onExiting:Ne,onExited:Me},te("transition"));if(null!=e&&e.content){var l=Ze({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:l,appendTo:y.appendTo,visible:!0})}var s=Je({maskProps:o,rootProps:i,transitionProps:a});return m.createElement(c.Portal,{element:s,appendTo:y.appendTo,visible:!0})}()}));N.displayName="Dialog",exports.Dialog=N;
|
package/dialog/dialog.esm.js
CHANGED
|
@@ -3,13 +3,13 @@ import * as React from 'react';
|
|
|
3
3
|
import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
5
|
import { CSSTransition } from 'primereact/csstransition';
|
|
6
|
-
import { useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
6
|
+
import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
7
7
|
import { TimesIcon } from 'primereact/icons/times';
|
|
8
8
|
import { WindowMaximizeIcon } from 'primereact/icons/windowmaximize';
|
|
9
9
|
import { WindowMinimizeIcon } from 'primereact/icons/windowminimize';
|
|
10
10
|
import { Portal } from 'primereact/portal';
|
|
11
11
|
import { Ripple } from 'primereact/ripple';
|
|
12
|
-
import { classNames, UniqueComponentId, DomHandler, ZIndexUtils,
|
|
12
|
+
import { classNames, UniqueComponentId, DomHandler, ZIndexUtils, ObjectUtils, IconUtils } from 'primereact/utils';
|
|
13
13
|
|
|
14
14
|
function _extends() {
|
|
15
15
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -269,6 +269,7 @@ var DialogBase = ComponentBase.extend({
|
|
|
269
269
|
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; }
|
|
270
270
|
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; }
|
|
271
271
|
var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
272
|
+
var mergeProps = useMergeProps();
|
|
272
273
|
var context = React.useContext(PrimeReactContext);
|
|
273
274
|
var props = DialogBase.getProps(inProps, context);
|
|
274
275
|
var uniqueId = props.id ? props.id : UniqueComponentId();
|
|
@@ -327,7 +328,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
|
327
328
|
onClose(event);
|
|
328
329
|
}
|
|
329
330
|
},
|
|
330
|
-
when: visibleState,
|
|
331
|
+
when: visibleState && displayOrder,
|
|
331
332
|
priority: [ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
|
|
332
333
|
});
|
|
333
334
|
var _useEventListener = useEventListener({
|
package/dialog/dialog.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useDisplayOrder as l,useGlobalOnEscapeKey as c,ESC_KEY_HANDLING_PRIORITIES as s,useEventListener as p,useMountEffect as u,useUpdateEffect as d,useUnmountEffect as m}from"primereact/hooks";import{TimesIcon as g}from"primereact/icons/times";import{WindowMaximizeIcon as f}from"primereact/icons/windowmaximize";import{WindowMinimizeIcon as b}from"primereact/icons/windowminimize";import{Portal as h}from"primereact/portal";import{Ripple as y}from"primereact/ripple";import{classNames as v,UniqueComponentId as x,DomHandler as w,ZIndexUtils as S,mergeProps as k,ObjectUtils as z,IconUtils as E}from"primereact/utils";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function P(e){return P="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},P(e)}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function D(e){if(Array.isArray(e))return I(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function C(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function R(){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 N(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=N(e,"string");return"symbol"===P(t)?t:String(t)}function M(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){if(Array.isArray(e))return e}function X(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function A(){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 H(e,t){return T(e)||X(e,t)||C(e,t)||A()}function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=r.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return v("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return v("p-dialog-content",e.props.contentClassName)},footer:function(e){return v("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return v("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var n=e.props,o=e.maximized,r=e.context;return v("p-dialog p-component",n.className,{"p-dialog-rtl":n.rtl,"p-dialog-maximized":o,"p-dialog-default":!o,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===t.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n }\n \n .p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n }\n \n .p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n }\n \n /* Resizable */\n .p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n }\n \n .p-dialog-draggable .p-dialog-header {\n cursor: move;\n } \n}\n",inlineStyles:{mask:function(e){var t=e.props;return _({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.forwardRef((function(r,v){var P=e.useContext(n),I=V.getProps(r,P),N=I.id?I.id:x(),B=H(e.useState(N),2),M=B[0],T=H(e.useState(!1),2),X=T[0],A=T[1],Y=H(e.useState(!1),2),_=Y[0],J=Y[1],F=H(e.useState(I.maximized),2),Z=F[0],U=F[1],W=e.useRef(null),$=e.useRef(null),G=e.useRef(null),K=e.useRef(null),q=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(!1),ne=e.useRef(!1),oe=e.useRef(null),re=e.useRef(null),ie=e.useRef(null),ae=e.useRef(N),le=e.useRef(null),ce=I.onMaximize?I.maximized:Z,se=_&&(I.blockScroll||I.maximizable&&ce),pe=l("dialog",_),ue=V.setMetaData(L(L({props:I},I.__parentMetadata),{},{state:{id:M,maximized:ce,containerVisible:X}})),de=ue.ptm,me=ue.cx,ge=ue.sx;i(V.css.styles,ue.isUnstyled,{name:"dialog"}),c({callback:function(e){I.closable&&I.closeOnEscape&&je(e)},when:_,priority:[s.DIALOG,pe]});var fe=H(p({type:"keydown",listener:function(e){return Be(e)}}),2),be=fe[0],he=fe[1],ye=H(p({type:"mousemove",target:function(){return window.document},listener:function(e){return Ye(e)}}),2),ve=ye[0],xe=ye[1],we=H(p({type:"mouseup",target:function(){return window.document},listener:function(e){return _e(e)}}),2),Se=we[0],ke=we[1],ze=H(p({type:"mousemove",target:function(){return window.document},listener:function(e){return Te(e)}}),2),Ee=ze[0],Oe=ze[1],Pe=H(p({type:"mouseup",target:function(){return window.document},listener:function(e){return Xe(e)}}),2),Ie=Pe[0],De=Pe[1],je=function(e){I.onHide(),e.preventDefault()},Ce=function(e){G.current=e.target,I.onPointerDown&&I.onPointerDown(e)},Re=function(e){I.dismissableMask&&I.modal&&$.current===e.target&&!G.current&&je(e),I.onMaskClick&&I.onMaskClick(e),G.current=null},Ne=function(e){I.onMaximize?I.onMaximize({originalEvent:e,maximized:!ce}):U((function(e){return!e})),e.preventDefault()},Be=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,o=n.length,r=n[o-1]?n[o-1].id:void 0;if(r===M){var i=document.getElementById(r);if("Tab"===e.key){e.preventDefault();var a=w.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},Me=function(e){w.hasClass(e.target,"p-dialog-header-icon")||w.hasClass(e.target.parentElement,"p-dialog-header-icon")||I.draggable&&(te.current=!0,oe.current=e.pageX,re.current=e.pageY,W.current.style.margin="0",w.addClass(document.body,"p-unselectable-text"),I.onDragStart&&I.onDragStart(e))},Te=function(e){if(te.current){var t=w.getOuterWidth(W.current),n=w.getOuterHeight(W.current),o=e.pageX-oe.current,r=e.pageY-re.current,i=W.current.getBoundingClientRect(),a=i.left+o,l=i.top+r,c=w.getViewport(),s=getComputedStyle(W.current),p=parseFloat(s.marginLeft),u=parseFloat(s.marginTop);W.current.style.position="fixed",I.keepInViewport?(a>=I.minX&&a+t<c.width&&(oe.current=e.pageX,W.current.style.left=a-p+"px"),l>=I.minY&&l+n<c.height&&(re.current=e.pageY,W.current.style.top=l-u+"px")):(oe.current=e.pageX,W.current.style.left=a-p+"px",re.current=e.pageY,W.current.style.top=l-u+"px"),I.onDrag&&I.onDrag(e)}},Xe=function(e){te.current&&(te.current=!1,w.removeClass(document.body,"p-unselectable-text"),I.onDragEnd&&I.onDragEnd(e))},Ae=function(e){I.resizable&&(ne.current=!0,oe.current=e.pageX,re.current=e.pageY,w.addClass(document.body,"p-unselectable-text"),I.onResizeStart&&I.onResizeStart(e))},He=function(e,t,n){!n&&(n=w.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o},Ye=function(e){if(ne.current){var t=e.pageX-oe.current,n=e.pageY-re.current,o=w.getOuterWidth(W.current),r=w.getOuterHeight(W.current),i=W.current.getBoundingClientRect(),a=w.getViewport(),l=!parseInt(W.current.style.top)||!parseInt(W.current.style.left),c=He(W.current.style.minWidth,"width",a),s=He(W.current.style.minHeight,"height",a),p=o+t,u=r+n;l&&(p+=t,u+=n),(!c||p>c)&&i.left+p<a.width&&(W.current.style.width=p+"px"),(!s||u>s)&&i.top+u<a.height&&(W.current.style.height=u+"px"),oe.current=e.pageX,re.current=e.pageY,I.onResize&&I.onResize(e)}},_e=function(e){ne.current&&(ne.current=!1,w.removeClass(document.body,"p-unselectable-text"),I.onResizeEnd&&I.onResizeEnd(e))},Ve=function(){W.current.style.position="",W.current.style.left="",W.current.style.top="",W.current.style.margin=""},Je=function(){W.current.setAttribute(ae.current,"")},Le=function(){var e;I.onShow&&I.onShow(),I.focusOnShow&&!((e=document.activeElement)&&W.current&&W.current.contains(e))&&I.closable&&I.showHeader&&ee.current&&ee.current.focus(),Ue()},Fe=function(){I.modal&&w.addClass($.current,"p-component-overlay-leave")},Ze=function(){te.current=!1,S.clear($.current),A(!1),We(),w.focus(le.current),le.current=null},Ue=function(){Ge()},We=function(){Ke()},$e=function(e){if(e&&_){var t={id:M,hasBlockScroll:se};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===M}));document.primeDialogParams=-1===n?[].concat(D(o=document.primeDialogParams)||j(o)||C(o)||R(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==M}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?w.blockBodyScroll():w.unblockBodyScroll()},Ge=function(){I.draggable&&(Ee(),Ie()),I.resizable&&(ve(),Se()),be()},Ke=function(){Oe(),De(),xe(),ke(),he()},qe=function(){ie.current=w.createInlineStyle(P&&P.nonce||t.nonce,P&&P.styleContainer);var e="";for(var n in I.breakpoints)e+="\n @media screen and (max-width: ".concat(n,') {\n [data-pc-name="dialog"][').concat(ae.current,"] {\n width: ").concat(I.breakpoints[n]," !important;\n }\n }\n ");ie.current.innerHTML=e};u((function(){$e(!0),I.visible&&A(!0)})),e.useEffect((function(){return I.breakpoints&&qe(),function(){ie.current=w.removeInlineStyle(ie.current)}}),[I.breakpoints]),d((function(){I.visible&&!X&&A(!0),I.visible!==_&&X&&J(I.visible),I.visible&&(le.current=document.activeElement)}),[I.visible,X]),d((function(){X&&(S.set("modal",$.current,P&&P.autoZIndex||t.autoZIndex,I.baseZIndex||P&&P.zIndex.modal||t.zIndex.modal),J(!0))}),[X]),d((function(){$e(!0)}),[se,_]),m((function(){We(),$e(!1),w.removeInlineStyle(ie.current),S.clear($.current)})),e.useImperativeHandle(v,(function(){return{props:I,resetPosition:Ve,getElement:function(){return W.current},getMask:function(){return $.current},getContent:function(){return K.current},getHeader:function(){return q.current},getFooter:function(){return Q.current},getCloseButton:function(){return ee.current}}}));var Qe=function(){if(I.closable){var t=I.ariaCloseIconLabel||o("close"),n=k({className:me("closeButtonIcon"),"aria-hidden":!0},de("closeButtonIcon")),r=E.getJSXIcon(I.closeIcon||e.createElement(g,n),L({},n),{props:I}),i=k({ref:ee,type:"button",className:me("closeButton"),"aria-label":t,onClick:je},de("closeButton"));return e.createElement("button",i,r,e.createElement(y,null))}return null},et=function(){var t=k({className:me("maximizableIcon")},de("maximizableIcon")),n=E.getJSXIcon(ce?I.minimizeIcon||e.createElement(b,t):I.maximizeIcon||e.createElement(f,t),t,{props:I});if(I.maximizable){var o=k({type:"button",className:me("maximizableButton"),onClick:Ne},de("maximizableButton"));return e.createElement("button",o,n,e.createElement(y,null))}return null},tt=function(){if(I.showHeader){var t=Qe(),n=et(),o=z.getJSXElement(I.icons,I),r=z.getJSXElement(I.header,I),i=M+"_header",a=k({ref:q,style:I.headerStyle,className:me("header"),onMouseDown:Me},de("header")),l=k({id:i,className:me("headerTitle")},de("headerTitle")),c=k({className:me("headerIcons")},de("headerIcons"));return e.createElement("div",a,e.createElement("div",l,r),e.createElement("div",c,o,n,t))}return null},nt=function(){var t=z.getJSXElement(I.footer,I),n=k({ref:Q,className:me("footer")},de("footer"));return t&&e.createElement("div",n,t)},ot=function(t){var n,o=t.rootProps,i={header:I.header,content:I.message,message:null==I||null===(n=I.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},l={headerRef:q,contentRef:K,footerRef:Q,closeRef:ee,hide:je,message:i};return e.createElement("div",t.maskProps,e.createElement(a,O({nodeRef:W},t.transitionProps),e.createElement("div",o,z.getJSXElement(r.content,l))))},rt=function(t){var n,o=t.maskProps,r=t.rootProps,i=t.transitionProps,l=tt(),c=(n=k({id:M+"_content",ref:K,style:I.contentStyle,className:me("content")},de("content")),e.createElement("div",n,I.children)),s=nt(),p=I.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Ae}):null;return e.createElement("div",o,e.createElement(a,O({nodeRef:W},i),e.createElement("div",r,l,c,s,p)))};return X&&function(){var t=M+"_header",n=M+"_content",o={enter:"center"===I.position?150:300,exit:"center"===I.position?150:300},i=k({ref:$,style:ge("mask"),className:me("mask"),onPointerUp:Re},de("mask")),a=k({ref:W,id:M,className:me("root",{props:I,maximized:ce,context:P}),style:I.style,onClick:I.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":I.modal,onPointerDown:Ce},V.getOtherProps(I),de("root")),l=k({classNames:me("transition"),timeout:o,in:_,options:I.transitionOptions,unmountOnExit:!0,onEnter:Je,onEntered:Le,onExiting:Fe,onExited:Ze},de("transition"));if(null!=r&&r.content){var c=ot({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(h,{element:c,appendTo:I.appendTo,visible:!0})}var s=rt({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(h,{element:s,appendTo:I.appendTo,visible:!0})}()}));F.displayName="Dialog";export{F as Dialog};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useDisplayOrder as c,useGlobalOnEscapeKey as s,ESC_KEY_HANDLING_PRIORITIES as p,useEventListener as u,useMountEffect as d,useUpdateEffect as m,useUnmountEffect as g}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{WindowMaximizeIcon as b}from"primereact/icons/windowmaximize";import{WindowMinimizeIcon as h}from"primereact/icons/windowminimize";import{Portal as y}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as x,UniqueComponentId as w,DomHandler as S,ZIndexUtils as k,ObjectUtils as z,IconUtils as E}from"primereact/utils";function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function P(e){return P="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},P(e)}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function D(e){if(Array.isArray(e))return I(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function C(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function R(){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 N(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=N(e,"string");return"symbol"===P(t)?t:String(t)}function M(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){if(Array.isArray(e))return e}function X(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function A(){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 H(e,t){return T(e)||X(e,t)||C(e,t)||A()}function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=r.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,footerClassName:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return x("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return x("p-dialog-content",e.props.contentClassName)},footer:function(e){return x("p-dialog-footer",e.props.footerClassName)},mask:function(e){var t=e.props,n=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return x("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":n,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var n=e.props,o=e.maximized,r=e.context;return x("p-dialog p-component",n.className,{"p-dialog-rtl":n.rtl,"p-dialog-maximized":o,"p-dialog-default":!o,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===t.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n }\n \n .p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n }\n \n .p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n }\n \n /* Resizable */\n .p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n }\n \n .p-dialog-draggable .p-dialog-header {\n cursor: move;\n } \n}\n",inlineStyles:{mask:function(e){var t=e.props;return _({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.forwardRef((function(r,x){var P=l(),I=e.useContext(n),N=V.getProps(r,I),B=N.id?N.id:w(),M=H(e.useState(B),2),T=M[0],X=H(e.useState(!1),2),A=X[0],Y=X[1],_=H(e.useState(!1),2),J=_[0],F=_[1],Z=H(e.useState(N.maximized),2),U=Z[0],W=Z[1],$=e.useRef(null),G=e.useRef(null),K=e.useRef(null),q=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(!1),oe=e.useRef(!1),re=e.useRef(null),ie=e.useRef(null),ae=e.useRef(null),le=e.useRef(B),ce=e.useRef(null),se=N.onMaximize?N.maximized:U,pe=J&&(N.blockScroll||N.maximizable&&se),ue=c("dialog",J),de=V.setMetaData(L(L({props:N},N.__parentMetadata),{},{state:{id:T,maximized:se,containerVisible:A}})),me=de.ptm,ge=de.cx,fe=de.sx;i(V.css.styles,de.isUnstyled,{name:"dialog"}),s({callback:function(e){N.closable&&N.closeOnEscape&&Ce(e)},when:J&&ue,priority:[p.DIALOG,ue]});var be=H(u({type:"keydown",listener:function(e){return Me(e)}}),2),he=be[0],ye=be[1],ve=H(u({type:"mousemove",target:function(){return window.document},listener:function(e){return _e(e)}}),2),xe=ve[0],we=ve[1],Se=H(u({type:"mouseup",target:function(){return window.document},listener:function(e){return Ve(e)}}),2),ke=Se[0],ze=Se[1],Ee=H(u({type:"mousemove",target:function(){return window.document},listener:function(e){return Xe(e)}}),2),Oe=Ee[0],Pe=Ee[1],Ie=H(u({type:"mouseup",target:function(){return window.document},listener:function(e){return Ae(e)}}),2),De=Ie[0],je=Ie[1],Ce=function(e){N.onHide(),e.preventDefault()},Re=function(e){K.current=e.target,N.onPointerDown&&N.onPointerDown(e)},Ne=function(e){N.dismissableMask&&N.modal&&G.current===e.target&&!K.current&&Ce(e),N.onMaskClick&&N.onMaskClick(e),K.current=null},Be=function(e){N.onMaximize?N.onMaximize({originalEvent:e,maximized:!se}):W((function(e){return!e})),e.preventDefault()},Me=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,o=n.length,r=n[o-1]?n[o-1].id:void 0;if(r===T){var i=document.getElementById(r);if("Tab"===e.key){e.preventDefault();var a=S.getFocusableElements(i);if(a&&a.length>0)if(document.activeElement){var l=a.indexOf(document.activeElement);e.shiftKey?-1===l||0===l?a[a.length-1].focus():a[l-1].focus():-1===l||l===a.length-1?a[0].focus():a[l+1].focus()}else a[0].focus()}}}},Te=function(e){S.hasClass(e.target,"p-dialog-header-icon")||S.hasClass(e.target.parentElement,"p-dialog-header-icon")||N.draggable&&(ne.current=!0,re.current=e.pageX,ie.current=e.pageY,$.current.style.margin="0",S.addClass(document.body,"p-unselectable-text"),N.onDragStart&&N.onDragStart(e))},Xe=function(e){if(ne.current){var t=S.getOuterWidth($.current),n=S.getOuterHeight($.current),o=e.pageX-re.current,r=e.pageY-ie.current,i=$.current.getBoundingClientRect(),a=i.left+o,l=i.top+r,c=S.getViewport(),s=getComputedStyle($.current),p=parseFloat(s.marginLeft),u=parseFloat(s.marginTop);$.current.style.position="fixed",N.keepInViewport?(a>=N.minX&&a+t<c.width&&(re.current=e.pageX,$.current.style.left=a-p+"px"),l>=N.minY&&l+n<c.height&&(ie.current=e.pageY,$.current.style.top=l-u+"px")):(re.current=e.pageX,$.current.style.left=a-p+"px",ie.current=e.pageY,$.current.style.top=l-u+"px"),N.onDrag&&N.onDrag(e)}},Ae=function(e){ne.current&&(ne.current=!1,S.removeClass(document.body,"p-unselectable-text"),N.onDragEnd&&N.onDragEnd(e))},He=function(e){N.resizable&&(oe.current=!0,re.current=e.pageX,ie.current=e.pageY,S.addClass(document.body,"p-unselectable-text"),N.onResizeStart&&N.onResizeStart(e))},Ye=function(e,t,n){!n&&(n=S.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(n[t]/100):o},_e=function(e){if(oe.current){var t=e.pageX-re.current,n=e.pageY-ie.current,o=S.getOuterWidth($.current),r=S.getOuterHeight($.current),i=$.current.getBoundingClientRect(),a=S.getViewport(),l=!parseInt($.current.style.top)||!parseInt($.current.style.left),c=Ye($.current.style.minWidth,"width",a),s=Ye($.current.style.minHeight,"height",a),p=o+t,u=r+n;l&&(p+=t,u+=n),(!c||p>c)&&i.left+p<a.width&&($.current.style.width=p+"px"),(!s||u>s)&&i.top+u<a.height&&($.current.style.height=u+"px"),re.current=e.pageX,ie.current=e.pageY,N.onResize&&N.onResize(e)}},Ve=function(e){oe.current&&(oe.current=!1,S.removeClass(document.body,"p-unselectable-text"),N.onResizeEnd&&N.onResizeEnd(e))},Je=function(){$.current.style.position="",$.current.style.left="",$.current.style.top="",$.current.style.margin=""},Le=function(){$.current.setAttribute(le.current,"")},Fe=function(){var e;N.onShow&&N.onShow(),N.focusOnShow&&!((e=document.activeElement)&&$.current&&$.current.contains(e))&&N.closable&&N.showHeader&&te.current&&te.current.focus(),We()},Ze=function(){N.modal&&S.addClass(G.current,"p-component-overlay-leave")},Ue=function(){ne.current=!1,k.clear(G.current),Y(!1),$e(),S.focus(ce.current),ce.current=null},We=function(){Ke()},$e=function(){qe()},Ge=function(e){if(e&&J){var t={id:T,hasBlockScroll:pe};document.primeDialogParams||(document.primeDialogParams=[]);var n=document.primeDialogParams.findIndex((function(e){return e.id===T}));document.primeDialogParams=-1===n?[].concat(D(o=document.primeDialogParams)||j(o)||C(o)||R(),[t]):document.primeDialogParams.toSpliced(n,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==T}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?S.blockBodyScroll():S.unblockBodyScroll()},Ke=function(){N.draggable&&(Oe(),De()),N.resizable&&(xe(),ke()),he()},qe=function(){Pe(),je(),we(),ze(),ye()},Qe=function(){ae.current=S.createInlineStyle(I&&I.nonce||t.nonce,I&&I.styleContainer);var e="";for(var n in N.breakpoints)e+="\n @media screen and (max-width: ".concat(n,') {\n [data-pc-name="dialog"][').concat(le.current,"] {\n width: ").concat(N.breakpoints[n]," !important;\n }\n }\n ");ae.current.innerHTML=e};d((function(){Ge(!0),N.visible&&Y(!0)})),e.useEffect((function(){return N.breakpoints&&Qe(),function(){ae.current=S.removeInlineStyle(ae.current)}}),[N.breakpoints]),m((function(){N.visible&&!A&&Y(!0),N.visible!==J&&A&&F(N.visible),N.visible&&(ce.current=document.activeElement)}),[N.visible,A]),m((function(){A&&(k.set("modal",G.current,I&&I.autoZIndex||t.autoZIndex,N.baseZIndex||I&&I.zIndex.modal||t.zIndex.modal),F(!0))}),[A]),m((function(){Ge(!0)}),[pe,J]),g((function(){$e(),Ge(!1),S.removeInlineStyle(ae.current),k.clear(G.current)})),e.useImperativeHandle(x,(function(){return{props:N,resetPosition:Je,getElement:function(){return $.current},getMask:function(){return G.current},getContent:function(){return q.current},getHeader:function(){return Q.current},getFooter:function(){return ee.current},getCloseButton:function(){return te.current}}}));var et=function(){if(N.closable){var t=N.ariaCloseIconLabel||o("close"),n=P({className:ge("closeButtonIcon"),"aria-hidden":!0},me("closeButtonIcon")),r=E.getJSXIcon(N.closeIcon||e.createElement(f,n),L({},n),{props:N}),i=P({ref:te,type:"button",className:ge("closeButton"),"aria-label":t,onClick:Ce},me("closeButton"));return e.createElement("button",i,r,e.createElement(v,null))}return null},tt=function(){var t=P({className:ge("maximizableIcon")},me("maximizableIcon")),n=E.getJSXIcon(se?N.minimizeIcon||e.createElement(h,t):N.maximizeIcon||e.createElement(b,t),t,{props:N});if(N.maximizable){var o=P({type:"button",className:ge("maximizableButton"),onClick:Be},me("maximizableButton"));return e.createElement("button",o,n,e.createElement(v,null))}return null},nt=function(){if(N.showHeader){var t=et(),n=tt(),o=z.getJSXElement(N.icons,N),r=z.getJSXElement(N.header,N),i=T+"_header",a=P({ref:Q,style:N.headerStyle,className:ge("header"),onMouseDown:Te},me("header")),l=P({id:i,className:ge("headerTitle")},me("headerTitle")),c=P({className:ge("headerIcons")},me("headerIcons"));return e.createElement("div",a,e.createElement("div",l,r),e.createElement("div",c,o,n,t))}return null},ot=function(){var t=z.getJSXElement(N.footer,N),n=P({ref:ee,className:ge("footer")},me("footer"));return t&&e.createElement("div",n,t)},rt=function(t){var n,o=t.rootProps,i={header:N.header,content:N.message,message:null==N||null===(n=N.children)||void 0===n||null===(n=n[1])||void 0===n||null===(n=n.props)||void 0===n?void 0:n.children},l={headerRef:Q,contentRef:q,footerRef:ee,closeRef:te,hide:Ce,message:i};return e.createElement("div",t.maskProps,e.createElement(a,O({nodeRef:$},t.transitionProps),e.createElement("div",o,z.getJSXElement(r.content,l))))},it=function(t){var n,o=t.maskProps,r=t.rootProps,i=t.transitionProps,l=nt(),c=(n=P({id:T+"_content",ref:q,style:N.contentStyle,className:ge("content")},me("content")),e.createElement("div",n,N.children)),s=ot(),p=N.resizable?e.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:He}):null;return e.createElement("div",o,e.createElement(a,O({nodeRef:$},i),e.createElement("div",r,l,c,s,p)))};return A&&function(){var t=T+"_header",n=T+"_content",o={enter:"center"===N.position?150:300,exit:"center"===N.position?150:300},i=P({ref:G,style:fe("mask"),className:ge("mask"),onPointerUp:Ne},me("mask")),a=P({ref:$,id:T,className:ge("root",{props:N,maximized:se,context:I}),style:N.style,onClick:N.onClick,role:"dialog","aria-labelledby":t,"aria-describedby":n,"aria-modal":N.modal,onPointerDown:Re},V.getOtherProps(N),me("root")),l=P({classNames:ge("transition"),timeout:o,in:J,options:N.transitionOptions,unmountOnExit:!0,onEnter:Le,onEntered:Fe,onExiting:Ze,onExited:Ue},me("transition"));if(null!=r&&r.content){var c=rt({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(y,{element:c,appendTo:N.appendTo,visible:!0})}var s=it({maskProps:i,rootProps:a,transitionProps:l});return e.createElement(y,{element:s,appendTo:N.appendTo,visible:!0})}()}));F.displayName="Dialog";export{F as Dialog};
|
package/dialog/dialog.js
CHANGED
|
@@ -283,6 +283,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
283
283
|
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; }
|
|
284
284
|
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; }
|
|
285
285
|
var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
286
|
+
var mergeProps = hooks.useMergeProps();
|
|
286
287
|
var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
|
|
287
288
|
var props = DialogBase.getProps(inProps, context);
|
|
288
289
|
var uniqueId = props.id ? props.id : utils.UniqueComponentId();
|
|
@@ -341,7 +342,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
341
342
|
onClose(event);
|
|
342
343
|
}
|
|
343
344
|
},
|
|
344
|
-
when: visibleState,
|
|
345
|
+
when: visibleState && displayOrder,
|
|
345
346
|
priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
|
|
346
347
|
});
|
|
347
348
|
var _useEventListener = hooks.useEventListener({
|
|
@@ -748,7 +749,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
748
749
|
var createCloseIcon = function createCloseIcon() {
|
|
749
750
|
if (props.closable) {
|
|
750
751
|
var ariaLabel = props.ariaCloseIconLabel || PrimeReact.localeOption('close');
|
|
751
|
-
var closeButtonIconProps =
|
|
752
|
+
var closeButtonIconProps = mergeProps({
|
|
752
753
|
className: cx('closeButtonIcon'),
|
|
753
754
|
'aria-hidden': true
|
|
754
755
|
}, ptm('closeButtonIcon'));
|
|
@@ -756,7 +757,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
756
757
|
var headerCloseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeButtonIconProps), {
|
|
757
758
|
props: props
|
|
758
759
|
});
|
|
759
|
-
var closeButtonProps =
|
|
760
|
+
var closeButtonProps = mergeProps({
|
|
760
761
|
ref: closeRef,
|
|
761
762
|
type: 'button',
|
|
762
763
|
className: cx('closeButton'),
|
|
@@ -769,7 +770,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
769
770
|
};
|
|
770
771
|
var createMaximizeIcon = function createMaximizeIcon() {
|
|
771
772
|
var icon;
|
|
772
|
-
var maximizableIconProps =
|
|
773
|
+
var maximizableIconProps = mergeProps({
|
|
773
774
|
className: cx('maximizableIcon')
|
|
774
775
|
}, ptm('maximizableIcon'));
|
|
775
776
|
if (!maximized) {
|
|
@@ -781,7 +782,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
781
782
|
props: props
|
|
782
783
|
});
|
|
783
784
|
if (props.maximizable) {
|
|
784
|
-
var maximizableButtonProps =
|
|
785
|
+
var maximizableButtonProps = mergeProps({
|
|
785
786
|
type: 'button',
|
|
786
787
|
className: cx('maximizableButton'),
|
|
787
788
|
onClick: toggleMaximize
|
|
@@ -797,17 +798,17 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
797
798
|
var icons = utils.ObjectUtils.getJSXElement(props.icons, props);
|
|
798
799
|
var header = utils.ObjectUtils.getJSXElement(props.header, props);
|
|
799
800
|
var headerId = idState + '_header';
|
|
800
|
-
var headerProps =
|
|
801
|
+
var headerProps = mergeProps({
|
|
801
802
|
ref: headerRef,
|
|
802
803
|
style: props.headerStyle,
|
|
803
804
|
className: cx('header'),
|
|
804
805
|
onMouseDown: onDragStart
|
|
805
806
|
}, ptm('header'));
|
|
806
|
-
var headerTitleProps =
|
|
807
|
+
var headerTitleProps = mergeProps({
|
|
807
808
|
id: headerId,
|
|
808
809
|
className: cx('headerTitle')
|
|
809
810
|
}, ptm('headerTitle'));
|
|
810
|
-
var headerIconsProps =
|
|
811
|
+
var headerIconsProps = mergeProps({
|
|
811
812
|
className: cx('headerIcons')
|
|
812
813
|
}, ptm('headerIcons'));
|
|
813
814
|
return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("div", headerTitleProps, header), /*#__PURE__*/React__namespace.createElement("div", headerIconsProps, icons, maximizeIcon, closeIcon));
|
|
@@ -816,7 +817,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
816
817
|
};
|
|
817
818
|
var createContent = function createContent() {
|
|
818
819
|
var contentId = idState + '_content';
|
|
819
|
-
var contentProps =
|
|
820
|
+
var contentProps = mergeProps({
|
|
820
821
|
id: contentId,
|
|
821
822
|
ref: contentRef,
|
|
822
823
|
style: props.contentStyle,
|
|
@@ -826,7 +827,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
826
827
|
};
|
|
827
828
|
var createFooter = function createFooter() {
|
|
828
829
|
var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
|
|
829
|
-
var footerProps =
|
|
830
|
+
var footerProps = mergeProps({
|
|
830
831
|
ref: footerRef,
|
|
831
832
|
className: cx('footer')
|
|
832
833
|
}, ptm('footer'));
|
|
@@ -885,13 +886,13 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
885
886
|
enter: props.position === 'center' ? 150 : 300,
|
|
886
887
|
exit: props.position === 'center' ? 150 : 300
|
|
887
888
|
};
|
|
888
|
-
var maskProps =
|
|
889
|
+
var maskProps = mergeProps({
|
|
889
890
|
ref: maskRef,
|
|
890
891
|
style: sx('mask'),
|
|
891
892
|
className: cx('mask'),
|
|
892
893
|
onPointerUp: onMaskPointerUp
|
|
893
894
|
}, ptm('mask'));
|
|
894
|
-
var rootProps =
|
|
895
|
+
var rootProps = mergeProps({
|
|
895
896
|
ref: dialogRef,
|
|
896
897
|
id: idState,
|
|
897
898
|
className: cx('root', {
|
|
@@ -907,7 +908,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
|
|
|
907
908
|
'aria-modal': props.modal,
|
|
908
909
|
onPointerDown: onDialogPointerDown
|
|
909
910
|
}, DialogBase.getOtherProps(props), ptm('root'));
|
|
910
|
-
var transitionProps =
|
|
911
|
+
var transitionProps = mergeProps({
|
|
911
912
|
classNames: cx('transition'),
|
|
912
913
|
timeout: transitionTimeout,
|
|
913
914
|
"in": visibleState,
|