primereact 10.6.2 → 10.6.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/autocomplete/autocomplete.cjs.js +16 -8
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +5 -0
- package/autocomplete/autocomplete.esm.js +16 -8
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +16 -8
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +3 -6
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -6
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +3 -6
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +2 -5
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +2 -5
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +2 -5
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +6 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.d.ts +5 -0
- package/buttongroup/buttongroup.esm.js +7 -2
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +6 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +30 -20
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +5 -0
- package/calendar/calendar.esm.js +30 -20
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +30 -20
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +2 -5
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +3 -6
- package/card/card.esm.min.js +1 -1
- package/card/card.js +2 -5
- package/card/card.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +14 -16
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +14 -16
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +14 -16
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +4 -7
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +4 -7
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +4 -7
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +6 -3
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +5 -0
- package/checkbox/checkbox.esm.js +6 -3
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +6 -3
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +5 -3
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +5 -0
- package/chips/chips.esm.js +5 -3
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +5 -3
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -2
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -2
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +2 -2
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +2 -2
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +2 -2
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +140 -60
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +15 -6
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +15 -6
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +15 -6
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +3 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +3 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +3 -3
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +41 -20
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +6 -1
- package/dropdown/dropdown.esm.js +41 -20
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +41 -20
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +7 -4
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +7 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +7 -4
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +6 -1
- package/floatlabel/floatlabel.cjs.min.js +1 -1
- package/floatlabel/floatlabel.esm.js +7 -2
- package/floatlabel/floatlabel.esm.min.js +1 -1
- package/floatlabel/floatlabel.js +6 -1
- package/floatlabel/floatlabel.min.js +1 -1
- package/iconfield/iconfield.cjs.js +4 -4
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.js +4 -4
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.js +4 -4
- package/iconfield/iconfield.min.js +1 -1
- package/iconfield/package.json +7 -0
- package/image/image.cjs.js +2 -2
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +2 -2
- package/image/image.esm.min.js +1 -1
- package/image/image.js +2 -2
- package/image/image.min.js +1 -1
- package/inputicon/package.json +7 -0
- package/inputmask/inputmask.cjs.js +21 -1
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +11 -1
- package/inputmask/inputmask.esm.js +22 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +21 -1
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +68 -23
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -0
- package/inputnumber/inputnumber.esm.js +68 -23
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +68 -23
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +348 -0
- package/inputotp/inputotp.cjs.min.js +1 -0
- package/inputotp/inputotp.d.ts +177 -0
- package/inputotp/inputotp.esm.js +340 -0
- package/inputotp/inputotp.esm.min.js +1 -0
- package/inputotp/inputotp.js +346 -0
- package/inputotp/inputotp.min.js +1 -0
- package/inputotp/package.json +7 -0
- package/inputtext/inputtext.cjs.js +9 -5
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +9 -5
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +9 -5
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +8 -4
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +8 -4
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +8 -4
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/knob/knob.cjs.js +2 -2
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +2 -2
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +2 -2
- package/knob/knob.min.js +1 -1
- package/mention/mention.cjs.js +13 -9
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +13 -9
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +13 -9
- package/mention/mention.min.js +1 -1
- package/metergroup/package.json +7 -0
- package/multiselect/multiselect.cjs.js +27 -8
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +5 -0
- package/multiselect/multiselect.esm.js +27 -8
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +27 -8
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +6 -3
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +6 -3
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +6 -3
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +5 -5
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +5 -5
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +5 -5
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +12 -15
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +12 -15
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +12 -15
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +134 -170
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +134 -170
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +134 -170
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +5 -3
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +5 -0
- package/password/password.esm.js +5 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +5 -3
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +432 -302
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +432 -302
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +432 -302
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +8 -3
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +5 -0
- package/radiobutton/radiobutton.esm.js +8 -3
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +8 -3
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -2
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -2
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -2
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +51 -43
- package/resources/themes/arya-green/theme.css +51 -43
- package/resources/themes/arya-orange/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-purple/theme.css +9 -0
- package/resources/themes/bootstrap4-light-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-light-purple/theme.css +9 -0
- package/resources/themes/fluent-light/theme.css +51 -43
- package/resources/themes/lara-dark-amber/theme.css +51 -43
- package/resources/themes/lara-dark-blue/theme.css +51 -43
- package/resources/themes/lara-dark-cyan/theme.css +51 -43
- package/resources/themes/lara-dark-green/theme.css +51 -43
- package/resources/themes/lara-dark-indigo/theme.css +51 -43
- package/resources/themes/lara-dark-pink/theme.css +51 -43
- package/resources/themes/lara-dark-purple/theme.css +1124 -227
- package/resources/themes/lara-dark-teal/theme.css +51 -43
- package/resources/themes/lara-light-amber/theme.css +51 -43
- package/resources/themes/lara-light-blue/theme.css +51 -43
- package/resources/themes/lara-light-cyan/theme.css +51 -43
- package/resources/themes/lara-light-green/theme.css +51 -43
- package/resources/themes/lara-light-indigo/theme.css +51 -43
- package/resources/themes/lara-light-pink/theme.css +51 -43
- package/resources/themes/lara-light-purple/theme.css +1122 -229
- package/resources/themes/lara-light-teal/theme.css +51 -43
- package/resources/themes/luna-amber/theme.css +51 -43
- package/resources/themes/luna-blue/theme.css +51 -43
- package/resources/themes/luna-green/theme.css +51 -43
- package/resources/themes/luna-pink/theme.css +51 -43
- package/resources/themes/md-dark-deeppurple/theme.css +9 -0
- package/resources/themes/md-dark-indigo/theme.css +193 -185
- package/resources/themes/md-light-deeppurple/theme.css +9 -0
- package/resources/themes/md-light-indigo/theme.css +51 -43
- package/resources/themes/mdc-dark-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-dark-indigo/theme.css +193 -185
- package/resources/themes/mdc-light-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-light-indigo/theme.css +51 -43
- package/resources/themes/mira/theme.css +51 -43
- package/resources/themes/nano/theme.css +51 -43
- package/resources/themes/nova/theme.css +51 -43
- package/resources/themes/nova-accent/theme.css +51 -43
- package/resources/themes/nova-alt/theme.css +51 -43
- package/resources/themes/rhea/theme.css +51 -43
- package/resources/themes/saga-blue/theme.css +51 -43
- package/resources/themes/saga-green/theme.css +51 -43
- package/resources/themes/saga-orange/theme.css +51 -43
- package/resources/themes/soho-dark/theme.css +76 -68
- package/resources/themes/soho-light/theme.css +51 -43
- package/resources/themes/tailwind-light/theme.css +52 -44
- package/resources/themes/vela-blue/theme.css +51 -43
- package/resources/themes/vela-green/theme.css +51 -43
- package/resources/themes/vela-orange/theme.css +51 -43
- package/resources/themes/viva-dark/theme.css +51 -43
- package/resources/themes/viva-light/theme.css +51 -43
- package/scrollpanel/scrollpanel.cjs.js +2 -5
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +3 -6
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +2 -5
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +2 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -2
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -2
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +5 -5
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +5 -5
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +5 -5
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +2 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +2 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +2 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +3 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +3 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +3 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +2 -2
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +2 -2
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +2 -2
- package/splitbutton/splitbutton.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +9 -2
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.d.ts +1 -1
- package/stepperpanel/stepperpanel.esm.js +9 -2
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +10 -4
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/steps/steps.cjs.js +2 -2
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +2 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +2 -2
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +2 -5
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +2 -5
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +2 -5
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +2 -2
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +2 -2
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +2 -2
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +2 -2
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +2 -2
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +2 -2
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +3 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +3 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +2 -5
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -6
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +2 -5
- package/toolbar/toolbar.min.js +1 -1
- package/tree/tree.cjs.js +12 -5
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +12 -5
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +12 -5
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +7 -3
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +7 -3
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +7 -3
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +6 -3
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +6 -3
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +6 -3
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +7 -3
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +5 -0
- package/tristatecheckbox/tristatecheckbox.esm.js +7 -3
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +7 -3
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/web-types.json +302 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as i,useOverlayListener as c,useDisplayOrder as p,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as s,useMountEffect as f,useUnmountEffect as y}from"primereact/hooks";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as g,DomHandler as h,UniqueComponentId as O,ZIndexUtils as w,IconUtils as x}from"primereact/utils";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},S.apply(this,arguments)}function j(e){return j="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},j(e)}function E(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function P(e){var n=E(e,"string");return"symbol"===j(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(p)throw o}}return i}}function A(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function C(e,n){if(e){if("string"==typeof e)return A(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?A(e,n):void 0}}function N(){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 T(e,n){return I(e)||k(e,n)||C(e,n)||N()}var R=o.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return g("p-overlaypanel p-component",
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as i,useOverlayListener as c,useDisplayOrder as p,useGlobalOnEscapeKey as u,ESC_KEY_HANDLING_PRIORITIES as s,useMountEffect as f,useUnmountEffect as y}from"primereact/hooks";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as v}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as g,DomHandler as h,UniqueComponentId as O,ZIndexUtils as w,IconUtils as x}from"primereact/utils";function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},S.apply(this,arguments)}function j(e){return j="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},j(e)}function E(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function P(e){var n=E(e,"string");return"symbol"===j(n)?n:String(n)}function I(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(p)throw o}}return i}}function A(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function C(e,n){if(e){if("string"==typeof e)return A(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?A(e,n):void 0}}function N(){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 T(e,n){return I(e)||k(e,n)||C(e,n)||N()}var R=o.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return g("p-overlaypanel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n .p-overlaypanel {\n position: absolute;\n margin-top: 10px;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-overlaypanel-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n }\n \n .p-overlaypanel-close {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n /* Animation */\n .p-overlaypanel-enter {\n opacity: 0;\n transform: scaleY(0.8);\n }\n \n .p-overlaypanel-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-overlaypanel-enter-done {\n transform: none;\n }\n \n .p-overlaypanel-exit {\n opacity: 1;\n }\n \n .p-overlaypanel-exit-active {\n opacity: 0;\n transition: opacity .1s linear;\n }\n \n .p-overlaypanel:after, .p-overlaypanel:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: " ";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n \n .p-overlaypanel:after {\n border-width: 8px;\n margin-left: -8px;\n }\n \n .p-overlaypanel:before {\n border-width: 10px;\n margin-left: -10px;\n }\n \n .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n bottom: auto;\n top: 100%;\n }\n \n .p-overlaypanel.p-overlaypanel-flipped:after {\n border-bottom-color: transparent;\n }\n \n .p-overlaypanel.p-overlaypanel-flipped:before {\n border-bottom-color: transparent\n }\n}\n'}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=P(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(o,j){var E=i(),P=e.useContext(t),I=R.getProps(o,P),k=T(e.useState(!1),2),A=k[0],C=k[1],N=R.setMetaData({props:I,state:{visible:A}}),D=N.ptm,z=N.cx,H=N.isUnstyled;a(R.css.styles,H,{name:"overlaypanel"});var M=e.useRef(""),Y=e.useRef(null),B=e.useRef(null),_=e.useRef(!1),U=e.useRef(null),Z=e.useRef(null),G=T(c({target:B,overlay:Y,listener:function(e,n){if(n.valid)switch(n.type){case"outside":I.dismissable&&!_.current&&ee();break;case"resize":case"scroll":case"orientationchange":ae()}_.current=!1},when:A}),2),J=G[0],V=G[1],X=A&&I.closeOnEscape,$=p("overlay-panel",X);u({callback:function(){ee()},when:X&&$,priority:[s.OVERLAY_PANEL,$]});var q=function(e){return Y&&Y.current&&!(Y.current.isSameNode(e)||Y.current.contains(e))},F=function(e,n){return null!=B.current&&B.current!==(n||e.currentTarget||e.target)},K=function(){_.current=!0},Q=function(e,n){A?(ee(),F(e,n)&&(B.current=n||e.currentTarget||e.target,setTimeout((function(){W(e,B.current)}),200))):W(e,n)},W=function(e,n){B.current=n||e.currentTarget||e.target,A?ae():(C(!0),Z.current=function(e){!q(e.target)&&(_.current=!0)},v.on("overlay-click",Z.current))},ee=function(){C(!1),v.off("overlay-click",Z.current),Z.current=null},ne=function(){Y.current.setAttribute(M.current,""),w.set("overlay",Y.current,P&&P.autoZIndex||n.autoZIndex,P&&P.zIndex.overlay||n.zIndex.overlay),h.addStyles(Y.current,{position:"absolute",top:"0",left:"0"}),ae()},te=function(){J(),I.onShow&&I.onShow()},re=function(){V()},oe=function(){w.clear(Y.current),I.onHide&&I.onHide()},ae=function(){if(B.current&&Y.current){h.absolutePosition(Y.current,B.current);var e=h.getOffset(Y.current),n=h.getOffset(B.current),t=0;e.left<n.left&&(t=n.left-e.left),Y.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(Y.current.setAttribute("data-p-overlaypanel-flipped","true"),H&&h.addClass(Y.current,"p-overlaypanel-flipped")):(Y.current.setAttribute("data-p-overlaypanel-flipped","false"),H&&h.removeClass(Y.current,"p-overlaypanel-flipped"))}},le=function(){if(!U.current){U.current=h.createInlineStyle(P&&P.nonce||n.nonce,P&&P.styleContainer);var e="";for(var t in I.breakpoints)e+="\n @media screen and (max-width: ".concat(t,") {\n .p-overlaypanel[").concat(M.current,"] {\n width: ").concat(I.breakpoints[t],";\n }\n }\n ");U.current.innerHTML=e}};f((function(){M.current=O(),I.breakpoints&&le()})),y((function(){U.current=h.removeInlineStyle(U.current),Z.current&&(v.off("overlay-click",Z.current),Z.current=null),w.clear(Y.current)})),e.useImperativeHandle(j,(function(){return{props:I,toggle:Q,show:W,hide:ee,align:ae,getElement:function(){return Y.current}}}));var ie,ce,pe,ue,se=function(){var n=E({className:z("closeIcon"),"aria-hidden":!0},D("closeIcon")),t=x.getJSXIcon(I.closeIcon||e.createElement(m,n),L({},n),{props:I}),o=I.ariaCloseLabel||r("close"),a=E({type:"button",className:z("closeButton"),onClick:function(e){return n=e,ee(),void n.preventDefault();var n},"aria-label":o},D("closeButton"));return I.showCloseIcon?e.createElement("button",a,t,e.createElement(b,null)):null},fe=(ie=se(),ce=E({id:I.id,className:g(I.className,z("root",{context:P})),style:I.style,onClick:function(e){return n=e,_.current=!0,void v.emit("overlay-click",{originalEvent:n,target:B.current});var n}},R.getOtherProps(I),D("root")),pe=E({className:z("content"),onClick:function(e){return K()},onMouseDown:K},R.getOtherProps(I),D("content")),ue=E({classNames:z("transition"),in:A,timeout:{enter:120,exit:100},options:I.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntered:te,onExit:re,onExited:oe},D("transition")),e.createElement(l,S({nodeRef:Y},ue),e.createElement("div",S({ref:Y},ce),e.createElement("div",pe,I.children),ie)));return e.createElement(d,{element:fe,appendTo:I.appendTo})}));z.displayName="OverlayPanel";export{z as OverlayPanel};
|
|
@@ -138,9 +138,9 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, componentb
|
|
|
138
138
|
|
|
139
139
|
var classes = {
|
|
140
140
|
root: function root(_ref) {
|
|
141
|
-
|
|
142
|
-
context = _ref.context;
|
|
143
|
-
return utils.classNames('p-overlaypanel p-component',
|
|
141
|
+
_ref.props;
|
|
142
|
+
var context = _ref.context;
|
|
143
|
+
return utils.classNames('p-overlaypanel p-component', {
|
|
144
144
|
'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
|
|
145
145
|
'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
|
|
146
146
|
});
|
|
@@ -391,9 +391,9 @@ this.primereact.overlaypanel = (function (exports, React, PrimeReact, componentb
|
|
|
391
391
|
var closeIcon = createCloseIcon();
|
|
392
392
|
var rootProps = mergeProps({
|
|
393
393
|
id: props.id,
|
|
394
|
-
className: cx('root', {
|
|
394
|
+
className: utils.classNames(props.className, cx('root', {
|
|
395
395
|
context: context
|
|
396
|
-
}),
|
|
396
|
+
})),
|
|
397
397
|
style: props.style,
|
|
398
398
|
onClick: function onClick(e) {
|
|
399
399
|
return onPanelClick(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,n,t,r,o,a,l,i,c,u,p){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var y=f(n),v=s(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function m(e){return m="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},m(e)}function b(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function O(e){var n=b(e,"string");return"symbol"===m(n)?n:String(n)}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function x(){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 P(e,n){return g(e)||h(e,n)||w(e,n)||x()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return p.classNames("p-overlaypanel p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n .p-overlaypanel {\n position: absolute;\n margin-top: 10px;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-overlaypanel-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n }\n \n .p-overlaypanel-close {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n /* Animation */\n .p-overlaypanel-enter {\n opacity: 0;\n transform: scaleY(0.8);\n }\n \n .p-overlaypanel-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-overlaypanel-enter-done {\n transform: none;\n }\n \n .p-overlaypanel-exit {\n opacity: 1;\n }\n \n .p-overlaypanel-exit-active {\n opacity: 0;\n transition: opacity .1s linear;\n }\n \n .p-overlaypanel:after, .p-overlaypanel:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: " ";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n \n .p-overlaypanel:after {\n border-width: 8px;\n margin-left: -8px;\n }\n \n .p-overlaypanel:before {\n border-width: 10px;\n margin-left: -10px;\n }\n \n .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n bottom: auto;\n top: 100%;\n }\n \n .p-overlaypanel.p-overlaypanel-flipped:after {\n border-bottom-color: transparent;\n }\n \n .p-overlaypanel.p-overlaypanel-flipped:before {\n border-bottom-color: transparent\n }\n}\n'}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=O(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=y.forwardRef((function(e,n){var s=a.useMergeProps(),f=y.useContext(t.PrimeReactContext),m=j.getProps(e,f),b=P(y.useState(!1),2),O=b[0],g=b[1],h=j.setMetaData({props:m,state:{visible:O}}),S=h.ptm,w=h.cx,x=h.isUnstyled;r.useHandleStyle(j.css.styles,x,{name:"overlaypanel"});var E=y.useRef(""),k=y.useRef(null),D=y.useRef(null),C=y.useRef(!1),A=y.useRef(null),H=y.useRef(null),N=P(a.useOverlayListener({target:D,overlay:k,listener:function(e,n){if(n.valid)switch(n.type){case"outside":m.dismissable&&!C.current&&B();break;case"resize":case"scroll":case"orientationchange":V()}C.current=!1},when:O}),2),R=N[0],T=N[1],_=O&&m.closeOnEscape,L=a.useDisplayOrder("overlay-panel",_);a.useGlobalOnEscapeKey({callback:function(){B()},when:_&&L,priority:[a.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,L]});var M=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},U=function(e,n){return null!=D.current&&D.current!==(n||e.currentTarget||e.target)},z=function(){C.current=!0},Y=function(e,n){O?(B(),U(e,n)&&(D.current=n||e.currentTarget||e.target,setTimeout((function(){Z(e,D.current)}),200))):Z(e,n)},Z=function(e,n){D.current=n||e.currentTarget||e.target,O?V():(g(!0),H.current=function(e){!M(e.target)&&(C.current=!0)},i.OverlayService.on("overlay-click",H.current))},B=function(){g(!1),i.OverlayService.off("overlay-click",H.current),H.current=null},G=function(){k.current.setAttribute(E.current,""),p.ZIndexUtils.set("overlay",k.current,f&&f.autoZIndex||v.default.autoZIndex,f&&f.zIndex.overlay||v.default.zIndex.overlay),p.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),V()},K=function(){R(),m.onShow&&m.onShow()},q=function(){T()},J=function(){p.ZIndexUtils.clear(k.current),m.onHide&&m.onHide()},V=function(){if(D.current&&k.current){p.DomHandler.absolutePosition(k.current,D.current);var e=p.DomHandler.getOffset(k.current),n=p.DomHandler.getOffset(D.current),t=0;e.left<n.left&&(t=n.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(k.current.setAttribute("data-p-overlaypanel-flipped","true"),x&&p.DomHandler.addClass(k.current,"p-overlaypanel-flipped")):(k.current.setAttribute("data-p-overlaypanel-flipped","false"),x&&p.DomHandler.removeClass(k.current,"p-overlaypanel-flipped"))}},X=function(){if(!A.current){A.current=p.DomHandler.createInlineStyle(f&&f.nonce||v.default.nonce,f&&f.styleContainer);var e="";for(var n in m.breakpoints)e+="\n @media screen and (max-width: ".concat(n,") {\n .p-overlaypanel[").concat(E.current,"] {\n width: ").concat(m.breakpoints[n],";\n }\n }\n ");A.current.innerHTML=e}};a.useMountEffect((function(){E.current=p.UniqueComponentId(),m.breakpoints&&X()})),a.useUnmountEffect((function(){A.current=p.DomHandler.removeInlineStyle(A.current),H.current&&(i.OverlayService.off("overlay-click",H.current),H.current=null),p.ZIndexUtils.clear(k.current)})),y.useImperativeHandle(n,(function(){return{props:m,toggle:Y,show:Z,hide:B,align:V,getElement:function(){return k.current}}}));var $,F,Q,W,ee=function(){var e=s({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),n=p.IconUtils.getJSXIcon(m.closeIcon||y.createElement(l.TimesIcon,e),I({},e),{props:m}),r=m.ariaCloseLabel||t.localeOption("close"),o=s({type:"button",className:w("closeButton"),onClick:function(e){return n=e,B(),void n.preventDefault();var n},"aria-label":r},S("closeButton"));return m.showCloseIcon?y.createElement("button",o,n,y.createElement(u.Ripple,null)):null},ne=($=ee(),F=s({id:m.id,className:w("root",{context:f}),style:m.style,onClick:function(e){return n=e,C.current=!0,void i.OverlayService.emit("overlay-click",{originalEvent:n,target:D.current});var n}},j.getOtherProps(m),S("root")),Q=s({className:w("content"),onClick:function(e){return z()},onMouseDown:z},j.getOtherProps(m),S("content")),W=s({classNames:w("transition"),in:O,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:q,onExited:J},S("transition")),y.createElement(o.CSSTransition,d({nodeRef:k},W),y.createElement("div",d({ref:k},F),y.createElement("div",Q,m.children),$)));return y.createElement(c.Portal,{element:ne,appendTo:m.appendTo})}));return k.displayName="OverlayPanel",e.OverlayPanel=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.overlaypanel=function(e,n,t,r,o,a,l,i,c,u,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var y=f(n),v=p(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function m(e){return m="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},m(e)}function b(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function O(e){var n=b(e,"string");return"symbol"===m(n)?n:String(n)}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function w(e,n){if(e){if("string"==typeof e)return S(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?S(e,n):void 0}}function x(){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 P(e,n){return g(e)||h(e,n)||w(e,n)||x()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"OverlayPanel",id:null,dismissable:!0,showCloseIcon:!1,closeIcon:null,style:null,className:null,appendTo:null,breakpoints:null,ariaCloseLabel:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return s.classNames("p-overlaypanel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple})},closeIcon:"p-overlaypanel-close-icon",closeButton:"p-overlaypanel-close p-link",content:"p-overlaypanel-content",transition:"p-overlaypanel"},styles:'\n@layer primereact {\n .p-overlaypanel {\n position: absolute;\n margin-top: 10px;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-overlaypanel-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n }\n \n .p-overlaypanel-close {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n /* Animation */\n .p-overlaypanel-enter {\n opacity: 0;\n transform: scaleY(0.8);\n }\n \n .p-overlaypanel-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-overlaypanel-enter-done {\n transform: none;\n }\n \n .p-overlaypanel-exit {\n opacity: 1;\n }\n \n .p-overlaypanel-exit-active {\n opacity: 0;\n transition: opacity .1s linear;\n }\n \n .p-overlaypanel:after, .p-overlaypanel:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: " ";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n \n .p-overlaypanel:after {\n border-width: 8px;\n margin-left: -8px;\n }\n \n .p-overlaypanel:before {\n border-width: 10px;\n margin-left: -10px;\n }\n \n .p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {\n bottom: auto;\n top: 100%;\n }\n \n .p-overlaypanel.p-overlaypanel-flipped:after {\n border-bottom-color: transparent;\n }\n \n .p-overlaypanel.p-overlaypanel-flipped:before {\n border-bottom-color: transparent\n }\n}\n'}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){var r,o,a;r=e,a=t[n],(o=O(o=n))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=y.forwardRef((function(e,n){var p=a.useMergeProps(),f=y.useContext(t.PrimeReactContext),m=j.getProps(e,f),b=P(y.useState(!1),2),O=b[0],g=b[1],h=j.setMetaData({props:m,state:{visible:O}}),S=h.ptm,w=h.cx,x=h.isUnstyled;r.useHandleStyle(j.css.styles,x,{name:"overlaypanel"});var E=y.useRef(""),k=y.useRef(null),D=y.useRef(null),C=y.useRef(!1),A=y.useRef(null),H=y.useRef(null),N=P(a.useOverlayListener({target:D,overlay:k,listener:function(e,n){if(n.valid)switch(n.type){case"outside":m.dismissable&&!C.current&&B();break;case"resize":case"scroll":case"orientationchange":V()}C.current=!1},when:O}),2),R=N[0],T=N[1],_=O&&m.closeOnEscape,L=a.useDisplayOrder("overlay-panel",_);a.useGlobalOnEscapeKey({callback:function(){B()},when:_&&L,priority:[a.ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL,L]});var M=function(e){return k&&k.current&&!(k.current.isSameNode(e)||k.current.contains(e))},U=function(e,n){return null!=D.current&&D.current!==(n||e.currentTarget||e.target)},z=function(){C.current=!0},Y=function(e,n){O?(B(),U(e,n)&&(D.current=n||e.currentTarget||e.target,setTimeout((function(){Z(e,D.current)}),200))):Z(e,n)},Z=function(e,n){D.current=n||e.currentTarget||e.target,O?V():(g(!0),H.current=function(e){!M(e.target)&&(C.current=!0)},i.OverlayService.on("overlay-click",H.current))},B=function(){g(!1),i.OverlayService.off("overlay-click",H.current),H.current=null},G=function(){k.current.setAttribute(E.current,""),s.ZIndexUtils.set("overlay",k.current,f&&f.autoZIndex||v.default.autoZIndex,f&&f.zIndex.overlay||v.default.zIndex.overlay),s.DomHandler.addStyles(k.current,{position:"absolute",top:"0",left:"0"}),V()},K=function(){R(),m.onShow&&m.onShow()},q=function(){T()},J=function(){s.ZIndexUtils.clear(k.current),m.onHide&&m.onHide()},V=function(){if(D.current&&k.current){s.DomHandler.absolutePosition(k.current,D.current);var e=s.DomHandler.getOffset(k.current),n=s.DomHandler.getOffset(D.current),t=0;e.left<n.left&&(t=n.left-e.left),k.current.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top?(k.current.setAttribute("data-p-overlaypanel-flipped","true"),x&&s.DomHandler.addClass(k.current,"p-overlaypanel-flipped")):(k.current.setAttribute("data-p-overlaypanel-flipped","false"),x&&s.DomHandler.removeClass(k.current,"p-overlaypanel-flipped"))}},X=function(){if(!A.current){A.current=s.DomHandler.createInlineStyle(f&&f.nonce||v.default.nonce,f&&f.styleContainer);var e="";for(var n in m.breakpoints)e+="\n @media screen and (max-width: ".concat(n,") {\n .p-overlaypanel[").concat(E.current,"] {\n width: ").concat(m.breakpoints[n],";\n }\n }\n ");A.current.innerHTML=e}};a.useMountEffect((function(){E.current=s.UniqueComponentId(),m.breakpoints&&X()})),a.useUnmountEffect((function(){A.current=s.DomHandler.removeInlineStyle(A.current),H.current&&(i.OverlayService.off("overlay-click",H.current),H.current=null),s.ZIndexUtils.clear(k.current)})),y.useImperativeHandle(n,(function(){return{props:m,toggle:Y,show:Z,hide:B,align:V,getElement:function(){return k.current}}}));var $,F,Q,W,ee=function(){var e=p({className:w("closeIcon"),"aria-hidden":!0},S("closeIcon")),n=s.IconUtils.getJSXIcon(m.closeIcon||y.createElement(l.TimesIcon,e),I({},e),{props:m}),r=m.ariaCloseLabel||t.localeOption("close"),o=p({type:"button",className:w("closeButton"),onClick:function(e){return n=e,B(),void n.preventDefault();var n},"aria-label":r},S("closeButton"));return m.showCloseIcon?y.createElement("button",o,n,y.createElement(u.Ripple,null)):null},ne=($=ee(),F=p({id:m.id,className:s.classNames(m.className,w("root",{context:f})),style:m.style,onClick:function(e){return n=e,C.current=!0,void i.OverlayService.emit("overlay-click",{originalEvent:n,target:D.current});var n}},j.getOtherProps(m),S("root")),Q=p({className:w("content"),onClick:function(e){return z()},onMouseDown:z},j.getOtherProps(m),S("content")),W=p({classNames:w("transition"),in:O,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:G,onEntered:K,onExit:q,onExited:J},S("transition")),y.createElement(o.CSSTransition,d({nodeRef:k},W),y.createElement("div",d({ref:k},F),y.createElement("div",Q,m.children),$)));return y.createElement(c.Portal,{element:ne,appendTo:m.appendTo})}));return k.displayName="OverlayPanel",e.OverlayPanel=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "primereact",
|
|
3
|
-
"version": "10.6.
|
|
3
|
+
"version": "10.6.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "PrimeTek Informatics",
|
|
6
6
|
"description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
|
|
@@ -166,34 +166,31 @@ var classes = {
|
|
|
166
166
|
},
|
|
167
167
|
headerContent: 'p-panelmenu-header-content',
|
|
168
168
|
menuContent: 'p-panelmenu-content',
|
|
169
|
-
root:
|
|
170
|
-
var props = _ref4.props;
|
|
171
|
-
return utils.classNames('p-panelmenu p-component', props.className);
|
|
172
|
-
},
|
|
169
|
+
root: 'p-panelmenu p-component',
|
|
173
170
|
separator: 'p-menuitem-separator',
|
|
174
|
-
toggleableContent: function toggleableContent(
|
|
175
|
-
var active =
|
|
171
|
+
toggleableContent: function toggleableContent(_ref4) {
|
|
172
|
+
var active = _ref4.active;
|
|
176
173
|
return utils.classNames('p-toggleable-content', {
|
|
177
174
|
'p-toggleable-content-collapsed': !active
|
|
178
175
|
});
|
|
179
176
|
},
|
|
180
|
-
icon: function icon(
|
|
181
|
-
var item =
|
|
177
|
+
icon: function icon(_ref5) {
|
|
178
|
+
var item = _ref5.item;
|
|
182
179
|
return utils.classNames('p-menuitem-icon', item.icon);
|
|
183
180
|
},
|
|
184
181
|
label: 'p-menuitem-text',
|
|
185
182
|
submenuicon: 'p-submenu-icon',
|
|
186
183
|
content: 'p-menuitem-content',
|
|
187
|
-
action: function action(
|
|
188
|
-
var item =
|
|
184
|
+
action: function action(_ref6) {
|
|
185
|
+
var item = _ref6.item;
|
|
189
186
|
return utils.classNames('p-menuitem-link', {
|
|
190
187
|
'p-disabled': item.disabled
|
|
191
188
|
});
|
|
192
189
|
},
|
|
193
|
-
menuitem: function menuitem(
|
|
194
|
-
var item =
|
|
195
|
-
focused =
|
|
196
|
-
disabled =
|
|
190
|
+
menuitem: function menuitem(_ref7) {
|
|
191
|
+
var item = _ref7.item,
|
|
192
|
+
focused = _ref7.focused,
|
|
193
|
+
disabled = _ref7.disabled;
|
|
197
194
|
return utils.classNames('p-menuitem', item.className, {
|
|
198
195
|
'p-focus': focused,
|
|
199
196
|
'p-disabled': disabled
|
|
@@ -1269,7 +1266,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
|
|
|
1269
1266
|
var panels = createPanels();
|
|
1270
1267
|
var rootProps = mergeProps({
|
|
1271
1268
|
ref: elementRef,
|
|
1272
|
-
className: cx('root'),
|
|
1269
|
+
className: utils.classNames(props.className, cx('root')),
|
|
1273
1270
|
id: props.id,
|
|
1274
1271
|
style: props.style
|
|
1275
1272
|
}, PanelMenuBase.getOtherProps(props), ptm('root'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronright"),l=require("primereact/utils"),c=require("primereact/ripple");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=u(e);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function d(e){return d="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},d(e)}function p(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===d(n)?n:String(n)}function b(e,n,t){return(n=f(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return v(e)||y(e,n)||h(e,n)||O()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l.classNames("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return l.classNames("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:function(e){return l.classNames("p-panelmenu p-component",e.props.className)},separator:"p-menuitem-separator",toggleableContent:function(e){return l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l.classNames("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var x=s.memo(s.forwardRef((function(e,n){var t=a.useMergeProps(),u=e.ptm,d=e.cx,p=s.useRef(null),f=function(n,t){return u(n,N({hostName:e.hostName},t))},b=function(e,n,t){return f(n,{context:{item:e,index:t,active:g(e),focused:E(e),disabled:O(e)}})},v=function(n){return"".concat(e.panelId,"_").concat(n.key)},y=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){var t;return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===n.key}))||!(null===(t=n.item)||void 0===t||!t.expanded)},h=function(e){return!1!==y(e,"visible")},O=function(e){return y(e,"disabled")},E=function(n){return e.focusedItemId===v(n)},I=function(e){return l.ObjectUtils.isNotEmpty(e.items)},j=function(e,n){y(n,"url")||e.preventDefault(),y(n,"command",{originalEvent:e,item:n.item}),k({processedItem:n,expanded:!g(n)})},k=function(n){e.onItemToggle(n)},S=function(n){return n-e.model.slice(0,n).filter((function(e){return h(e)&&y(e,"separator")})).length+1};s.useImperativeHandle(n,(function(){return{getElement:function(){return p.current}}}));var P=function(n){var r=e.id+"_sep_"+n,a=t({id:r,key:r,className:d("separator"),role:"separator"},f("separator"));return s.createElement("li",a)},w=function(n,a){var i=s.createRef(),o=t({className:d("toggleableContent",{active:a})},f("toggleableContent"));if(h(n)&&I(n)){var l=t({classNames:d("transition"),timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},f("transition"));return s.createElement(r.CSSTransition,m({nodeRef:i},l),s.createElement("div",m({ref:i},o),s.createElement(x,{id:v(n)+"_list",role:"group",panelId:e.panelId,level:e.level+1,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,onItemToggle:k,menuProps:e.menuProps,model:n.items,submenuIcon:e.submenuIcon,ptm:u,cx:d})))}return null},D=function(n,r){var a=n.item;if(!1===h(n))return null;var u=v(n),m=g(n),p=E(n),f=O(a),x=l.classNames("p-menuitem-link",{"p-disabled":a.disabled}),k=l.classNames("p-menuitem-icon",a.icon),P=t({className:d("icon",{item:a})},b(n,"icon",r)),D=l.IconUtils.getJSXIcon(a.icon,N({},P),{props:e.menuProps}),C=t({className:d("label")},b(n,"label",r)),U=a.label&&s.createElement("span",C,a.label),H=t({className:d("submenuicon")},b(n,"submenuicon",r)),K=a.items&&l.IconUtils.getJSXIcon(m?e.submenuIcon||s.createElement(i.ChevronDownIcon,H):e.submenuIcon||s.createElement(o.ChevronRightIcon,H)),A=w(n,m),T=t({href:a.url||"#",className:d("action",{item:a}),target:a.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},b(n,"action",r)),R=s.createElement("a",T,K,D,U,s.createElement(c.Ripple,null));a.template&&(R=l.ObjectUtils.getJSXElement(a.template,a,{className:x,labelClassName:"p-menuitem-text",iconClassName:k,submenuIconClassName:"p-panelmenu-icon",element:R,props:e,leaf:!a.items,active:m}));var _=t({onClick:function(e){return j(e,n)},className:d("content")},b(n,"content",r)),q=t({key:u,id:u,className:d("menuitem",{item:a,focused:p,disabled:f}),style:a.style,role:"treeitem","aria-label":a.label,"aria-expanded":I(a)?m:void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return h(e)&&!y(e,"separator")})).length,"aria-posinset":S(r),"data-p-focused":p,"data-p-disabled":f},b(n,"menuitem",r));return s.createElement("li",q,s.createElement("div",_,R),A)},C=e.model?e.model.map((function(e,n){return y(e,"separator")?P(n):D(e,n)})):null,U=e.root?"menu":"submenu",H=t({id:e.id,ref:p,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-activedescendant":e.ariaActivedescendant,role:e.role,className:l.classNames(d(U),e.className)},u(U));return s.createElement("ul",H,C)})));function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}x.displayName="PanelMenuSub";var P=s.memo((function(e){var n,t,r,a=e.ptm,i=e.cx,o=E(s.useState(!1),2),c=o[0],u=o[1],m=E(s.useState(null),2),d=m[0],p=m[1],f=E(s.useState(null),2),b=f[0],v=f[1],y=E(s.useState([]),2),g=y[0],h=y[1],O=E(s.useState(null),2),I=O[0],j=O[1],N=E(s.useState([]),2),k=N[0],P=N[1],w=s.useRef(null),D=s.useRef(null),C=s.useRef(null),U=function(e,n){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n]):void 0},H=function(e){return U(e,"label")},K=function(e){return!1!==U(e,"visible")},A=function(e){return U(e,"disabled")},T=function(e){return g&&g.some((function(n){return n.key===e.parentKey}))},R=function(){return C.current&&C.current.getElement()},_=function(e){var n=l.ObjectUtils.isNotEmpty(d)?Q(d):$();ne({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},q=function(e){var n=l.ObjectUtils.isNotEmpty(d)?Z(d):G();ne({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},M=function(e){l.ObjectUtils.isNotEmpty(d)&&(g.some((function(e){return e.key===d.key}))?h(g.filter((function(e){return e.key!==d.key}))):p(l.ObjectUtils.isNotEmpty(d.parent)?d.parent:d),e.preventDefault())},L=function(e){if(l.ObjectUtils.isNotEmpty(d)){if(l.ObjectUtils.isNotEmpty(d.items))if(g.some((function(e){return e.key===d.key})))_(e);else{var n=g.filter((function(e){return e.parentKey!==d.parentKey}));n.push(d),h(n)}e.preventDefault()}},F=function(e){ne({originalEvent:e,processedItem:$(),allowHeaderFocus:!1}),e.preventDefault()},J=function(e){ne({originalEvent:e,processedItem:G(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},X=function(e){if(l.ObjectUtils.isNotEmpty(d)){var n=l.DomHandler.findSingle(R(),'li[id="'.concat("".concat(b),'"]')),t=n&&(l.DomHandler.findSingle(n,'[data-pc-section="action"]')||l.DomHandler.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){X(e)},V=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},z=function(e){return Y(e)&&H(e).toLocaleLowerCase().startsWith(w.current.toLocaleLowerCase())},W=function(e){return!!e&&(0===e.level||T(e))&&K(e)},Y=function(e){return!!e&&!A(e)&&!U(e,"separator")},$=function(){return k.find((function(e){return Y(e)}))},G=function(){return l.ObjectUtils.findLast(k,(function(e){return Y(e)}))},Q=function(e){var n=k.findIndex((function(n){return n.key===e.key}));return(n<k.length-1?k.slice(n+1).find((function(e){return Y(e)})):void 0)||e},Z=function(e){var n=k.findIndex((function(n){return n.key===e.key}));return(n>0?l.ObjectUtils.findLast(k.slice(0,n),(function(e){return Y(e)})):void 0)||e},ee=function(e,n){w.current=(w.current||"")+n;var t=null,r=!1;if(l.ObjectUtils.isNotEmpty(d)){var a=k.findIndex((function(e){return e.key===d.key}));t=k.slice(a).find((function(e){return z(e)})),t=l.ObjectUtils.isEmpty(t)?k.slice(0,a).find((function(e){return z(e)})):t}else t=k.find((function(e){return z(e)}));return l.ObjectUtils.isNotEmpty(t)&&(r=!0),l.ObjectUtils.isEmpty(t)&&l.ObjectUtils.isEmpty(d)&&(t=$()),l.ObjectUtils.isNotEmpty(t)&&ne({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),D&&clearTimeout(D.current),D.current=setTimeout((function(){w.current="",D.currentt=null}),500),r},ne=function(n){var t=n.originalEvent,r=n.processedItem,a=n.focusOnNext,i=n.selfCheck,o=n.allowHeaderFocus,c=void 0===o||o;l.ObjectUtils.isNotEmpty(d)&&d.key!==r.key?(p(r),te()):c&&e.onHeaderFocus&&e.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:i})},te=function(){var e=l.DomHandler.findSingle(R(),'li[id="'.concat("".concat(b),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function n(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=r||0===a&&e.model;if(!i)return null;for(var o=0;o<i.length;o++){var l=i[o];if((U(l,"key")||l.key)===t)return l;var c=n(t,l.items,a+1);if(c)return c}},ae=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return n&&n.forEach((function(n,o){var l=n.key?n.key:(""!==a?a+"_":"")+o,c={item:n,index:o,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),i.push(c)})),i},ie=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){W(n)&&(t.push(n),e(n.items,t))})),t};return s.useEffect((function(){var n=ae(e.model);j(n)}),[e.model]),s.useEffect((function(){var e=ie(I);P(e)}),[I,g]),s.useEffect((function(){var n;n=Object.entries(e.expandedKeys||{}).reduce((function(e,n){var t=E(n,2);if(t[1]){var r=re(t[0]);r&&e.push(r)}return e}),[]),h(n)}),[e.expandedKeys]),n=function(){var n=l.ObjectUtils.isNotEmpty(d)?"".concat(e.panelId,"_").concat(d.key):null;v(n)},t=[e.panelId,d],r=s.useRef(!1),s.useEffect((function(){if(r.current)return n&&n();r.current=!0}),t),s.createElement(x,{hostName:"PanelMenu",id:e.panelId+"_list",ref:C,role:"tree",tabIndex:-1,ariaActivedescendant:c?b:void 0,panelId:e.panelId,focusedItemId:c?b:void 0,model:I,activeItemPath:g,menuProps:e.menuProps,onFocus:function(e){u(!0);var n=d||(V(e,e.relatedTarget)?$():G());p(n)},onBlur:function(){u(!1),p(null),w.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_(e);break;case"ArrowUp":q(e);break;case"ArrowLeft":M(e);break;case"ArrowRight":L(e);break;case"Home":F(e);break;case"End":J(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":X(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&ee(e,e.key)}},onItemToggle:function(n){var t=n.processedItem,r=n.expanded;if(e.expandedKeys)e.onToggle&&e.onToggle({item:t.item,expanded:r});else{var a=g.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),h(a)}t.item&&(t.item=S(S({},t.item),{},{expanded:r})),l.DomHandler.focus(R()),p(t)},level:0,className:i("submenu"),submenuIcon:e.submenuIcon,root:!0,ptm:a,cx:i})}));function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="PanelMenuList";var C=s.memo(s.forwardRef((function(e,c){var u=a.useMergeProps(),d=s.useContext(n.PrimeReactContext),p=I.getProps(e,d),f=E(s.useState(p.id),2),b=f[0],v=f[1],y=E(s.useState(null),2),g=y[0],h=y[1],O=E(s.useState([]),2),j=O[0],N=O[1],x=E(s.useState(!1),2),k=x[1],S=s.useRef(null),w=I.setMetaData({props:p,state:{id:b,activeItem:g}}),C=w.ptm,U=w.cx;t.useHandleStyle(I.css.styles,w.isUnstyled,{name:"panelmenu"});var H=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&Z(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},K=function(e,n){return e?l.ObjectUtils.getItemValue(e[n]):void 0},A=function(e){return p.expandedKeys?p.expandedKeys[K(e,"key")]:p.multiple?j.some((function(n){return l.ObjectUtils.equals(e,n)})):l.ObjectUtils.equals(e,g)},T=function(e){return!1!==K(e,"visible")},R=function(e){return K(e,"disabled")},_=function(e){return l.ObjectUtils.equals(e,g)},q=function(e){return"".concat(b,"_").concat(e)},M=function(e){return"".concat(q(e),"_header")},L=function(e){return"".concat(q(e),"_content")},F=function(e,n){switch(e.code){case"ArrowDown":J(e);break;case"ArrowUp":X(e);break;case"Home":B(e);break;case"End":V(e);break;case"Enter":case"NumpadEnter":case"Space":z(e,n)}},J=function(e){var n=!0===l.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?l.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?l.DomHandler.focus(n):Q({originalEvent:e,focusOnNext:!0}),e.preventDefault()},X=function(e){var n=Y(e.currentTarget.parentElement)||G(),t=!0===l.DomHandler.getAttribute(n,"data-p-highlight")?l.DomHandler.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?l.DomHandler.focus(t):Q({originalEvent:e,focusOnNext:!1}),e.preventDefault()},B=function(e){ne(e,$()),e.preventDefault()},V=function(e){ne(e,G()),e.preventDefault()},z=function(e,n){var t=l.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():H(e,n),e.preventDefault()},W=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},Y=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},$=function(){return W(S.current.firstElementChild,!0)},G=function(){return Y(S.current.lastElementChild,!0)},Q=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),i=r?l.DomHandler.findSingle(a,'[data-pc-section="header"]'):t?W(a):Y(a);i?ne(n,i):t?B(n):V(n)},Z=function(e,n){if(!R(n)){var t=!A(n),r=g&&l.ObjectUtils.equals(n,g)?null:n;if(h(r),p.multiple){var a=j;j.some((function(e){return l.ObjectUtils.equals(n,e)}))?a=j.filter((function(e){return!l.ObjectUtils.equals(n,e)})):a.push(n),N(a)}ee({item:n,expanded:t}),t&&e?p.onOpen&&p.onOpen({originalEvent:e,item:n}):p.onClose&&p.onClose({originalEvent:e,item:n})}},ee=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(p.expandedKeys){var a=D({},p.expandedKeys);r?a[n.key]=!0:delete a[n.key],p.onExpandedKeysChange&&p.onExpandedKeysChange(a)}},ne=function(e,n){n&&l.DomHandler.focus(n)},te=function(e,n,t){return C(n,{context:{active:A(e),focused:_(e),disabled:R(e),index:t}})};s.useImperativeHandle(c,(function(){return{props:p,getElement:function(){return S.current}}})),a.useMountEffect((function(){!b&&v(l.UniqueComponentId())})),s.useEffect((function(){k(!0),p.model&&p.model.forEach((function(e){e.expanded&&(Z(null,e),e.expanded=!1)}))}),[p.model]);var re=function(){k(!1)},ae=p.model?p.model.map((function(e,n){if(!T(e))return null;var t=e.id||b+"_"+n,a=A(e)||e.expanded,c=l.classNames("p-menuitem-icon",e.icon),d=u({className:U("headerIcon",{item:e})},te(e,"headerIcon",n)),f=l.IconUtils.getJSXIcon(e.icon,D({},d),{props:p}),v=u({className:U("headerSubmenuIcon")},te(e,"headerSubmenuIcon",n)),y=e.items&&l.IconUtils.getJSXIcon(a?p.submenuIcon||s.createElement(i.ChevronDownIcon,v):p.submenuIcon||s.createElement(o.ChevronRightIcon,v)),g=u({className:U("headerLabel")},te(e,"headerLabel",n)),h=e.label&&s.createElement("span",g,e.label),O=s.createRef(),E=u({href:e.url||"#",className:U("headerAction"),tabIndex:"-1"},te(e,"headerAction",n)),I=s.createElement("a",E,y,f,h);e.template&&(I=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return H(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:c,element:I,props:p,leaf:!e.items,active:a}));var j=u({key:t,className:U("panel",{item:e}),style:e.style},te(e,"panel",n)),N=u({id:M(n),className:U("header",{active:a,item:e}),"aria-label":e.label,"aria-expanded":a,"aria-disabled":e.disabled,"aria-controls":L(n),tabIndex:e.disabled?null:"0",onClick:function(n){return H(n,e)},onKeyDown:function(n){return F(n,e)},"data-p-disabled":e.disabled,"data-p-highlight":a,role:"button",style:e.style},te(e,"header",n)),x=u({className:U("headerContent")},te(e,"headerContent",n)),k=u({className:U("menuContent")},te(e,"menuContent",n)),S=u({className:U("toggleableContent",{active:a}),role:"region","aria-labelledby":M(n)},te(e,"toggleableContent",n)),w=u({classNames:U("transition"),timeout:{enter:1e3,exit:450},onEnter:re,in:a,unmountOnExit:!0,options:p.transitionOptions},te(e,"transition",n));return s.createElement("div",j,s.createElement("div",N,s.createElement("div",x,I)),s.createElement(r.CSSTransition,m({nodeRef:O},w),s.createElement("div",m({id:L(n),ref:O},S),s.createElement("div",k,s.createElement(P,{panelId:q(n),menuProps:p,onToggle:ee,onHeaderFocus:Q,level:0,model:e.items,expandedKeys:p.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:p.submenuIcon,ptm:C,cx:U})))))})):null,ie=u({ref:S,className:U("root"),id:p.id,style:p.style},I.getOtherProps(p),C("root"));return s.createElement("div",ie,ae)})));C.displayName="PanelMenu",exports.PanelMenu=C;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),o=require("primereact/icons/chevronright"),l=require("primereact/utils"),c=require("primereact/ripple");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=u(e);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function d(e){return d="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},d(e)}function p(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===d(n)?n:String(n)}function b(e,n,t){return(n=f(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return v(e)||y(e,n)||h(e,n)||O()}var I=t.ComponentBase.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l.classNames("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return l.classNames("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:"p-panelmenu p-component",separator:"p-menuitem-separator",toggleableContent:function(e){return l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l.classNames("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var x=s.memo(s.forwardRef((function(e,n){var t=a.useMergeProps(),u=e.ptm,d=e.cx,p=s.useRef(null),f=function(n,t){return u(n,N({hostName:e.hostName},t))},b=function(e,n,t){return f(n,{context:{item:e,index:t,active:g(e),focused:E(e),disabled:O(e)}})},v=function(n){return"".concat(e.panelId,"_").concat(n.key)},y=function(e,n,t){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){var t;return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===n.key}))||!(null===(t=n.item)||void 0===t||!t.expanded)},h=function(e){return!1!==y(e,"visible")},O=function(e){return y(e,"disabled")},E=function(n){return e.focusedItemId===v(n)},I=function(e){return l.ObjectUtils.isNotEmpty(e.items)},j=function(e,n){y(n,"url")||e.preventDefault(),y(n,"command",{originalEvent:e,item:n.item}),k({processedItem:n,expanded:!g(n)})},k=function(n){e.onItemToggle(n)},S=function(n){return n-e.model.slice(0,n).filter((function(e){return h(e)&&y(e,"separator")})).length+1};s.useImperativeHandle(n,(function(){return{getElement:function(){return p.current}}}));var P=function(n){var r=e.id+"_sep_"+n,a=t({id:r,key:r,className:d("separator"),role:"separator"},f("separator"));return s.createElement("li",a)},w=function(n,a){var i=s.createRef(),o=t({className:d("toggleableContent",{active:a})},f("toggleableContent"));if(h(n)&&I(n)){var l=t({classNames:d("transition"),timeout:{enter:1e3,exit:450},in:a,unmountOnExit:!0},f("transition"));return s.createElement(r.CSSTransition,m({nodeRef:i},l),s.createElement("div",m({ref:i},o),s.createElement(x,{id:v(n)+"_list",role:"group",panelId:e.panelId,level:e.level+1,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,onItemToggle:k,menuProps:e.menuProps,model:n.items,submenuIcon:e.submenuIcon,ptm:u,cx:d})))}return null},D=function(n,r){var a=n.item;if(!1===h(n))return null;var u=v(n),m=g(n),p=E(n),f=O(a),x=l.classNames("p-menuitem-link",{"p-disabled":a.disabled}),k=l.classNames("p-menuitem-icon",a.icon),P=t({className:d("icon",{item:a})},b(n,"icon",r)),D=l.IconUtils.getJSXIcon(a.icon,N({},P),{props:e.menuProps}),C=t({className:d("label")},b(n,"label",r)),U=a.label&&s.createElement("span",C,a.label),H=t({className:d("submenuicon")},b(n,"submenuicon",r)),K=a.items&&l.IconUtils.getJSXIcon(m?e.submenuIcon||s.createElement(i.ChevronDownIcon,H):e.submenuIcon||s.createElement(o.ChevronRightIcon,H)),A=w(n,m),T=t({href:a.url||"#",className:d("action",{item:a}),target:a.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},b(n,"action",r)),R=s.createElement("a",T,K,D,U,s.createElement(c.Ripple,null));a.template&&(R=l.ObjectUtils.getJSXElement(a.template,a,{className:x,labelClassName:"p-menuitem-text",iconClassName:k,submenuIconClassName:"p-panelmenu-icon",element:R,props:e,leaf:!a.items,active:m}));var _=t({onClick:function(e){return j(e,n)},className:d("content")},b(n,"content",r)),q=t({key:u,id:u,className:d("menuitem",{item:a,focused:p,disabled:f}),style:a.style,role:"treeitem","aria-label":a.label,"aria-expanded":I(a)?m:void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return h(e)&&!y(e,"separator")})).length,"aria-posinset":S(r),"data-p-focused":p,"data-p-disabled":f},b(n,"menuitem",r));return s.createElement("li",q,s.createElement("div",_,R),A)},C=e.model?e.model.map((function(e,n){return y(e,"separator")?P(n):D(e,n)})):null,U=e.root?"menu":"submenu",H=t({id:e.id,ref:p,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-activedescendant":e.ariaActivedescendant,role:e.role,className:l.classNames(d(U),e.className)},u(U));return s.createElement("ul",H,C)})));function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}x.displayName="PanelMenuSub";var P=s.memo((function(e){var n,t,r,a=e.ptm,i=e.cx,o=E(s.useState(!1),2),c=o[0],u=o[1],m=E(s.useState(null),2),d=m[0],p=m[1],f=E(s.useState(null),2),b=f[0],v=f[1],y=E(s.useState([]),2),g=y[0],h=y[1],O=E(s.useState(null),2),I=O[0],j=O[1],N=E(s.useState([]),2),k=N[0],P=N[1],w=s.useRef(null),D=s.useRef(null),C=s.useRef(null),U=function(e,n){return e&&e.item?l.ObjectUtils.getItemValue(e.item[n]):void 0},H=function(e){return U(e,"label")},K=function(e){return!1!==U(e,"visible")},A=function(e){return U(e,"disabled")},T=function(e){return g&&g.some((function(n){return n.key===e.parentKey}))},R=function(){return C.current&&C.current.getElement()},_=function(e){var n=l.ObjectUtils.isNotEmpty(d)?Q(d):$();ne({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},q=function(e){var n=l.ObjectUtils.isNotEmpty(d)?Z(d):G();ne({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},M=function(e){l.ObjectUtils.isNotEmpty(d)&&(g.some((function(e){return e.key===d.key}))?h(g.filter((function(e){return e.key!==d.key}))):p(l.ObjectUtils.isNotEmpty(d.parent)?d.parent:d),e.preventDefault())},L=function(e){if(l.ObjectUtils.isNotEmpty(d)){if(l.ObjectUtils.isNotEmpty(d.items))if(g.some((function(e){return e.key===d.key})))_(e);else{var n=g.filter((function(e){return e.parentKey!==d.parentKey}));n.push(d),h(n)}e.preventDefault()}},F=function(e){ne({originalEvent:e,processedItem:$(),allowHeaderFocus:!1}),e.preventDefault()},J=function(e){ne({originalEvent:e,processedItem:G(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},X=function(e){if(l.ObjectUtils.isNotEmpty(d)){var n=l.DomHandler.findSingle(R(),'li[id="'.concat("".concat(b),'"]')),t=n&&(l.DomHandler.findSingle(n,'[data-pc-section="action"]')||l.DomHandler.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){X(e)},V=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},z=function(e){return Y(e)&&H(e).toLocaleLowerCase().startsWith(w.current.toLocaleLowerCase())},W=function(e){return!!e&&(0===e.level||T(e))&&K(e)},Y=function(e){return!!e&&!A(e)&&!U(e,"separator")},$=function(){return k.find((function(e){return Y(e)}))},G=function(){return l.ObjectUtils.findLast(k,(function(e){return Y(e)}))},Q=function(e){var n=k.findIndex((function(n){return n.key===e.key}));return(n<k.length-1?k.slice(n+1).find((function(e){return Y(e)})):void 0)||e},Z=function(e){var n=k.findIndex((function(n){return n.key===e.key}));return(n>0?l.ObjectUtils.findLast(k.slice(0,n),(function(e){return Y(e)})):void 0)||e},ee=function(e,n){w.current=(w.current||"")+n;var t=null,r=!1;if(l.ObjectUtils.isNotEmpty(d)){var a=k.findIndex((function(e){return e.key===d.key}));t=k.slice(a).find((function(e){return z(e)})),t=l.ObjectUtils.isEmpty(t)?k.slice(0,a).find((function(e){return z(e)})):t}else t=k.find((function(e){return z(e)}));return l.ObjectUtils.isNotEmpty(t)&&(r=!0),l.ObjectUtils.isEmpty(t)&&l.ObjectUtils.isEmpty(d)&&(t=$()),l.ObjectUtils.isNotEmpty(t)&&ne({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),D&&clearTimeout(D.current),D.current=setTimeout((function(){w.current="",D.currentt=null}),500),r},ne=function(n){var t=n.originalEvent,r=n.processedItem,a=n.focusOnNext,i=n.selfCheck,o=n.allowHeaderFocus,c=void 0===o||o;l.ObjectUtils.isNotEmpty(d)&&d.key!==r.key?(p(r),te()):c&&e.onHeaderFocus&&e.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:i})},te=function(){var e=l.DomHandler.findSingle(R(),'li[id="'.concat("".concat(b),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function n(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=r||0===a&&e.model;if(!i)return null;for(var o=0;o<i.length;o++){var l=i[o];if((U(l,"key")||l.key)===t)return l;var c=n(t,l.items,a+1);if(c)return c}},ae=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return n&&n.forEach((function(n,o){var l=n.key?n.key:(""!==a?a+"_":"")+o,c={item:n,index:o,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),i.push(c)})),i},ie=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){W(n)&&(t.push(n),e(n.items,t))})),t};return s.useEffect((function(){var n=ae(e.model);j(n)}),[e.model]),s.useEffect((function(){var e=ie(I);P(e)}),[I,g]),s.useEffect((function(){var n;n=Object.entries(e.expandedKeys||{}).reduce((function(e,n){var t=E(n,2);if(t[1]){var r=re(t[0]);r&&e.push(r)}return e}),[]),h(n)}),[e.expandedKeys]),n=function(){var n=l.ObjectUtils.isNotEmpty(d)?"".concat(e.panelId,"_").concat(d.key):null;v(n)},t=[e.panelId,d],r=s.useRef(!1),s.useEffect((function(){if(r.current)return n&&n();r.current=!0}),t),s.createElement(x,{hostName:"PanelMenu",id:e.panelId+"_list",ref:C,role:"tree",tabIndex:-1,ariaActivedescendant:c?b:void 0,panelId:e.panelId,focusedItemId:c?b:void 0,model:I,activeItemPath:g,menuProps:e.menuProps,onFocus:function(e){u(!0);var n=d||(V(e,e.relatedTarget)?$():G());p(n)},onBlur:function(){u(!1),p(null),w.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_(e);break;case"ArrowUp":q(e);break;case"ArrowLeft":M(e);break;case"ArrowRight":L(e);break;case"Home":F(e);break;case"End":J(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":X(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&l.ObjectUtils.isPrintableCharacter(e.key)&&ee(e,e.key)}},onItemToggle:function(n){var t=n.processedItem,r=n.expanded;if(e.expandedKeys)e.onToggle&&e.onToggle({item:t.item,expanded:r});else{var a=g.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),h(a)}t.item&&(t.item=S(S({},t.item),{},{expanded:r})),l.DomHandler.focus(R()),p(t)},level:0,className:i("submenu"),submenuIcon:e.submenuIcon,root:!0,ptm:a,cx:i})}));function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){b(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="PanelMenuList";var C=s.memo(s.forwardRef((function(e,c){var u=a.useMergeProps(),d=s.useContext(n.PrimeReactContext),p=I.getProps(e,d),f=E(s.useState(p.id),2),b=f[0],v=f[1],y=E(s.useState(null),2),g=y[0],h=y[1],O=E(s.useState([]),2),j=O[0],N=O[1],x=E(s.useState(!1),2),k=x[1],S=s.useRef(null),w=I.setMetaData({props:p,state:{id:b,activeItem:g}}),C=w.ptm,U=w.cx;t.useHandleStyle(I.css.styles,w.isUnstyled,{name:"panelmenu"});var H=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&Z(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},K=function(e,n){return e?l.ObjectUtils.getItemValue(e[n]):void 0},A=function(e){return p.expandedKeys?p.expandedKeys[K(e,"key")]:p.multiple?j.some((function(n){return l.ObjectUtils.equals(e,n)})):l.ObjectUtils.equals(e,g)},T=function(e){return!1!==K(e,"visible")},R=function(e){return K(e,"disabled")},_=function(e){return l.ObjectUtils.equals(e,g)},q=function(e){return"".concat(b,"_").concat(e)},M=function(e){return"".concat(q(e),"_header")},L=function(e){return"".concat(q(e),"_content")},F=function(e,n){switch(e.code){case"ArrowDown":J(e);break;case"ArrowUp":X(e);break;case"Home":B(e);break;case"End":V(e);break;case"Enter":case"NumpadEnter":case"Space":z(e,n)}},J=function(e){var n=!0===l.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?l.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?l.DomHandler.focus(n):Q({originalEvent:e,focusOnNext:!0}),e.preventDefault()},X=function(e){var n=Y(e.currentTarget.parentElement)||G(),t=!0===l.DomHandler.getAttribute(n,"data-p-highlight")?l.DomHandler.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?l.DomHandler.focus(t):Q({originalEvent:e,focusOnNext:!1}),e.preventDefault()},B=function(e){ne(e,$()),e.preventDefault()},V=function(e){ne(e,G()),e.preventDefault()},z=function(e,n){var t=l.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():H(e,n),e.preventDefault()},W=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},Y=function e(n){var t=l.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?l.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},$=function(){return W(S.current.firstElementChild,!0)},G=function(){return Y(S.current.lastElementChild,!0)},Q=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),i=r?l.DomHandler.findSingle(a,'[data-pc-section="header"]'):t?W(a):Y(a);i?ne(n,i):t?B(n):V(n)},Z=function(e,n){if(!R(n)){var t=!A(n),r=g&&l.ObjectUtils.equals(n,g)?null:n;if(h(r),p.multiple){var a=j;j.some((function(e){return l.ObjectUtils.equals(n,e)}))?a=j.filter((function(e){return!l.ObjectUtils.equals(n,e)})):a.push(n),N(a)}ee({item:n,expanded:t}),t&&e?p.onOpen&&p.onOpen({originalEvent:e,item:n}):p.onClose&&p.onClose({originalEvent:e,item:n})}},ee=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(p.expandedKeys){var a=D({},p.expandedKeys);r?a[n.key]=!0:delete a[n.key],p.onExpandedKeysChange&&p.onExpandedKeysChange(a)}},ne=function(e,n){n&&l.DomHandler.focus(n)},te=function(e,n,t){return C(n,{context:{active:A(e),focused:_(e),disabled:R(e),index:t}})};s.useImperativeHandle(c,(function(){return{props:p,getElement:function(){return S.current}}})),a.useMountEffect((function(){!b&&v(l.UniqueComponentId())})),s.useEffect((function(){k(!0),p.model&&p.model.forEach((function(e){e.expanded&&(Z(null,e),e.expanded=!1)}))}),[p.model]);var re=function(){k(!1)},ae=p.model?p.model.map((function(e,n){if(!T(e))return null;var t=e.id||b+"_"+n,a=A(e)||e.expanded,c=l.classNames("p-menuitem-icon",e.icon),d=u({className:U("headerIcon",{item:e})},te(e,"headerIcon",n)),f=l.IconUtils.getJSXIcon(e.icon,D({},d),{props:p}),v=u({className:U("headerSubmenuIcon")},te(e,"headerSubmenuIcon",n)),y=e.items&&l.IconUtils.getJSXIcon(a?p.submenuIcon||s.createElement(i.ChevronDownIcon,v):p.submenuIcon||s.createElement(o.ChevronRightIcon,v)),g=u({className:U("headerLabel")},te(e,"headerLabel",n)),h=e.label&&s.createElement("span",g,e.label),O=s.createRef(),E=u({href:e.url||"#",className:U("headerAction"),tabIndex:"-1"},te(e,"headerAction",n)),I=s.createElement("a",E,y,f,h);e.template&&(I=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return H(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:c,element:I,props:p,leaf:!e.items,active:a}));var j=u({key:t,className:U("panel",{item:e}),style:e.style},te(e,"panel",n)),N=u({id:M(n),className:U("header",{active:a,item:e}),"aria-label":e.label,"aria-expanded":a,"aria-disabled":e.disabled,"aria-controls":L(n),tabIndex:e.disabled?null:"0",onClick:function(n){return H(n,e)},onKeyDown:function(n){return F(n,e)},"data-p-disabled":e.disabled,"data-p-highlight":a,role:"button",style:e.style},te(e,"header",n)),x=u({className:U("headerContent")},te(e,"headerContent",n)),k=u({className:U("menuContent")},te(e,"menuContent",n)),S=u({className:U("toggleableContent",{active:a}),role:"region","aria-labelledby":M(n)},te(e,"toggleableContent",n)),w=u({classNames:U("transition"),timeout:{enter:1e3,exit:450},onEnter:re,in:a,unmountOnExit:!0,options:p.transitionOptions},te(e,"transition",n));return s.createElement("div",j,s.createElement("div",N,s.createElement("div",x,I)),s.createElement(r.CSSTransition,m({nodeRef:O},w),s.createElement("div",m({id:L(n),ref:O},S),s.createElement("div",k,s.createElement(P,{panelId:q(n),menuProps:p,onToggle:ee,onHeaderFocus:Q,level:0,model:e.items,expandedKeys:p.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:p.submenuIcon,ptm:C,cx:U})))))})):null,ie=u({ref:S,className:l.classNames(p.className,U("root")),id:p.id,style:p.style},I.getOtherProps(p),C("root"));return s.createElement("div",ie,ae)})));C.displayName="PanelMenu",exports.PanelMenu=C;
|
|
@@ -142,34 +142,31 @@ var classes = {
|
|
|
142
142
|
},
|
|
143
143
|
headerContent: 'p-panelmenu-header-content',
|
|
144
144
|
menuContent: 'p-panelmenu-content',
|
|
145
|
-
root:
|
|
146
|
-
var props = _ref4.props;
|
|
147
|
-
return classNames('p-panelmenu p-component', props.className);
|
|
148
|
-
},
|
|
145
|
+
root: 'p-panelmenu p-component',
|
|
149
146
|
separator: 'p-menuitem-separator',
|
|
150
|
-
toggleableContent: function toggleableContent(
|
|
151
|
-
var active =
|
|
147
|
+
toggleableContent: function toggleableContent(_ref4) {
|
|
148
|
+
var active = _ref4.active;
|
|
152
149
|
return classNames('p-toggleable-content', {
|
|
153
150
|
'p-toggleable-content-collapsed': !active
|
|
154
151
|
});
|
|
155
152
|
},
|
|
156
|
-
icon: function icon(
|
|
157
|
-
var item =
|
|
153
|
+
icon: function icon(_ref5) {
|
|
154
|
+
var item = _ref5.item;
|
|
158
155
|
return classNames('p-menuitem-icon', item.icon);
|
|
159
156
|
},
|
|
160
157
|
label: 'p-menuitem-text',
|
|
161
158
|
submenuicon: 'p-submenu-icon',
|
|
162
159
|
content: 'p-menuitem-content',
|
|
163
|
-
action: function action(
|
|
164
|
-
var item =
|
|
160
|
+
action: function action(_ref6) {
|
|
161
|
+
var item = _ref6.item;
|
|
165
162
|
return classNames('p-menuitem-link', {
|
|
166
163
|
'p-disabled': item.disabled
|
|
167
164
|
});
|
|
168
165
|
},
|
|
169
|
-
menuitem: function menuitem(
|
|
170
|
-
var item =
|
|
171
|
-
focused =
|
|
172
|
-
disabled =
|
|
166
|
+
menuitem: function menuitem(_ref7) {
|
|
167
|
+
var item = _ref7.item,
|
|
168
|
+
focused = _ref7.focused,
|
|
169
|
+
disabled = _ref7.disabled;
|
|
173
170
|
return classNames('p-menuitem', item.className, {
|
|
174
171
|
'p-focus': focused,
|
|
175
172
|
'p-disabled': disabled
|
|
@@ -1245,7 +1242,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
1245
1242
|
var panels = createPanels();
|
|
1246
1243
|
var rootProps = mergeProps({
|
|
1247
1244
|
ref: elementRef,
|
|
1248
|
-
className: cx('root'),
|
|
1245
|
+
className: classNames(props.className, cx('root')),
|
|
1249
1246
|
id: props.id,
|
|
1250
1247
|
style: props.style
|
|
1251
1248
|
}, PanelMenuBase.getOtherProps(props), ptm('root'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{ChevronDownIcon as u}from"primereact/icons/chevrondown";import{ChevronRightIcon as c}from"primereact/icons/chevronright";import{classNames as l,ObjectUtils as s,IconUtils as m,DomHandler as p,UniqueComponentId as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="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},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(l)throw a}}return u}}function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return E(e)||I(e,n)||x(e,n)||k()}var S=t.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return l("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:function(e){return l("p-panelmenu p-component",e.props.className)},separator:"p-menuitem-separator",toggleableContent:function(e){return l("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return l("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=e.memo(e.forwardRef((function(n,t){var r=o(),i=n.ptm,p=n.cx,f=e.useRef(null),v=function(e,t){return i(e,P({hostName:n.hostName},t))},y=function(e,n,t){return v(n,{context:{item:e,index:t,active:E(e),focused:x(e),disabled:O(e)}})},g=function(e){return"".concat(n.panelId,"_").concat(e.key)},h=function(e,n,t){return e&&e.item?s.getItemValue(e.item[n],t):void 0},E=function(e){var t;return n.activeItemPath&&n.activeItemPath.some((function(n){return n.key===e.key}))||!(null===(t=e.item)||void 0===t||!t.expanded)},I=function(e){return!1!==h(e,"visible")},O=function(e){return h(e,"disabled")},x=function(e){return n.focusedItemId===g(e)},k=function(e){return s.isNotEmpty(e.items)},N=function(e,n){h(n,"url")||e.preventDefault(),h(n,"command",{originalEvent:e,item:n.item}),S({processedItem:n,expanded:!E(n)})},S=function(e){n.onItemToggle(e)},w=function(e){return e-n.model.slice(0,e).filter((function(e){return I(e)&&h(e,"separator")})).length+1};e.useImperativeHandle(t,(function(){return{getElement:function(){return f.current}}}));var C=function(t){var a=n.id+"_sep_"+t,o=r({id:a,key:a,className:p("separator"),role:"separator"},v("separator"));return e.createElement("li",o)},D=function(t,o){var u=e.createRef(),c=r({className:p("toggleableContent",{active:o})},v("toggleableContent"));if(I(t)&&k(t)){var l=r({classNames:p("transition"),timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0},v("transition"));return e.createElement(a,b({nodeRef:u},l),e.createElement("div",b({ref:u},c),e.createElement(j,{id:g(t)+"_list",role:"group",panelId:n.panelId,level:n.level+1,focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,onItemToggle:S,menuProps:n.menuProps,model:t.items,submenuIcon:n.submenuIcon,ptm:i,cx:p})))}return null},K=function(t,a){var o=t.item;if(!1===I(t))return null;var i=g(t),f=E(t),b=x(t),v=O(o),S=l("p-menuitem-link",{"p-disabled":o.disabled}),j=l("p-menuitem-icon",o.icon),C=r({className:p("icon",{item:o})},y(t,"icon",a)),K=m.getJSXIcon(o.icon,P({},C),{props:n.menuProps}),A=r({className:p("label")},y(t,"label",a)),T=o.label&&e.createElement("span",A,o.label),R=r({className:p("submenuicon")},y(t,"submenuicon",a)),_=o.items&&m.getJSXIcon(f?n.submenuIcon||e.createElement(u,R):n.submenuIcon||e.createElement(c,R)),L=D(t,f),F=r({href:o.url||"#",className:p("action",{item:o}),target:o.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},y(t,"action",a)),H=e.createElement("a",F,_,K,T,e.createElement(d,null));o.template&&(H=s.getJSXElement(o.template,o,{className:S,labelClassName:"p-menuitem-text",iconClassName:j,submenuIconClassName:"p-panelmenu-icon",element:H,props:n,leaf:!o.items,active:f}));var M=r({onClick:function(e){return N(e,t)},className:p("content")},y(t,"content",a)),q=r({key:i,id:i,className:p("menuitem",{item:o,focused:b,disabled:v}),style:o.style,role:"treeitem","aria-label":o.label,"aria-expanded":k(o)?f:void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return I(e)&&!h(e,"separator")})).length,"aria-posinset":w(a),"data-p-focused":b,"data-p-disabled":v},y(t,"menuitem",a));return e.createElement("li",q,e.createElement("div",M,H),L)},A=n.model?n.model.map((function(e,n){return h(e,"separator")?C(n):K(e,n)})):null,T=n.root?"menu":"submenu",R=r({id:n.id,ref:f,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"aria-activedescendant":n.ariaActivedescendant,role:n.role,className:l(p(T),n.className)},i(T));return e.createElement("ul",R,A)})));function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="PanelMenuSub";var K=e.memo((function(n){var t,r,a,o=n.ptm,i=n.cx,u=N(e.useState(!1),2),c=u[0],l=u[1],m=N(e.useState(null),2),f=m[0],d=m[1],b=N(e.useState(null),2),v=b[0],y=b[1],g=N(e.useState([]),2),h=g[0],E=g[1],I=N(e.useState(null),2),O=I[0],x=I[1],k=N(e.useState([]),2),S=k[0],w=k[1],P=e.useRef(null),C=e.useRef(null),K=e.useRef(null),A=function(e,n){return e&&e.item?s.getItemValue(e.item[n]):void 0},T=function(e){return A(e,"label")},R=function(e){return!1!==A(e,"visible")},_=function(e){return A(e,"disabled")},L=function(e){return h&&h.some((function(n){return n.key===e.parentKey}))},F=function(){return K.current&&K.current.getElement()},H=function(e){var n=s.isNotEmpty(f)?Z(f):G();te({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},M=function(e){var n=s.isNotEmpty(f)?ee(f):Q();te({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},q=function(e){s.isNotEmpty(f)&&(h.some((function(e){return e.key===f.key}))?E(h.filter((function(e){return e.key!==f.key}))):d(s.isNotEmpty(f.parent)?f.parent:f),e.preventDefault())},J=function(e){if(s.isNotEmpty(f)){if(s.isNotEmpty(f.items))if(h.some((function(e){return e.key===f.key})))H(e);else{var n=h.filter((function(e){return e.parentKey!==f.parentKey}));n.push(f),E(n)}e.preventDefault()}},X=function(e){te({originalEvent:e,processedItem:G(),allowHeaderFocus:!1}),e.preventDefault()},U=function(e){te({originalEvent:e,processedItem:Q(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},V=function(e){if(s.isNotEmpty(f)){var n=p.findSingle(F(),'li[id="'.concat("".concat(v),'"]')),t=n&&(p.findSingle(n,'[data-pc-section="action"]')||p.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){V(e)},z=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},W=function(e){return $(e)&&T(e).toLocaleLowerCase().startsWith(P.current.toLocaleLowerCase())},Y=function(e){return!!e&&(0===e.level||L(e))&&R(e)},$=function(e){return!!e&&!_(e)&&!A(e,"separator")},G=function(){return S.find((function(e){return $(e)}))},Q=function(){return s.findLast(S,(function(e){return $(e)}))},Z=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n<S.length-1?S.slice(n+1).find((function(e){return $(e)})):void 0)||e},ee=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n>0?s.findLast(S.slice(0,n),(function(e){return $(e)})):void 0)||e},ne=function(e,n){P.current=(P.current||"")+n;var t=null,r=!1;if(s.isNotEmpty(f)){var a=S.findIndex((function(e){return e.key===f.key}));t=S.slice(a).find((function(e){return W(e)})),t=s.isEmpty(t)?S.slice(0,a).find((function(e){return W(e)})):t}else t=S.find((function(e){return W(e)}));return s.isNotEmpty(t)&&(r=!0),s.isEmpty(t)&&s.isEmpty(f)&&(t=G()),s.isNotEmpty(t)&&te({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),C&&clearTimeout(C.current),C.current=setTimeout((function(){P.current="",C.currentt=null}),500),r},te=function(e){var t=e.originalEvent,r=e.processedItem,a=e.focusOnNext,o=e.selfCheck,i=e.allowHeaderFocus,u=void 0===i||i;s.isNotEmpty(f)&&f.key!==r.key?(d(r),re()):u&&n.onHeaderFocus&&n.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:o})},re=function(){var e=p.findSingle(F(),'li[id="'.concat("".concat(v),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},ae=function e(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=r||0===a&&n.model;if(!o)return null;for(var i=0;i<o.length;i++){var u=o[i];if((A(u,"key")||u.key)===t)return u;var c=e(t,u.items,a+1);if(c)return c}},oe=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,i){var u=n.key?n.key:(""!==a?a+"_":"")+i,c={item:n,index:i,level:t,key:u,parent:r,parentKey:a};c.items=e(n.items,t+1,c,u),o.push(c)})),o},ie=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){Y(n)&&(t.push(n),e(n.items,t))})),t};return e.useEffect((function(){var e=oe(n.model);x(e)}),[n.model]),e.useEffect((function(){var e=ie(O);w(e)}),[O,h]),e.useEffect((function(){var e;e=Object.entries(n.expandedKeys||{}).reduce((function(e,n){var t=N(n,2);if(t[1]){var r=ae(t[0]);r&&e.push(r)}return e}),[]),E(e)}),[n.expandedKeys]),t=function(){var e=s.isNotEmpty(f)?"".concat(n.panelId,"_").concat(f.key):null;y(e)},r=[n.panelId,f],a=e.useRef(!1),e.useEffect((function(){if(a.current)return t&&t();a.current=!0}),r),e.createElement(j,{hostName:"PanelMenu",id:n.panelId+"_list",ref:K,role:"tree",tabIndex:-1,ariaActivedescendant:c?v:void 0,panelId:n.panelId,focusedItemId:c?v:void 0,model:O,activeItemPath:h,menuProps:n.menuProps,onFocus:function(e){l(!0);var n=f||(z(e,e.relatedTarget)?G():Q());d(n)},onBlur:function(){l(!1),d(null),P.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":H(e);break;case"ArrowUp":M(e);break;case"ArrowLeft":q(e);break;case"ArrowRight":J(e);break;case"Home":X(e);break;case"End":U(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":V(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&s.isPrintableCharacter(e.key)&&ne(e,e.key)}},onItemToggle:function(e){var t=e.processedItem,r=e.expanded;if(n.expandedKeys)n.onToggle&&n.onToggle({item:t.item,expanded:r});else{var a=h.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),E(a)}t.item&&(t.item=D(D({},t.item),{},{expanded:r})),p.focus(F()),d(t)},level:0,className:i("submenu"),submenuIcon:n.submenuIcon,root:!0,ptm:o,cx:i})}));function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="PanelMenuList";var R=e.memo(e.forwardRef((function(t,d){var v=o(),y=e.useContext(n),g=S.getProps(t,y),h=N(e.useState(g.id),2),E=h[0],I=h[1],O=N(e.useState(null),2),x=O[0],k=O[1],w=N(e.useState([]),2),P=w[0],j=w[1],C=N(e.useState(!1),2),D=C[1],A=e.useRef(null),R=S.setMetaData({props:g,state:{id:E,activeItem:x}}),_=R.ptm,L=R.cx;r(S.css.styles,R.isUnstyled,{name:"panelmenu"});var F=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&ae(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},H=function(e,n){return e?s.getItemValue(e[n]):void 0},M=function(e){return g.expandedKeys?g.expandedKeys[H(e,"key")]:g.multiple?P.some((function(n){return s.equals(e,n)})):s.equals(e,x)},q=function(e){return!1!==H(e,"visible")},J=function(e){return H(e,"disabled")},X=function(e){return s.equals(e,x)},U=function(e){return"".concat(E,"_").concat(e)},V=function(e){return"".concat(U(e),"_header")},B=function(e){return"".concat(U(e),"_content")},z=function(e,n){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":Y(e);break;case"Home":$(e);break;case"End":G(e);break;case"Enter":case"NumpadEnter":case"Space":Q(e,n)}},W=function(e){var n=!0===p.getAttribute(e.currentTarget,"data-p-highlight")?p.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?p.focus(n):re({originalEvent:e,focusOnNext:!0}),e.preventDefault()},Y=function(e){var n=ee(e.currentTarget.parentElement)||te(),t=!0===p.getAttribute(n,"data-p-highlight")?p.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?p.focus(t):re({originalEvent:e,focusOnNext:!1}),e.preventDefault()},$=function(e){ie(e,ne()),e.preventDefault()},G=function(e){ie(e,te()),e.preventDefault()},Q=function(e,n){var t=p.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():F(e,n),e.preventDefault()},Z=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ee=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ne=function(){return Z(A.current.firstElementChild,!0)},te=function(){return ee(A.current.lastElementChild,!0)},re=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),o=r?p.findSingle(a,'[data-pc-section="header"]'):t?Z(a):ee(a);o?ie(n,o):t?$(n):G(n)},ae=function(e,n){if(!J(n)){var t=!M(n),r=x&&s.equals(n,x)?null:n;if(k(r),g.multiple){var a=P;P.some((function(e){return s.equals(n,e)}))?a=P.filter((function(e){return!s.equals(n,e)})):a.push(n),j(a)}oe({item:n,expanded:t}),t&&e?g.onOpen&&g.onOpen({originalEvent:e,item:n}):g.onClose&&g.onClose({originalEvent:e,item:n})}},oe=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(g.expandedKeys){var a=T({},g.expandedKeys);r?a[n.key]=!0:delete a[n.key],g.onExpandedKeysChange&&g.onExpandedKeysChange(a)}},ie=function(e,n){n&&p.focus(n)},ue=function(e,n,t){return _(n,{context:{active:M(e),focused:X(e),disabled:J(e),index:t}})};e.useImperativeHandle(d,(function(){return{props:g,getElement:function(){return A.current}}})),i((function(){!E&&I(f())})),e.useEffect((function(){D(!0),g.model&&g.model.forEach((function(e){e.expanded&&(ae(null,e),e.expanded=!1)}))}),[g.model]);var ce=function(){D(!1)},le=g.model?g.model.map((function(n,t){if(!q(n))return null;var r=n.id||E+"_"+t,o=M(n)||n.expanded,i=l("p-menuitem-icon",n.icon),p=v({className:L("headerIcon",{item:n})},ue(n,"headerIcon",t)),f=m.getJSXIcon(n.icon,T({},p),{props:g}),d=v({className:L("headerSubmenuIcon")},ue(n,"headerSubmenuIcon",t)),y=n.items&&m.getJSXIcon(o?g.submenuIcon||e.createElement(u,d):g.submenuIcon||e.createElement(c,d)),h=v({className:L("headerLabel")},ue(n,"headerLabel",t)),I=n.label&&e.createElement("span",h,n.label),O=e.createRef(),x=v({href:n.url||"#",className:L("headerAction"),tabIndex:"-1"},ue(n,"headerAction",t)),k=e.createElement("a",x,y,f,I);n.template&&(k=s.getJSXElement(n.template,n,{onClick:function(e){return F(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:k,props:g,leaf:!n.items,active:o}));var N=v({key:r,className:L("panel",{item:n}),style:n.style},ue(n,"panel",t)),S=v({id:V(t),className:L("header",{active:o,item:n}),"aria-label":n.label,"aria-expanded":o,"aria-disabled":n.disabled,"aria-controls":B(t),tabIndex:n.disabled?null:"0",onClick:function(e){return F(e,n)},onKeyDown:function(e){return z(e,n)},"data-p-disabled":n.disabled,"data-p-highlight":o,role:"button",style:n.style},ue(n,"header",t)),w=v({className:L("headerContent")},ue(n,"headerContent",t)),P=v({className:L("menuContent")},ue(n,"menuContent",t)),j=v({className:L("toggleableContent",{active:o}),role:"region","aria-labelledby":V(t)},ue(n,"toggleableContent",t)),C=v({classNames:L("transition"),timeout:{enter:1e3,exit:450},onEnter:ce,in:o,unmountOnExit:!0,options:g.transitionOptions},ue(n,"transition",t));return e.createElement("div",N,e.createElement("div",S,e.createElement("div",w,k)),e.createElement(a,b({nodeRef:O},C),e.createElement("div",b({id:B(t),ref:O},j),e.createElement("div",P,e.createElement(K,{panelId:U(t),menuProps:g,onToggle:oe,onHeaderFocus:re,level:0,model:n.items,expandedKeys:g.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:g.submenuIcon,ptm:_,cx:L})))))})):null,se=v({ref:A,className:L("root"),id:g.id,style:g.style},S.getOtherProps(g),_("root"));return e.createElement("div",se,le)})));R.displayName="PanelMenu";export{R as PanelMenu};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{ChevronDownIcon as u}from"primereact/icons/chevrondown";import{ChevronRightIcon as c}from"primereact/icons/chevronright";import{classNames as l,ObjectUtils as s,IconUtils as m,DomHandler as p,UniqueComponentId as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="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},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(l)throw a}}return u}}function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return E(e)||I(e,n)||x(e,n)||k()}var S=t.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return l("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:"p-panelmenu p-component",separator:"p-menuitem-separator",toggleableContent:function(e){return l("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return l("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=e.memo(e.forwardRef((function(n,t){var r=o(),i=n.ptm,p=n.cx,f=e.useRef(null),v=function(e,t){return i(e,P({hostName:n.hostName},t))},y=function(e,n,t){return v(n,{context:{item:e,index:t,active:E(e),focused:x(e),disabled:O(e)}})},g=function(e){return"".concat(n.panelId,"_").concat(e.key)},h=function(e,n,t){return e&&e.item?s.getItemValue(e.item[n],t):void 0},E=function(e){var t;return n.activeItemPath&&n.activeItemPath.some((function(n){return n.key===e.key}))||!(null===(t=e.item)||void 0===t||!t.expanded)},I=function(e){return!1!==h(e,"visible")},O=function(e){return h(e,"disabled")},x=function(e){return n.focusedItemId===g(e)},k=function(e){return s.isNotEmpty(e.items)},N=function(e,n){h(n,"url")||e.preventDefault(),h(n,"command",{originalEvent:e,item:n.item}),S({processedItem:n,expanded:!E(n)})},S=function(e){n.onItemToggle(e)},w=function(e){return e-n.model.slice(0,e).filter((function(e){return I(e)&&h(e,"separator")})).length+1};e.useImperativeHandle(t,(function(){return{getElement:function(){return f.current}}}));var C=function(t){var a=n.id+"_sep_"+t,o=r({id:a,key:a,className:p("separator"),role:"separator"},v("separator"));return e.createElement("li",o)},D=function(t,o){var u=e.createRef(),c=r({className:p("toggleableContent",{active:o})},v("toggleableContent"));if(I(t)&&k(t)){var l=r({classNames:p("transition"),timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0},v("transition"));return e.createElement(a,b({nodeRef:u},l),e.createElement("div",b({ref:u},c),e.createElement(j,{id:g(t)+"_list",role:"group",panelId:n.panelId,level:n.level+1,focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,onItemToggle:S,menuProps:n.menuProps,model:t.items,submenuIcon:n.submenuIcon,ptm:i,cx:p})))}return null},K=function(t,a){var o=t.item;if(!1===I(t))return null;var i=g(t),f=E(t),b=x(t),v=O(o),S=l("p-menuitem-link",{"p-disabled":o.disabled}),j=l("p-menuitem-icon",o.icon),C=r({className:p("icon",{item:o})},y(t,"icon",a)),K=m.getJSXIcon(o.icon,P({},C),{props:n.menuProps}),A=r({className:p("label")},y(t,"label",a)),T=o.label&&e.createElement("span",A,o.label),R=r({className:p("submenuicon")},y(t,"submenuicon",a)),_=o.items&&m.getJSXIcon(f?n.submenuIcon||e.createElement(u,R):n.submenuIcon||e.createElement(c,R)),L=D(t,f),F=r({href:o.url||"#",className:p("action",{item:o}),target:o.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},y(t,"action",a)),H=e.createElement("a",F,_,K,T,e.createElement(d,null));o.template&&(H=s.getJSXElement(o.template,o,{className:S,labelClassName:"p-menuitem-text",iconClassName:j,submenuIconClassName:"p-panelmenu-icon",element:H,props:n,leaf:!o.items,active:f}));var M=r({onClick:function(e){return N(e,t)},className:p("content")},y(t,"content",a)),q=r({key:i,id:i,className:p("menuitem",{item:o,focused:b,disabled:v}),style:o.style,role:"treeitem","aria-label":o.label,"aria-expanded":k(o)?f:void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return I(e)&&!h(e,"separator")})).length,"aria-posinset":w(a),"data-p-focused":b,"data-p-disabled":v},y(t,"menuitem",a));return e.createElement("li",q,e.createElement("div",M,H),L)},A=n.model?n.model.map((function(e,n){return h(e,"separator")?C(n):K(e,n)})):null,T=n.root?"menu":"submenu",R=r({id:n.id,ref:f,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"aria-activedescendant":n.ariaActivedescendant,role:n.role,className:l(p(T),n.className)},i(T));return e.createElement("ul",R,A)})));function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="PanelMenuSub";var K=e.memo((function(n){var t,r,a,o=n.ptm,i=n.cx,u=N(e.useState(!1),2),c=u[0],l=u[1],m=N(e.useState(null),2),f=m[0],d=m[1],b=N(e.useState(null),2),v=b[0],y=b[1],g=N(e.useState([]),2),h=g[0],E=g[1],I=N(e.useState(null),2),O=I[0],x=I[1],k=N(e.useState([]),2),S=k[0],w=k[1],P=e.useRef(null),C=e.useRef(null),K=e.useRef(null),A=function(e,n){return e&&e.item?s.getItemValue(e.item[n]):void 0},T=function(e){return A(e,"label")},R=function(e){return!1!==A(e,"visible")},_=function(e){return A(e,"disabled")},L=function(e){return h&&h.some((function(n){return n.key===e.parentKey}))},F=function(){return K.current&&K.current.getElement()},H=function(e){var n=s.isNotEmpty(f)?Z(f):G();te({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},M=function(e){var n=s.isNotEmpty(f)?ee(f):Q();te({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},q=function(e){s.isNotEmpty(f)&&(h.some((function(e){return e.key===f.key}))?E(h.filter((function(e){return e.key!==f.key}))):d(s.isNotEmpty(f.parent)?f.parent:f),e.preventDefault())},J=function(e){if(s.isNotEmpty(f)){if(s.isNotEmpty(f.items))if(h.some((function(e){return e.key===f.key})))H(e);else{var n=h.filter((function(e){return e.parentKey!==f.parentKey}));n.push(f),E(n)}e.preventDefault()}},X=function(e){te({originalEvent:e,processedItem:G(),allowHeaderFocus:!1}),e.preventDefault()},U=function(e){te({originalEvent:e,processedItem:Q(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},V=function(e){if(s.isNotEmpty(f)){var n=p.findSingle(F(),'li[id="'.concat("".concat(v),'"]')),t=n&&(p.findSingle(n,'[data-pc-section="action"]')||p.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){V(e)},z=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},W=function(e){return $(e)&&T(e).toLocaleLowerCase().startsWith(P.current.toLocaleLowerCase())},Y=function(e){return!!e&&(0===e.level||L(e))&&R(e)},$=function(e){return!!e&&!_(e)&&!A(e,"separator")},G=function(){return S.find((function(e){return $(e)}))},Q=function(){return s.findLast(S,(function(e){return $(e)}))},Z=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n<S.length-1?S.slice(n+1).find((function(e){return $(e)})):void 0)||e},ee=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n>0?s.findLast(S.slice(0,n),(function(e){return $(e)})):void 0)||e},ne=function(e,n){P.current=(P.current||"")+n;var t=null,r=!1;if(s.isNotEmpty(f)){var a=S.findIndex((function(e){return e.key===f.key}));t=S.slice(a).find((function(e){return W(e)})),t=s.isEmpty(t)?S.slice(0,a).find((function(e){return W(e)})):t}else t=S.find((function(e){return W(e)}));return s.isNotEmpty(t)&&(r=!0),s.isEmpty(t)&&s.isEmpty(f)&&(t=G()),s.isNotEmpty(t)&&te({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),C&&clearTimeout(C.current),C.current=setTimeout((function(){P.current="",C.currentt=null}),500),r},te=function(e){var t=e.originalEvent,r=e.processedItem,a=e.focusOnNext,o=e.selfCheck,i=e.allowHeaderFocus,u=void 0===i||i;s.isNotEmpty(f)&&f.key!==r.key?(d(r),re()):u&&n.onHeaderFocus&&n.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:o})},re=function(){var e=p.findSingle(F(),'li[id="'.concat("".concat(v),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},ae=function e(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=r||0===a&&n.model;if(!o)return null;for(var i=0;i<o.length;i++){var u=o[i];if((A(u,"key")||u.key)===t)return u;var c=e(t,u.items,a+1);if(c)return c}},oe=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,i){var u=n.key?n.key:(""!==a?a+"_":"")+i,c={item:n,index:i,level:t,key:u,parent:r,parentKey:a};c.items=e(n.items,t+1,c,u),o.push(c)})),o},ie=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){Y(n)&&(t.push(n),e(n.items,t))})),t};return e.useEffect((function(){var e=oe(n.model);x(e)}),[n.model]),e.useEffect((function(){var e=ie(O);w(e)}),[O,h]),e.useEffect((function(){var e;e=Object.entries(n.expandedKeys||{}).reduce((function(e,n){var t=N(n,2);if(t[1]){var r=ae(t[0]);r&&e.push(r)}return e}),[]),E(e)}),[n.expandedKeys]),t=function(){var e=s.isNotEmpty(f)?"".concat(n.panelId,"_").concat(f.key):null;y(e)},r=[n.panelId,f],a=e.useRef(!1),e.useEffect((function(){if(a.current)return t&&t();a.current=!0}),r),e.createElement(j,{hostName:"PanelMenu",id:n.panelId+"_list",ref:K,role:"tree",tabIndex:-1,ariaActivedescendant:c?v:void 0,panelId:n.panelId,focusedItemId:c?v:void 0,model:O,activeItemPath:h,menuProps:n.menuProps,onFocus:function(e){l(!0);var n=f||(z(e,e.relatedTarget)?G():Q());d(n)},onBlur:function(){l(!1),d(null),P.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":H(e);break;case"ArrowUp":M(e);break;case"ArrowLeft":q(e);break;case"ArrowRight":J(e);break;case"Home":X(e);break;case"End":U(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":V(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&s.isPrintableCharacter(e.key)&&ne(e,e.key)}},onItemToggle:function(e){var t=e.processedItem,r=e.expanded;if(n.expandedKeys)n.onToggle&&n.onToggle({item:t.item,expanded:r});else{var a=h.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),E(a)}t.item&&(t.item=D(D({},t.item),{},{expanded:r})),p.focus(F()),d(t)},level:0,className:i("submenu"),submenuIcon:n.submenuIcon,root:!0,ptm:o,cx:i})}));function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="PanelMenuList";var R=e.memo(e.forwardRef((function(t,d){var v=o(),y=e.useContext(n),g=S.getProps(t,y),h=N(e.useState(g.id),2),E=h[0],I=h[1],O=N(e.useState(null),2),x=O[0],k=O[1],w=N(e.useState([]),2),P=w[0],j=w[1],C=N(e.useState(!1),2),D=C[1],A=e.useRef(null),R=S.setMetaData({props:g,state:{id:E,activeItem:x}}),_=R.ptm,L=R.cx;r(S.css.styles,R.isUnstyled,{name:"panelmenu"});var F=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&ae(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},H=function(e,n){return e?s.getItemValue(e[n]):void 0},M=function(e){return g.expandedKeys?g.expandedKeys[H(e,"key")]:g.multiple?P.some((function(n){return s.equals(e,n)})):s.equals(e,x)},q=function(e){return!1!==H(e,"visible")},J=function(e){return H(e,"disabled")},X=function(e){return s.equals(e,x)},U=function(e){return"".concat(E,"_").concat(e)},V=function(e){return"".concat(U(e),"_header")},B=function(e){return"".concat(U(e),"_content")},z=function(e,n){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":Y(e);break;case"Home":$(e);break;case"End":G(e);break;case"Enter":case"NumpadEnter":case"Space":Q(e,n)}},W=function(e){var n=!0===p.getAttribute(e.currentTarget,"data-p-highlight")?p.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?p.focus(n):re({originalEvent:e,focusOnNext:!0}),e.preventDefault()},Y=function(e){var n=ee(e.currentTarget.parentElement)||te(),t=!0===p.getAttribute(n,"data-p-highlight")?p.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?p.focus(t):re({originalEvent:e,focusOnNext:!1}),e.preventDefault()},$=function(e){ie(e,ne()),e.preventDefault()},G=function(e){ie(e,te()),e.preventDefault()},Q=function(e,n){var t=p.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():F(e,n),e.preventDefault()},Z=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ee=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ne=function(){return Z(A.current.firstElementChild,!0)},te=function(){return ee(A.current.lastElementChild,!0)},re=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),o=r?p.findSingle(a,'[data-pc-section="header"]'):t?Z(a):ee(a);o?ie(n,o):t?$(n):G(n)},ae=function(e,n){if(!J(n)){var t=!M(n),r=x&&s.equals(n,x)?null:n;if(k(r),g.multiple){var a=P;P.some((function(e){return s.equals(n,e)}))?a=P.filter((function(e){return!s.equals(n,e)})):a.push(n),j(a)}oe({item:n,expanded:t}),t&&e?g.onOpen&&g.onOpen({originalEvent:e,item:n}):g.onClose&&g.onClose({originalEvent:e,item:n})}},oe=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(g.expandedKeys){var a=T({},g.expandedKeys);r?a[n.key]=!0:delete a[n.key],g.onExpandedKeysChange&&g.onExpandedKeysChange(a)}},ie=function(e,n){n&&p.focus(n)},ue=function(e,n,t){return _(n,{context:{active:M(e),focused:X(e),disabled:J(e),index:t}})};e.useImperativeHandle(d,(function(){return{props:g,getElement:function(){return A.current}}})),i((function(){!E&&I(f())})),e.useEffect((function(){D(!0),g.model&&g.model.forEach((function(e){e.expanded&&(ae(null,e),e.expanded=!1)}))}),[g.model]);var ce=function(){D(!1)},le=g.model?g.model.map((function(n,t){if(!q(n))return null;var r=n.id||E+"_"+t,o=M(n)||n.expanded,i=l("p-menuitem-icon",n.icon),p=v({className:L("headerIcon",{item:n})},ue(n,"headerIcon",t)),f=m.getJSXIcon(n.icon,T({},p),{props:g}),d=v({className:L("headerSubmenuIcon")},ue(n,"headerSubmenuIcon",t)),y=n.items&&m.getJSXIcon(o?g.submenuIcon||e.createElement(u,d):g.submenuIcon||e.createElement(c,d)),h=v({className:L("headerLabel")},ue(n,"headerLabel",t)),I=n.label&&e.createElement("span",h,n.label),O=e.createRef(),x=v({href:n.url||"#",className:L("headerAction"),tabIndex:"-1"},ue(n,"headerAction",t)),k=e.createElement("a",x,y,f,I);n.template&&(k=s.getJSXElement(n.template,n,{onClick:function(e){return F(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:k,props:g,leaf:!n.items,active:o}));var N=v({key:r,className:L("panel",{item:n}),style:n.style},ue(n,"panel",t)),S=v({id:V(t),className:L("header",{active:o,item:n}),"aria-label":n.label,"aria-expanded":o,"aria-disabled":n.disabled,"aria-controls":B(t),tabIndex:n.disabled?null:"0",onClick:function(e){return F(e,n)},onKeyDown:function(e){return z(e,n)},"data-p-disabled":n.disabled,"data-p-highlight":o,role:"button",style:n.style},ue(n,"header",t)),w=v({className:L("headerContent")},ue(n,"headerContent",t)),P=v({className:L("menuContent")},ue(n,"menuContent",t)),j=v({className:L("toggleableContent",{active:o}),role:"region","aria-labelledby":V(t)},ue(n,"toggleableContent",t)),C=v({classNames:L("transition"),timeout:{enter:1e3,exit:450},onEnter:ce,in:o,unmountOnExit:!0,options:g.transitionOptions},ue(n,"transition",t));return e.createElement("div",N,e.createElement("div",S,e.createElement("div",w,k)),e.createElement(a,b({nodeRef:O},C),e.createElement("div",b({id:B(t),ref:O},j),e.createElement("div",P,e.createElement(K,{panelId:U(t),menuProps:g,onToggle:oe,onHeaderFocus:re,level:0,model:n.items,expandedKeys:g.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:g.submenuIcon,ptm:_,cx:L})))))})):null,se=v({ref:A,className:l(g.className,L("root")),id:g.id,style:g.style},S.getOtherProps(g),_("root"));return e.createElement("div",se,le)})));R.displayName="PanelMenu";export{R as PanelMenu};
|
package/panelmenu/panelmenu.js
CHANGED
|
@@ -155,34 +155,31 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
155
155
|
},
|
|
156
156
|
headerContent: 'p-panelmenu-header-content',
|
|
157
157
|
menuContent: 'p-panelmenu-content',
|
|
158
|
-
root:
|
|
159
|
-
var props = _ref4.props;
|
|
160
|
-
return utils.classNames('p-panelmenu p-component', props.className);
|
|
161
|
-
},
|
|
158
|
+
root: 'p-panelmenu p-component',
|
|
162
159
|
separator: 'p-menuitem-separator',
|
|
163
|
-
toggleableContent: function toggleableContent(
|
|
164
|
-
var active =
|
|
160
|
+
toggleableContent: function toggleableContent(_ref4) {
|
|
161
|
+
var active = _ref4.active;
|
|
165
162
|
return utils.classNames('p-toggleable-content', {
|
|
166
163
|
'p-toggleable-content-collapsed': !active
|
|
167
164
|
});
|
|
168
165
|
},
|
|
169
|
-
icon: function icon(
|
|
170
|
-
var item =
|
|
166
|
+
icon: function icon(_ref5) {
|
|
167
|
+
var item = _ref5.item;
|
|
171
168
|
return utils.classNames('p-menuitem-icon', item.icon);
|
|
172
169
|
},
|
|
173
170
|
label: 'p-menuitem-text',
|
|
174
171
|
submenuicon: 'p-submenu-icon',
|
|
175
172
|
content: 'p-menuitem-content',
|
|
176
|
-
action: function action(
|
|
177
|
-
var item =
|
|
173
|
+
action: function action(_ref6) {
|
|
174
|
+
var item = _ref6.item;
|
|
178
175
|
return utils.classNames('p-menuitem-link', {
|
|
179
176
|
'p-disabled': item.disabled
|
|
180
177
|
});
|
|
181
178
|
},
|
|
182
|
-
menuitem: function menuitem(
|
|
183
|
-
var item =
|
|
184
|
-
focused =
|
|
185
|
-
disabled =
|
|
179
|
+
menuitem: function menuitem(_ref7) {
|
|
180
|
+
var item = _ref7.item,
|
|
181
|
+
focused = _ref7.focused,
|
|
182
|
+
disabled = _ref7.disabled;
|
|
186
183
|
return utils.classNames('p-menuitem', item.className, {
|
|
187
184
|
'p-focus': focused,
|
|
188
185
|
'p-disabled': disabled
|
|
@@ -1258,7 +1255,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
1258
1255
|
var panels = createPanels();
|
|
1259
1256
|
var rootProps = mergeProps({
|
|
1260
1257
|
ref: elementRef,
|
|
1261
|
-
className: cx('root'),
|
|
1258
|
+
className: utils.classNames(props.className, cx('root')),
|
|
1262
1259
|
id: props.id,
|
|
1263
1260
|
style: props.style
|
|
1264
1261
|
}, PanelMenuBase.getOtherProps(props), ptm('root'));
|