primereact 10.5.3 → 10.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +1 -0
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +1 -0
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -0
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +41 -9
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +1 -0
- package/api/api.esm.js +41 -9
- package/api/api.esm.min.js +1 -1
- package/api/api.js +41 -9
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +51 -54
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +51 -54
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +51 -54
- package/autocomplete/autocomplete.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +66 -0
- package/buttongroup/buttongroup.cjs.min.js +1 -0
- package/buttongroup/buttongroup.d.ts +86 -0
- package/buttongroup/buttongroup.esm.js +42 -0
- package/buttongroup/buttongroup.esm.min.js +1 -0
- package/buttongroup/buttongroup.js +65 -0
- package/buttongroup/buttongroup.min.js +1 -0
- package/buttongroup/package.json +7 -0
- package/calendar/calendar.cjs.js +217 -162
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +217 -162
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +217 -162
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +8 -8
- package/carousel/carousel.esm.js +8 -8
- package/carousel/carousel.js +8 -8
- package/cascadeselect/cascadeselect.cjs.js +6 -8
- package/cascadeselect/cascadeselect.esm.js +6 -8
- package/cascadeselect/cascadeselect.js +6 -8
- package/checkbox/checkbox.cjs.js +5 -6
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.esm.js +5 -6
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +5 -6
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +1 -1
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +1 -1
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +1 -1
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +8 -6
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +8 -6
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +8 -6
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +8 -6
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +8 -6
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +8 -6
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +8 -52
- package/componentbase/componentbase.cjs.js +23 -11
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +23 -11
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +23 -11
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +1 -1
- package/confirmpopup/confirmpopup.js +1 -1
- package/contextmenu/contextmenu.cjs.js +8 -5
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +8 -5
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +8 -5
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +969 -522
- package/core/core.min.js +10 -10
- package/csstransition/csstransition.cjs.js +17 -18
- package/csstransition/csstransition.esm.js +17 -18
- package/csstransition/csstransition.js +17 -18
- package/datascroller/datascroller.cjs.js +18 -20
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +18 -20
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +18 -20
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +645 -376
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +5 -5
- package/datatable/datatable.esm.js +648 -379
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +646 -377
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -1
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -1
- package/dataview/dataview.min.js +1 -1
- package/deferredcontent/deferredcontent.cjs.js +3 -4
- package/deferredcontent/deferredcontent.esm.js +3 -4
- package/deferredcontent/deferredcontent.js +3 -4
- package/dialog/dialog.cjs.js +22 -17
- package/dialog/dialog.esm.js +22 -17
- package/dialog/dialog.js +22 -17
- package/dock/dock.cjs.js +13 -4
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +13 -4
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +13 -4
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +66 -60
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +6 -1
- package/dropdown/dropdown.esm.js +66 -60
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +66 -60
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +74 -75
- package/editor/editor.esm.js +74 -75
- package/editor/editor.js +74 -75
- package/fieldset/fieldset.cjs.js +1 -1
- package/fieldset/fieldset.cjs.min.js +1 -1
- package/fieldset/fieldset.esm.js +1 -1
- package/fieldset/fieldset.esm.min.js +1 -1
- package/fieldset/fieldset.js +1 -1
- package/fieldset/fieldset.min.js +1 -1
- package/fileupload/fileupload.cjs.js +21 -11
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +21 -11
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +21 -11
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +67 -0
- package/floatlabel/floatlabel.cjs.min.js +1 -0
- package/floatlabel/floatlabel.d.ts +81 -0
- package/floatlabel/floatlabel.esm.js +43 -0
- package/floatlabel/floatlabel.esm.min.js +1 -0
- package/floatlabel/floatlabel.js +66 -0
- package/floatlabel/floatlabel.min.js +1 -0
- package/floatlabel/package.json +7 -0
- package/focustrap/focustrap.cjs.js +1 -1
- package/focustrap/focustrap.esm.js +1 -1
- package/focustrap/focustrap.js +1 -1
- package/galleria/galleria.cjs.js +4 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -3
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +4 -3
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +32 -11
- package/hooks/hooks.esm.js +32 -11
- package/hooks/hooks.js +32 -11
- package/iconfield/iconfield.cjs.js +121 -0
- package/iconfield/iconfield.cjs.min.js +1 -0
- package/iconfield/iconfield.d.ts +95 -0
- package/iconfield/iconfield.esm.js +113 -0
- package/iconfield/iconfield.esm.min.js +1 -0
- package/iconfield/iconfield.js +120 -0
- package/iconfield/iconfield.min.js +1 -0
- package/image/image.cjs.js +7 -3
- package/image/image.esm.js +7 -3
- package/image/image.js +7 -3
- package/inplace/inplace.cjs.js +1 -1
- package/inplace/inplace.cjs.min.js +1 -1
- package/inplace/inplace.esm.js +1 -1
- package/inplace/inplace.esm.min.js +1 -1
- package/inplace/inplace.js +1 -1
- package/inplace/inplace.min.js +1 -1
- package/inputicon/inputicon.cjs.js +107 -0
- package/inputicon/inputicon.cjs.min.js +1 -0
- package/inputicon/inputicon.d.ts +78 -0
- package/inputicon/inputicon.esm.js +99 -0
- package/inputicon/inputicon.esm.min.js +1 -0
- package/inputicon/inputicon.js +106 -0
- package/inputicon/inputicon.min.js +1 -0
- package/inputmask/inputmask.cjs.js +56 -36
- package/inputmask/inputmask.esm.js +56 -36
- package/inputmask/inputmask.js +56 -36
- package/inputnumber/inputnumber.cjs.js +27 -17
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +27 -17
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +27 -17
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +2 -2
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.esm.js +2 -2
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +2 -2
- package/inputswitch/inputswitch.min.js +1 -1
- package/keyfilter/keyfilter.cjs.js +2 -2
- package/keyfilter/keyfilter.esm.js +2 -2
- package/keyfilter/keyfilter.js +2 -2
- package/knob/knob.cjs.js +14 -2
- package/knob/knob.esm.js +14 -2
- package/knob/knob.js +14 -2
- package/listbox/listbox.cjs.js +189 -67
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +17 -12
- package/listbox/listbox.esm.js +189 -67
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +189 -67
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +94 -96
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +94 -96
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +94 -96
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +4 -6
- package/mention/mention.esm.js +4 -6
- package/mention/mention.js +4 -6
- package/menu/menu.cjs.js +5 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +5 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +5 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +24 -23
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +24 -23
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +24 -23
- package/menubar/menubar.min.js +1 -1
- package/metergroup/metergroup.cjs.js +4 -5
- package/metergroup/metergroup.esm.js +4 -5
- package/metergroup/metergroup.js +4 -5
- package/multiselect/multiselect.cjs.js +203 -169
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +203 -169
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +203 -169
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +227 -28
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +228 -29
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +228 -30
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +75 -50
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +7 -2
- package/orderlist/orderlist.esm.js +75 -50
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +75 -50
- package/orderlist/orderlist.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +7 -3
- package/organizationchart/organizationchart.esm.js +7 -3
- package/organizationchart/organizationchart.js +7 -3
- package/overlaypanel/overlaypanel.cjs.js +2 -2
- package/overlaypanel/overlaypanel.esm.js +2 -2
- package/overlaypanel/overlaypanel.js +2 -2
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +19 -20
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +19 -20
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +19 -20
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +18 -9
- package/panelmenu/panelmenu.esm.js +18 -9
- package/panelmenu/panelmenu.js +18 -9
- package/passthrough/tailwind/index.cjs.js +4 -2
- package/passthrough/tailwind/index.esm.js +4 -2
- package/passthrough/tailwind/index.js +4 -2
- package/password/password.cjs.js +3 -5
- package/password/password.esm.js +3 -5
- package/password/password.js +3 -5
- package/picklist/picklist.cjs.js +40 -11
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +7 -2
- package/picklist/picklist.esm.js +40 -11
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +40 -11
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +3576 -2762
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +3576 -2762
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +3576 -2762
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +6 -1
- package/progressbar/progressbar.esm.js +6 -1
- package/progressbar/progressbar.js +6 -1
- package/radiobutton/radiobutton.cjs.js +10 -12
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.esm.js +10 -12
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +10 -12
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +4 -4
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +4 -4
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +4 -4
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +378 -63
- package/resources/themes/arya-green/theme.css +378 -63
- package/resources/themes/arya-orange/theme.css +378 -63
- package/resources/themes/bootstrap4-dark-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-dark-purple/theme.css +966 -188
- package/resources/themes/bootstrap4-light-blue/theme.css +388 -73
- package/resources/themes/bootstrap4-light-purple/theme.css +966 -188
- package/resources/themes/fluent-light/theme.css +372 -63
- package/resources/themes/lara-dark-amber/theme.css +396 -151
- package/resources/themes/lara-dark-blue/theme.css +396 -151
- package/resources/themes/lara-dark-cyan/theme.css +396 -151
- package/resources/themes/lara-dark-green/theme.css +396 -151
- package/resources/themes/lara-dark-indigo/theme.css +396 -151
- package/resources/themes/lara-dark-pink/theme.css +396 -151
- package/resources/themes/lara-dark-teal/theme.css +396 -151
- package/resources/themes/lara-light-amber/theme.css +392 -151
- package/resources/themes/lara-light-blue/theme.css +392 -151
- package/resources/themes/lara-light-cyan/theme.css +392 -151
- package/resources/themes/lara-light-green/theme.css +392 -151
- package/resources/themes/lara-light-indigo/theme.css +392 -151
- package/resources/themes/lara-light-pink/theme.css +392 -151
- package/resources/themes/lara-light-teal/theme.css +392 -151
- package/resources/themes/luna-amber/theme.css +378 -63
- package/resources/themes/luna-blue/theme.css +378 -63
- package/resources/themes/luna-green/theme.css +378 -63
- package/resources/themes/luna-pink/theme.css +378 -63
- package/resources/themes/md-dark-deeppurple/theme.css +323 -202
- package/resources/themes/md-dark-indigo/theme.css +444 -189
- package/resources/themes/md-light-deeppurple/theme.css +323 -202
- package/resources/themes/md-light-indigo/theme.css +444 -202
- package/resources/themes/mdc-dark-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-dark-indigo/theme.css +444 -202
- package/resources/themes/mdc-light-deeppurple/theme.css +323 -202
- package/resources/themes/mdc-light-indigo/theme.css +444 -202
- package/resources/themes/mira/theme.css +378 -63
- package/resources/themes/nano/theme.css +378 -63
- package/resources/themes/nova/theme.css +378 -63
- package/resources/themes/nova-accent/theme.css +378 -63
- package/resources/themes/nova-alt/theme.css +378 -63
- package/resources/themes/rhea/theme.css +378 -63
- package/resources/themes/saga-blue/theme.css +378 -63
- package/resources/themes/saga-green/theme.css +378 -63
- package/resources/themes/saga-orange/theme.css +378 -63
- package/resources/themes/soho-dark/theme.css +388 -73
- package/resources/themes/soho-light/theme.css +388 -73
- package/resources/themes/tailwind-light/theme.css +378 -63
- package/resources/themes/vela-blue/theme.css +378 -63
- package/resources/themes/vela-green/theme.css +378 -63
- package/resources/themes/vela-orange/theme.css +378 -63
- package/resources/themes/viva-dark/theme.css +389 -74
- package/resources/themes/viva-light/theme.css +389 -74
- package/ripple/ripple.cjs.js +3 -1
- package/ripple/ripple.esm.js +3 -1
- package/ripple/ripple.js +3 -1
- package/scrollpanel/scrollpanel.cjs.js +2 -2
- package/scrollpanel/scrollpanel.esm.js +2 -2
- package/scrollpanel/scrollpanel.js +2 -2
- package/scrolltop/scrolltop.cjs.js +6 -2
- package/scrolltop/scrolltop.esm.js +6 -2
- package/scrolltop/scrolltop.js +6 -2
- package/selectbutton/selectbutton.cjs.js +20 -11
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +20 -11
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +20 -11
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/slidemenu/slidemenu.cjs.js +1 -1
- package/slidemenu/slidemenu.esm.js +1 -1
- package/slidemenu/slidemenu.js +1 -1
- package/slider/slider.cjs.js +37 -10
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +37 -10
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +37 -10
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -0
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -0
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -0
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +18 -17
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +18 -17
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +18 -17
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +24 -7
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +24 -7
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +24 -7
- package/splitter/splitter.min.js +1 -1
- package/stepper/package.json +7 -0
- package/stepper/stepper.cjs.js +567 -0
- package/stepper/stepper.cjs.min.js +1 -0
- package/stepper/stepper.d.ts +137 -0
- package/stepper/stepper.esm.js +541 -0
- package/stepper/stepper.esm.min.js +1 -0
- package/stepper/stepper.js +565 -0
- package/stepper/stepper.min.js +1 -0
- package/stepperpanel/package.json +7 -0
- package/stepperpanel/stepperpanel.cjs.js +56 -0
- package/stepperpanel/stepperpanel.cjs.min.js +1 -0
- package/stepperpanel/stepperpanel.d.ts +158 -0
- package/stepperpanel/stepperpanel.esm.js +32 -0
- package/stepperpanel/stepperpanel.esm.min.js +1 -0
- package/stepperpanel/stepperpanel.js +57 -0
- package/stepperpanel/stepperpanel.min.js +1 -0
- package/steps/steps.cjs.js +1 -0
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +1 -0
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +1 -0
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +5 -1
- package/styleclass/styleclass.esm.js +5 -1
- package/styleclass/styleclass.js +5 -1
- package/tabmenu/tabmenu.cjs.js +1 -0
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +1 -0
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +1 -0
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +23 -18
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +23 -18
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +23 -18
- package/tabview/tabview.min.js +1 -1
- package/terminal/terminal.cjs.js +2 -1
- package/terminal/terminal.cjs.min.js +1 -1
- package/terminal/terminal.esm.js +2 -1
- package/terminal/terminal.esm.min.js +1 -1
- package/terminal/terminal.js +2 -1
- package/terminal/terminal.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +18 -17
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +18 -17
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +18 -17
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.js +1 -1
- package/togglebutton/togglebutton.cjs.js +1 -1
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +1 -1
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +1 -1
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +20 -17
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +20 -17
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +20 -17
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +377 -148
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +378 -149
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +378 -150
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +24 -17
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +2 -1
- package/treeselect/treeselect.esm.js +24 -17
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +24 -17
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +492 -295
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +4 -4
- package/treetable/treetable.esm.js +494 -297
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +493 -296
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +11 -5
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +11 -5
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +11 -5
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +262 -139
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +262 -139
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +262 -139
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +46 -43
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +46 -43
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +46 -43
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +502 -33
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,i,u,a,l,c,s,p,d,m){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(e){return h="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},h(e)}function x(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=x(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):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 j(e,t){return E(e)||w(e,t)||P(e,t)||k()}var N=o.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return s.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return s.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return s.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return o(n,{hostName:e.hostName,context:{active:v(t)}})},c=function(){if(n.current){var e=n.current.parentElement,t=s.DomHandler.getOffset(e),r=s.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:s.DomHandler.getHiddenElementOuterWidth(n.current),i=s.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-s.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-s.DomHandler.calculateScrollbarWidth()&&s.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;h(n)?t.preventDefault():(r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}),r.url||(t.preventDefault(),t.stopPropagation()))},f=function(t){return"".concat(e.menuId,"_").concat(t.key)},b=function(e,t,n){return e&&e.item?s.ObjectUtils.getItemValue(e.item[t],n):void 0},v=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},g=function(e){return!1!==b(e,"visible")},h=function(e){return b(e,"disabled")},x=function(t){return e.focusedItemId===f(t)},I=function(e){return s.ObjectUtils.isNotEmpty(e.items)},O=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},E=function(t){return t-e.model.slice(0,t).filter((function(e){return g(e)&&b(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||c()}),[e.parentActive]),y.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var w=function(t){var n=r({key:"separator_"+t,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return y.createElement("li",n)},S=function(t,n){return I(t)?y.createElement(C,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},P=function(t,n){if(!1===g(t))return null;var o=t.item,i=b(t,"style"),a=b(t,"className"),c=b(t,"icon"),w=b(t,"target"),P=b(t,"url"),k=f(t),j=x(t),N=v(t),D=h(t),C=I(t),U=s.classNames("p-menuitem-link"),M=s.classNames("p-menuitem-icon",c),T=r({className:s.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),K=s.IconUtils.getJSXIcon(c,H({},T),{props:e.menuProps}),_=r({className:u("label")},l(t,"label")),R=o.label&&y.createElement("span",_,o.label),B=r({className:u("submenuIcon")},l(t,"submenuIcon")),L=C&&s.IconUtils.getJSXIcon(e.submenuIcon||y.createElement(p.AngleRightIcon,B),H({},B),{props:e.menuProps}),A=S(t,n),Z=r({href:P||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:w},l(t,"action")),z=y.createElement("a",Z,K,R,L,y.createElement(d.Ripple,null));o.template&&(z=s.ObjectUtils.getJSXElement(o.template,o,{className:U,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:z,props:e,active:N,disabled:D}));var F=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return O(e,t)},className:u("content")},l(t,"content")),W=r({key:k,id:k,"aria-label":o.label,"aria-disabled":D,"aria-expanded":C?N:void 0,"aria-haspopup":C&&!P?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!b(e,"separator")})).length,"aria-posinset":E(n),"data-p-highlight":N,"data-p-disabled":D,"data-p-visited":j,className:u("menuitem",{itemClassName:a,active:N,focused:j,disabled:D}),style:i,onMouseEnter:function(e){return O(e,o)},role:"menuitem"},l(t,"menuitem"));return y.createElement("li",W,y.createElement("div",F,z),A)},k=e.model?e.model.map((function(e,t){return b(e,"separator")?w(t):P(e,t)})):null,j=e.root?"menu":"submenu",N=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(j,{subProps:e}),style:a(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(j,{hostName:e.hostName}));return y.createElement("ul",N,k)})));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="TieredMenuSub";var T=y.memo(y.forwardRef((function(e,t){var r=i.useMergeProps(),u=y.useContext(n.PrimeReactContext),p=N.getProps(e,u),d=j(y.useState(p.id),2),m=d[0],f=d[1],b=j(y.useState(!p.popup),2),h=b[0],x=b[1],I=j(y.useState([]),2),O=I[0],E=I[1],w=j(y.useState(!1),2),S=w[0],P=w[1],k=j(y.useState(null),2),D=k[0],H=k[1],U=j(y.useState({index:-1,level:0,parentKey:""}),2),T=U[0],K=U[1],_=j(y.useState(!1),2),R=_[0],B=_[1],L=j(y.useState([]),2),A=L[0],Z=L[1],z=j(y.useState([]),2),F=z[0],W=z[1],V=j(y.useState(!1),2),J=V[0],X=V[1],Y=j(y.useState(null),2),q=Y[0],G=Y[1],$=N.setMetaData({props:p,state:{id:m,visible:h,attributeSelector:q}}),Q=$.ptm,ee=$.cx,te=$.sx;o.useHandleStyle(N.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=y.useRef(null),re=y.useRef(null),oe=y.useRef(null),ie=y.useRef(null),ue=y.useRef(null),ae=y.useRef(null),le=y.useRef(null),ce=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(i.useEventListener({type:"click",listener:function(e){var t=ne.current&&!ne.current.contains(e.target),n=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),pe=se[0],de=se[1],me=j(i.useResizeListener({listener:function(){!ce&&he(event,!0)}}),2),fe=me[0],be=me[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ve=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ie.current=e.relatedTarget||null),K({index:qe(),level:0,parentKey:""})},he=function(e,t){p.popup&&(x(!1),p.onHide&&p.onHide(e));var n=Ke();E([]),K({index:-1,level:0,parentKey:""}),t&&s.DomHandler.focus(ie.current||oe.current||n),B(!1)},xe=function(e){P(!0),K(-1!==T.index?T:{index:qe(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),K({index:-1,level:0,parentKey:""}),ae.current="",B(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":Ne(e);break;case"Home":De(e);break;case"End":He(e);break;case"Space":Ue(e);break;case"Enter":Ce(e);break;case"Escape":p.popup&&s.DomHandler.focus(oe.current),Me(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&$e(e.key)}},Ee=function(e){var t=e.processedItem,n=e.isFocus;if(!s.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=s.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&s.DomHandler.focus(Ke())}},we=function(e){var t=e.originalEvent,n=e.processedItem;if(!Re(n)&&!p.isMobileMode){var r=Le(n),o=s.ObjectUtils.isEmpty(n.parent),i=Fe(n),u=Ke();if(i){var a=n.index,l=n.key,c=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:c,parentKey:d}),r||B(!o),setTimeout((function(){s.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)s.DomHandler.focus(u),Ee(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Se=function(e){var t=e.originalEvent;Re(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&Ee(e)},Pe=function(e){var t=-1!==T.index?Je(T.index):qe();Qe(t),e.preventDefault()},ke=function(e){if(e.altKey){if(p.popup&&s.DomHandler.focus(oe.current),-1!==T.index){var t=F[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Xe(T.index):Ge();Qe(n),e.preventDefault()}},je=function(e){var t=F[T.index],n=O.find((function(e){return e.key===t.parentKey}));s.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Ne=function(e){var t=F[T.index];Le(t)&&(Ee({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},De=function(e){Qe(We()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Ce=function(e){if(-1!==T.index){var t=s.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(D),'"]')),n=t&&s.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&s.DomHandler.focus(oe.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){Ce(e)},Me=function(e){he(e,!0),!p.popup&&K(M(M({},T),{},{index:qe()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var t=F[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}he(e)},Ke=function(){return re.current.getElement()||null},_e=function(e,t){return e?s.ObjectUtils.getItemValue(e[t]):void 0},Re=function(e){return _e(e,"disabled")},Be=function(e){return e?_e(e.item,"label"):void 0},Le=function(e){return e&&s.ObjectUtils.isNotEmpty(e.items)},Ae=function(e){return Ze(e)&&Be(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Re(e.item)&&!_e(e.item,"separator")},ze=function(e){return Ze(e)&&Fe(e)},Fe=function(e){return O.some((function(t){return t.key===e.key}))},We=function(){return F.findIndex((function(e){return Ze(e)}))},Ve=function(){return s.ObjectUtils.findLastIndex(F,(function(e){return Ze(e)}))},Je=function(e){var t=e<F.length-1?F.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?s.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},Ye=function(){return F.findIndex((function(e){return ze(e)}))},qe=function(){var e=Ye();return e<0?We():e},Ge=function(){var e=Ye();return e<0?Ve():e},$e=function(e){ae.current=(ae.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=F.slice(T.index).findIndex((function(e){return Ae(e)})))?F.slice(0,T.index).findIndex((function(e){return Ae(e)})):t+T.index:F.findIndex((function(e){return Ae(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=qe()),-1!==t&&Qe(t),le.current&&clearTimeout(le),le.current=setTimeout((function(){ae.current="",le.current=null}),500),n},Qe=function(e){T.index!==e&&(K(M(M({},T),{},{index:e})),et())},et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=s.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},tt=y.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=tt(e.items,t+1,a,u),o.push(a)})),o}),[]),nt=function(){if(!ue.current){ue.current=s.DomHandler.createInlineStyle(u&&u.nonce||v.default.nonce,u&&u.styleContainer);var e="".concat(q),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=t}},rt=function(){ue.current=s.DomHandler.removeInlineStyle(ue.current)},ot=function(){var e;p.autoZIndex&&s.ZIndexUtils.set("menu",ne.current,u&&u.autoZIndex||v.default.autoZIndex,p.baseZIndex||u&&u.zIndex.menu||v.default.zIndex.menu),s.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),e=s.DomHandler.getOuterWidth(oe.current)>s.DomHandler.getOuterWidth(ne.current),s.DomHandler.alignOverlay(ne.current,oe.current,p.appendTo,e),s.DomHandler.focus(re.current.getElement()),et(),q&&p.breakpoint&&(ne.current.setAttribute(q,""),nt())},it=function(){pe(),fe()},ut=function(){oe.current=null,de(),be()},at=function(){s.ZIndexUtils.clear(ne.current),rt()};i.useMountEffect((function(){var e=s.UniqueComponentId();!m&&f(e),p.breakpoint&&!q&&G(e)})),y.useEffect((function(){var e=tt(p.model||[]);Z(e)}),[p.model,tt]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));W(e?e.items:A)}),[O,T,A]),i.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(s.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;H(e)}),[T]),i.useUpdateEffect((function(){p.popup||(s.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(de(),be()))}),[O]),i.useUpdateEffect((function(){if(J){var e=-1!==T.index?Je(T.index):qe();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),X(!1)}}),[J]),i.useUpdateEffect((function(){return q&&ne.current&&(ne.current.setAttribute(q,""),nt()),function(){rt()}}),[q,p.breakpoint]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(ne.current)})),y.useImperativeHandle(t,(function(){return{props:p,toggle:ve,show:ge,hide:he,getElement:function(){return ne.current}}}));var lt,ct,st=(lt=r({ref:ne,id:p.id,className:ee("root"),style:p.style,onClick:ye},N.getOtherProps(p),Q("root")),ct=r({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:ot,onEntered:it,onExit:ut,onExited:at},Q("transition")),y.createElement(l.CSSTransition,g({nodeRef:ne},ct),y.createElement("div",lt,y.createElement(C,{id:m+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:we,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:he,isMobileMode:ce,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:te}))));return p.popup?y.createElement(c.Portal,{element:st,appendTo:p.appendTo}):st})));T.displayName="TieredMenu";var K=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!0,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return s.classNames("p-splitbutton p-component",O(O(O(O(O(O({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=y.memo(y.forwardRef((function(e,t){var l=i.useMergeProps(),c=y.useContext(n.PrimeReactContext),p=K.getProps(e,c),d=j(y.useState(p.id),2),f=d[0],b=d[1],h=j(y.useState(!1),2),x=h[0],I=h[1],O=y.useRef(null),E=y.useRef(null),w=y.useRef(null),S=y.useRef(null),P=i.useDisplayOrder("split-button-tooltip",x),k={props:p,state:{id:f,overlayVisible:x}},N=K.setMetaData(k),D=N.ptm,H=N.cx;o.useHandleStyle(K.css.styles,N.isUnstyled,{name:"splitbutton"}),i.useGlobalOnEscapeKey({callback:function(){M()},when:x&&P,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,P]});var C=function(e){x?M(e):U(e)},U=function(e){I(!0),E.current&&E.current.show(e)},M=function(e){I(!1),E.current&&E.current.hide(e)};if(i.useMountEffect((function(){f||b(s.UniqueComponentId()),s.DomHandler.alignOverlay(S.current,w.current.parentElement,p.appendTo||c&&c.appendTo||v.default.appendTo)})),i.useUnmountEffect((function(){s.ZIndexUtils.clear(S.current)})),y.useImperativeHandle(t,(function(){return{props:p,show:U,hide:M,getElement:function(){return O.current}}})),!1===p.visible)return null;var _=s.ObjectUtils.isNotEmpty(p.tooltip),B={large:"lg",small:"sm"}[p.size],L=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,A=f+"_overlay",Z=l({ref:O,id:f,className:s.classNames(p.className,H("root",{size:B})),style:p.style},K.getOtherProps(p),D("root"));return y.createElement(y.Fragment,null,y.createElement("div",Z,y.createElement(r.Button,g({ref:w,type:"button",className:s.classNames(p.buttonClassName,H("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:k},unstyled:p.unstyled}),L),y.createElement(r.Button,g({type:"button",className:s.classNames(p.menuButtonClassName,H("menuButton")),icon:function(){var e=l({className:H("icon")},D("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||y.createElement(u.ChevronDownIcon,e),R({},e),{props:p});return t},onClick:C,disabled:p.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":A},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:k},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(C(e),e.preventDefault())},unstyled:p.unstyled})),y.createElement(T,{ref:E,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:A,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:p.menuClassName,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){I(!1),p.onHide&&p.onHide()},pt:D("menu")})),_&&y.createElement(m.Tooltip,g({target:O,content:p.tooltip,pt:D("tooltip")},p.tooltipOptions)))})));return B.displayName="SplitButton",e.SplitButton=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.csstransition,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple,primereact.tooltip);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,i,u,a,l,c,s,p,d,m){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function h(e){return h="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},h(e)}function x(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=x(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,u,a=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):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 j(e,t){return E(e)||w(e,t)||P(e,t)||k()}var N=o.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return s.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return s.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return s.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var t=e.subProps;return{display:!t.root&&t.parentActive?"block":"none"}}}}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,a=e.sx,l=function(t,n){return o(n,{hostName:e.hostName,context:{active:v(t)}})},c=function(){if(n.current){var e=n.current.parentElement,t=s.DomHandler.getOffset(e),r=s.DomHandler.getViewport(),o=n.current.offsetParent?n.current.offsetWidth:s.DomHandler.getHiddenElementOuterWidth(n.current),i=s.DomHandler.getOuterWidth(e.children[0]),u=parseInt(t.top,10)+n.current.offsetHeight-s.DomHandler.getWindowScrollTop();n.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(t.left,10)+i+o>r.width-s.DomHandler.calculateScrollbarWidth()&&s.DomHandler.addClass(n.current,"p-submenu-list-flipped")}},m=function(t,n){var r=n.item;h(n)?t.preventDefault():(r.command&&r.command({originalEvent:t,item:r}),e.onItemClick&&e.onItemClick({originalEvent:t,processedItem:n}),r.url||(t.preventDefault(),t.stopPropagation()))},f=function(t){return"".concat(e.menuId,"_").concat(t.key)},b=function(e,t,n){return e&&e.item?s.ObjectUtils.getItemValue(e.item[t],n):void 0},v=function(t){return e.activeItemPath.some((function(e){return e.key===t.key}))},g=function(e){return!1!==b(e,"visible")},h=function(e){return b(e,"disabled")},x=function(t){return e.focusedItemId===f(t)},I=function(e){return s.ObjectUtils.isNotEmpty(e.items)},O=function(t,n){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:t,processedItem:n})},E=function(t){return t-e.model.slice(0,t).filter((function(e){return g(e)&&b(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||c()}),[e.parentActive]),y.useImperativeHandle(t,(function(){return{getElement:function(){return n.current}}}));var w=function(t){var n=r({key:"separator_"+t,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return y.createElement("li",n)},S=function(t,n){return I(t)?y.createElement(C,{id:e.id+"_"+n,menuProps:e.menuProps,model:t.items,menuId:e.menuId,ariaLabelledby:f(t),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(t),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},P=function(t,n){if(!1===g(t))return null;var o=t.item,i=b(t,"style"),a=b(t,"className"),c=b(t,"icon"),w=b(t,"target"),P=b(t,"url"),k=f(t),j=x(t),N=v(t),D=h(t),C=I(t),U=s.classNames("p-menuitem-link"),M=s.classNames("p-menuitem-icon",c),T=r({className:s.classNames(o.icon,"p-menuitem-icon","icon")},l(t,"icon")),K=s.IconUtils.getJSXIcon(c,H({},T),{props:e.menuProps}),_=r({className:u("label")},l(t,"label")),R=o.label&&y.createElement("span",_,o.label),B=r({className:u("submenuIcon")},l(t,"submenuIcon")),L=C&&s.IconUtils.getJSXIcon(e.submenuIcon||y.createElement(p.AngleRightIcon,B),H({},B),{props:e.menuProps}),A=S(t,n),Z=r({href:P||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:w},l(t,"action")),z=y.createElement("a",Z,K,R,L,y.createElement(d.Ripple,null));o.template&&(z=s.ObjectUtils.getJSXElement(o.template,o,{className:U,labelClassName:"p-menuitem-text",iconClassName:M,submenuIconClassName:"p-submenu-icon",element:z,props:e,active:N,disabled:D}));var F=r({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return O(e,t)},className:u("content")},l(t,"content")),W=r({key:k,id:k,"aria-label":o.label,"aria-disabled":D,"aria-expanded":C?N:void 0,"aria-haspopup":C&&!P?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!b(e,"separator")})).length,"aria-posinset":E(n),"data-p-highlight":N,"data-p-disabled":D,"data-p-visited":j,className:u("menuitem",{itemClassName:a,active:N,focused:j,disabled:D}),style:i,onMouseEnter:function(e){return O(e,o)},role:"menuitem"},l(t,"menuitem"));return y.createElement("li",W,y.createElement("div",F,z),A)},k=e.model?e.model.map((function(e,t){return b(e,"separator")?w(t):P(e,t)})):null,j=e.root?"menu":"submenu",N=r({ref:n,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(j,{subProps:e}),style:a(j,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(j,{hostName:e.hostName}));return y.createElement("ul",N,k)})));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="TieredMenuSub";var T=y.memo(y.forwardRef((function(e,t){var r=i.useMergeProps(),u=y.useContext(n.PrimeReactContext),p=N.getProps(e,u),d=j(y.useState(p.id),2),m=d[0],f=d[1],b=j(y.useState(!p.popup),2),h=b[0],x=b[1],I=j(y.useState([]),2),O=I[0],E=I[1],w=j(y.useState(!1),2),S=w[0],P=w[1],k=j(y.useState(null),2),D=k[0],H=k[1],U=j(y.useState({index:-1,level:0,parentKey:""}),2),T=U[0],K=U[1],_=j(y.useState(!1),2),R=_[0],B=_[1],L=j(y.useState([]),2),A=L[0],Z=L[1],z=j(y.useState([]),2),F=z[0],W=z[1],V=j(y.useState(!1),2),J=V[0],X=V[1],Y=j(y.useState(null),2),q=Y[0],G=Y[1],$=N.setMetaData({props:p,state:{id:m,visible:h,attributeSelector:q}}),Q=$.ptm,ee=$.cx,te=$.sx;o.useHandleStyle(N.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=y.useRef(null),re=y.useRef(null),oe=y.useRef(null),ie=y.useRef(null),ue=y.useRef(null),ae=y.useRef(null),le=y.useRef(null),ce=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(i.useEventListener({type:"click",listener:function(e){var t=ne.current&&!ne.current.contains(e.target),n=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));t&&n&&he(e,!p.popup)}}),2),pe=se[0],de=se[1],me=j(i.useResizeListener({listener:function(){!ce&&he(event,!0)}}),2),fe=me[0],be=me[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ve=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ie.current=e.relatedTarget||null),K({index:qe(),level:0,parentKey:""})},he=function(e,t){p.popup&&(x(!1),p.onHide&&p.onHide(e));var n=Ke();E([]),K({index:-1,level:0,parentKey:""}),t&&s.DomHandler.focus(ie.current||oe.current||n),B(!1)},xe=function(e){P(!0),K(-1!==T.index?T:{index:qe(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),K({index:-1,level:0,parentKey:""}),ae.current="",B(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":ke(e);break;case"ArrowLeft":je(e);break;case"ArrowRight":Ne(e);break;case"Home":De(e);break;case"End":He(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Ce(e);break;case"Escape":p.popup&&s.DomHandler.focus(oe.current),Me(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&$e(e.key)}},Ee=function(e){var t=e.processedItem,n=e.isFocus;if(!s.ObjectUtils.isEmpty(t)){var r=t.index,o=t.key,i=t.level,u=t.parentKey,a=s.ObjectUtils.isNotEmpty(t.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==o}));a&&l.push(t),K({index:r,level:i,parentKey:u}),E(l),a&&B(!0),n&&s.DomHandler.focus(Ke())}},we=function(e){var t=e.originalEvent,n=e.processedItem;if(!Re(n)&&!p.isMobileMode){var r=Le(n),o=s.ObjectUtils.isEmpty(n.parent),i=Fe(n),u=Ke();if(i){var a=n.index,l=n.key,c=n.level,d=n.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),K({index:a,level:c,parentKey:d}),r||B(!o),setTimeout((function(){s.DomHandler.focus(u),r&&B(!0)}),0)}else if(r)s.DomHandler.focus(u),Ee(e);else{var m=o?n:O.find((function(e){return""===e.parentKey})),f=m?m.index:-1;he(t,!0),K({index:f,parentKey:m?m.parentKey:""})}}},Se=function(e){var t=e.originalEvent;Re(e.processedItem)||p.isMobileMode?t.preventDefault():R&&!p.popup&&Ee(e)},Pe=function(e){var t=-1!==T.index?Je(T.index):qe();Qe(t),e.preventDefault()},ke=function(e){if(e.altKey){if(p.popup&&s.DomHandler.focus(oe.current),-1!==T.index){var t=F[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}p.popup&&he(e,!0),e.preventDefault()}else{var n=-1!==T.index?Xe(T.index):Ge();Qe(n),e.preventDefault()}},je=function(e){var t=F[T.index],n=O.find((function(e){return e.key===t.parentKey}));s.ObjectUtils.isEmpty(t.parent)||(K({index:-1,parentKey:n?n.parentKey:""}),ae.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Ne=function(e){var t=F[T.index];Le(t)&&(Ee({originalEvent:e,processedItem:t}),K({index:-1,parentKey:t.key}),ae.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},De=function(e){Qe(We()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Ce=function(e){if(-1!==T.index){var t=s.DomHandler.findSingle(Ke(),'li[id="'.concat("".concat(D),'"]')),n=t&&s.DomHandler.findSingle(t,'[data-pc-section="action"]');p.popup&&s.DomHandler.focus(oe.current),n?n.click():t&&t.click()}e.preventDefault()},Ue=function(e){Ce(e)},Me=function(e){he(e,!0),!p.popup&&K(M(M({},T),{},{index:qe()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var t=F[T.index];!Le(t)&&Ee({originalEvent:e,processedItem:t})}he(e)},Ke=function(){return re.current.getElement()||null},_e=function(e,t){return e?s.ObjectUtils.getItemValue(e[t]):void 0},Re=function(e){return _e(e,"disabled")},Be=function(e){return e?_e(e.item,"label"):void 0},Le=function(e){return e&&s.ObjectUtils.isNotEmpty(e.items)},Ae=function(e){return Ze(e)&&Be(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Re(e.item)&&!_e(e.item,"separator")},ze=function(e){return Ze(e)&&Fe(e)},Fe=function(e){return O.some((function(t){return t.key===e.key}))},We=function(){return F.findIndex((function(e){return Ze(e)}))},Ve=function(){return s.ObjectUtils.findLastIndex(F,(function(e){return Ze(e)}))},Je=function(e){var t=e<F.length-1?F.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return t>-1?t+e+1:e},Xe=function(e){var t=e>0?s.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Ze(e)})):-1;return t>-1?t:e},Ye=function(){return F.findIndex((function(e){return ze(e)}))},qe=function(){var e=Ye();return e<0?We():e},Ge=function(){var e=Ye();return e<0?Ve():e},$e=function(e){ae.current=(ae.current||"")+e;var t=-1,n=!1;return-1!==(t=-1!==T.index?-1===(t=F.slice(T.index).findIndex((function(e){return Ae(e)})))?F.slice(0,T.index).findIndex((function(e){return Ae(e)})):t+T.index:F.findIndex((function(e){return Ae(e)})))&&(n=!0),-1===t&&-1===T.index&&(t=qe()),-1!==t&&Qe(t),le.current&&clearTimeout(le),le.current=setTimeout((function(){ae.current="",le.current=null}),500),n},Qe=function(e){T.index!==e&&(K(M(M({},T),{},{index:e})),et())},et=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,t=-1!==e?"".concat(m,"_").concat(e):D,n=s.DomHandler.findSingle(Ke(),'li[id="'.concat(t,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},tt=y.useCallback((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return e&&e.forEach((function(e,i){var u=(""!==r?r+"_":"")+i,a={item:e,index:i,level:t,key:u,parent:n,parentKey:r};a.items=tt(e.items,t+1,a,u),o.push(a)})),o}),[]),nt=function(){if(!ue.current){ue.current=s.DomHandler.createInlineStyle(u&&u.nonce||v.default.nonce,u&&u.styleContainer);var e="".concat(q),t="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=t}},rt=function(){ue.current=s.DomHandler.removeInlineStyle(ue.current)},ot=function(){var e;p.autoZIndex&&s.ZIndexUtils.set("menu",ne.current,u&&u.autoZIndex||v.default.autoZIndex,p.baseZIndex||u&&u.zIndex.menu||v.default.zIndex.menu),s.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),e=s.DomHandler.getOuterWidth(oe.current)>s.DomHandler.getOuterWidth(ne.current),s.DomHandler.alignOverlay(ne.current,oe.current,p.appendTo,e),s.DomHandler.focus(re.current.getElement()),et(),q&&p.breakpoint&&(ne.current.setAttribute(q,""),nt())},it=function(){pe(),fe()},ut=function(){oe.current=null,de(),be()},at=function(){s.ZIndexUtils.clear(ne.current),rt()};i.useMountEffect((function(){var e=s.UniqueComponentId();!m&&f(e),p.breakpoint&&!q&&G(e)})),y.useEffect((function(){var e=tt(p.model||[]);Z(e)}),[p.model,tt]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));W(e?e.items:A)}),[O,T,A]),i.useUpdateEffect((function(){var e=-1!==T.index?"".concat(m).concat(s.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;H(e)}),[T]),i.useUpdateEffect((function(){p.popup||(s.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(de(),be()))}),[O]),i.useUpdateEffect((function(){if(J){var e=-1!==T.index?Je(T.index):qe();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),X(!1)}}),[J]),i.useUpdateEffect((function(){return q&&ne.current&&(ne.current.setAttribute(q,""),nt()),function(){rt()}}),[q,p.breakpoint]),i.useUnmountEffect((function(){s.ZIndexUtils.clear(ne.current)})),y.useImperativeHandle(t,(function(){return{props:p,toggle:ve,show:ge,hide:he,getElement:function(){return ne.current}}}));var lt,ct,st=(lt=r({ref:ne,id:p.id,className:ee("root"),style:p.style,onClick:ye},N.getOtherProps(p),Q("root")),ct=r({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:ot,onEntered:it,onExit:ut,onExited:at},Q("transition")),y.createElement(l.CSSTransition,g({nodeRef:ne},ct),y.createElement("div",lt,y.createElement(C,{id:m+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:A,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:S?D:void 0,menuId:m,level:0,focusedItemId:D,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:we,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:he,isMobileMode:ce,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:te}))));return p.popup?y.createElement(c.Portal,{element:st,appendTo:p.appendTo}):st})));T.displayName="TieredMenu";var K=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,autoZIndex:!0,baseZIndex:0,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t=e.props,n=e.size;return s.classNames("p-splitbutton p-component",O(O(O(O(O(O({"p-disabled":t.disabled,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-".concat(t.severity),t.severity),"p-button-raised",t.raised),"p-button-rounded",t.rounded),"p-button-text",t.text),"p-button-outlined",t.outlined),"p-button-".concat(n),n))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-splitbutton {\n display: inline-flex;\n position: relative;\n }\n\n .p-splitbutton .p-splitbutton-defaultbutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n }\n\n .p-splitbutton-menubutton,\n .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .p-splitbutton .p-menu {\n min-width: 100%;\n }\n\n .p-fluid .p-splitbutton {\n display: flex;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=y.memo(y.forwardRef((function(e,t){var l=i.useMergeProps(),c=y.useContext(n.PrimeReactContext),p=K.getProps(e,c),d=j(y.useState(p.id),2),f=d[0],b=d[1],h=j(y.useState(!1),2),x=h[0],I=h[1],O=y.useRef(null),E=y.useRef(null),w=y.useRef(null),S=y.useRef(null),P=i.useDisplayOrder("split-button-tooltip",x),k={props:p,state:{id:f,overlayVisible:x}},N=K.setMetaData(k),D=N.ptm,H=N.cx;o.useHandleStyle(K.css.styles,N.isUnstyled,{name:"splitbutton"}),i.useGlobalOnEscapeKey({callback:function(){M()},when:x&&P,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SPLIT_BUTTON,P]});var C=function(e){x?M(e):U(e)},U=function(e){I(!0),E.current&&E.current.show(e)},M=function(e){I(!1),E.current&&E.current.hide(e)};if(i.useMountEffect((function(){f||b(s.UniqueComponentId()),s.DomHandler.alignOverlay(S.current,w.current.parentElement,p.appendTo||c&&c.appendTo||v.default.appendTo)})),i.useUnmountEffect((function(){s.ZIndexUtils.clear(S.current)})),y.useImperativeHandle(t,(function(){return{props:p,show:U,hide:M,getElement:function(){return O.current}}})),!1===p.visible)return null;var _=s.ObjectUtils.isNotEmpty(p.tooltip),B={large:"lg",small:"sm"}[p.size],L=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,A=f+"_overlay",Z=l({ref:O,id:f,className:s.classNames(p.className,H("root",{size:B})),style:p.style},K.getOtherProps(p),D("root"));return y.createElement(y.Fragment,null,y.createElement("div",Z,y.createElement(r.Button,g({ref:w,type:"button",className:s.classNames(p.buttonClassName,H("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,"aria-label":p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:D("button"),__parentMetadata:{parent:k},unstyled:p.unstyled}),L),y.createElement(r.Button,g({type:"button",className:s.classNames(p.menuButtonClassName,H("menuButton")),icon:function(){var e=l({className:H("icon")},D("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||y.createElement(u.ChevronDownIcon,e),R({},e),{props:p});return t},onClick:C,disabled:p.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":A},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:D("menuButton"),__parentMetadata:{parent:k},onKeyDown:function(e){"ArrowDown"!==e.code&&"ArrowUp"!==e.code||(C(e),e.preventDefault())},unstyled:p.unstyled})),y.createElement(T,{ref:E,popup:!0,unstyled:p.unstyled,model:p.model,appendTo:p.appendTo,id:A,style:p.menuStyle,autoZIndex:p.autoZIndex,baseZIndex:p.baseZIndex,className:p.menuClassName,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onShow:function(){p.onShow&&p.onShow()},onHide:function(){I(!1),p.onHide&&p.onHide()},pt:D("menu")})),_&&y.createElement(m.Tooltip,g({target:O,content:p.tooltip,pt:D("tooltip")},p.tooltipOptions)))})));return B.displayName="SplitButton",e.SplitButton=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.csstransition,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple,primereact.tooltip);
|
package/splitter/splitter.cjs.js
CHANGED
|
@@ -296,8 +296,12 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
296
296
|
return SplitterPanelBase.getCProp(panel, name);
|
|
297
297
|
};
|
|
298
298
|
var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
|
|
299
|
-
if (newPrevPanelSize > 100 || newPrevPanelSize < 0)
|
|
300
|
-
|
|
299
|
+
if (newPrevPanelSize > 100 || newPrevPanelSize < 0) {
|
|
300
|
+
return false;
|
|
301
|
+
}
|
|
302
|
+
if (newNextPanelSize > 100 || newNextPanelSize < 0) {
|
|
303
|
+
return false;
|
|
304
|
+
}
|
|
301
305
|
if (props.children[prevPanelIndex.current].props && props.children[prevPanelIndex.current].props.minSize && props.children[prevPanelIndex.current].props.minSize > newPrevPanelSize) {
|
|
302
306
|
return false;
|
|
303
307
|
}
|
|
@@ -335,7 +339,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
335
339
|
};
|
|
336
340
|
var restoreState = React__namespace.useCallback(function () {
|
|
337
341
|
var stateString = getStorage().getItem(props.stateKey);
|
|
338
|
-
if (stateString)
|
|
342
|
+
if (stateString) {
|
|
343
|
+
setPanelSizes(JSON.parse(stateString));
|
|
344
|
+
}
|
|
339
345
|
}, [getStorage, props.stateKey]);
|
|
340
346
|
var onResizeStart = function onResizeStart(event, index, isKeyDown) {
|
|
341
347
|
var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
|
|
@@ -364,7 +370,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
364
370
|
var onResize = function onResize(event) {
|
|
365
371
|
var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
366
372
|
var isKeyDown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
367
|
-
var newPos
|
|
373
|
+
var newPos;
|
|
374
|
+
var newNextPanelSize;
|
|
375
|
+
var newPrevPanelSize;
|
|
368
376
|
var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
|
|
369
377
|
var pageY = event.type === 'touchmove' ? event.touches[0].pageY : event.pageY;
|
|
370
378
|
if (isKeyDown) {
|
|
@@ -376,7 +384,11 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
376
384
|
newNextPanelSize = 100 * (nextPanelSize.current + step) / size.current;
|
|
377
385
|
}
|
|
378
386
|
} else {
|
|
379
|
-
if (horizontal)
|
|
387
|
+
if (horizontal) {
|
|
388
|
+
newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;
|
|
389
|
+
} else {
|
|
390
|
+
newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
|
|
391
|
+
}
|
|
380
392
|
newPrevPanelSize = prevPanelSize.current + newPos;
|
|
381
393
|
newNextPanelSize = nextPanelSize.current - newPos;
|
|
382
394
|
}
|
|
@@ -390,7 +402,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
390
402
|
sizes: sizes
|
|
391
403
|
});
|
|
392
404
|
}
|
|
393
|
-
if (isStateful)
|
|
405
|
+
if (isStateful) {
|
|
406
|
+
saveState(sizes);
|
|
407
|
+
}
|
|
394
408
|
setPanelSizes(sizes);
|
|
395
409
|
!isUnstyled() && utils.DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
|
|
396
410
|
gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
|
|
@@ -451,6 +465,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
451
465
|
event.preventDefault();
|
|
452
466
|
break;
|
|
453
467
|
}
|
|
468
|
+
case 'NumpadEnter':
|
|
454
469
|
case 'Enter':
|
|
455
470
|
{
|
|
456
471
|
if (prevSize.current >= 100 - (minSize || 5)) {
|
|
@@ -542,7 +557,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
542
557
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
543
558
|
}, []);
|
|
544
559
|
React__namespace.useEffect(function () {
|
|
545
|
-
if (isStateful)
|
|
560
|
+
if (isStateful) {
|
|
561
|
+
restoreState();
|
|
562
|
+
}
|
|
546
563
|
}, [restoreState, isStateful]);
|
|
547
564
|
var createPanel = function createPanel(panel, index) {
|
|
548
565
|
var panelId = getPanelProp(panel, 'id') || "".concat(idState.current, "_").concat(index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=i(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return 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 g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function b(){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 v(e,t){return h(e)||y(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),w=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,w.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,w.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,w.defaultProps)}});function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=m(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=function(){},E=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),d=l.useContext(t.PrimeReactContext),g=S.getProps(e,d),m=l.useRef(""),h=l.useRef(null),y=l.useRef(),b=l.useRef({}),O=l.useRef(null),D=l.useRef(null),E=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=l.useRef(null),N=l.useRef(null),k=l.useRef(null),I=v(l.useState([]),2),U=I[0],_=I[1],M=v(l.useState(!1),2),T=M[0],K=M[1],L=null!=g.stateKey,q=g.children&&g.children.length||1,W=function(e,t){return t in e?e[t]:g.children&&[].concat(g.children)[t].props.size||100/q},Y="horizontal"===g.layout,B={props:g,state:{panelSizes:U,nested:!0===u.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},F=S.setMetaData(z({},B)),X=F.ptm,J=F.cx,$=F.isUnstyled;r.useHandleStyle(S.css.styles,$,{name:"splitter"});var G=v(n.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=v(n.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return w.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(g.children[N.current].props&&g.children[N.current].props.minSize&&g.children[N.current].props.minSize>e)&&!(g.children[N.current+1].props&&g.children[N.current+1].props.minSize&&g.children[N.current+1].props.minSize>t)))},ie=l.useCallback((function(){switch(g.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(g.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[g.stateStorage]),le=function(e){u.ObjectUtils.isArray(e)&&ie().setItem(g.stateKey,JSON.stringify(e))},oe=l.useCallback((function(){var e=ie().getItem(g.stateKey);e&&_(JSON.parse(e))}),[ie,g.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),D.current=!0,E.current=Y?n:i,x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,r?(P.current=Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0),A.current=Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(P.current=100*(Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0))/O.current,A.current=100*(Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/O.current),R.current=P.current,C.current=A.current,N.current=t,!$()&&u.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&u.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?Y?(n=100*(P.current+u)/O.current,r=100*(A.current-u)/O.current):(n=100*(P.current-u)/O.current,r=100*(A.current+u)/O.current):(n=P.current+(t=Y?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/O.current-100*E.current/O.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/O.current-100*E.current/O.current),r=A.current-t),de(N.current,n,r)},se=function(e){var t=[R.current,C.current];g.onResizeEnd&&g.onResizeEnd({originalEvent:e,sizes:t}),L&&le(t),_(t),!$()&&u.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&u.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),D.current=!1,O.current=null,E.current=null,x.current=null,j.current=null,P.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=g.children[t].props&&g.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":Y&&me(e,t,-1*g.step),e.preventDefault();break;case"ArrowRight":Y&&me(e,t,g.step),e.preventDefault();break;case"ArrowDown":Y||me(e,t,-1*g.step),e.preventDefault();break;case"ArrowUp":Y||me(e,t,g.step),e.preventDefault();break;case"Home":de(t,100-r,r),e.preventDefault();break;case"End":de(t,r,100-r),e.preventDefault();break;case"Enter":H.current>=100-(r||5)?de(t,r,100-r):de(t,100-r,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,x.current.style.flexBasis="calc("+t+"% - "+(g.children.length-1)*g.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(g.children.length-1)*g.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},ge=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},me=function(e,t,r){k.current||(k.current=setInterval((function(){ge(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:g,getElement:function(){return h.current}}})),n.useMountEffect((function(){h.current&&(m.current=u.UniqueComponentId())})),l.useEffect((function(){var e;(e=h.current.children,c(e)||s(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=W(U,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),l.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(m.current,"_").concat(t),n=u.classNames(ne(e,"className"),J("panel.root")),i=a({ref:function(e){return b.current[t]=e},className:J("gutter"),style:Y?{width:g.gutterSize+"px"}:{height:g.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1},X("gutter")),o=a({tabIndex:ne(e,"tabIndex")||0,className:J("gutterHandler"),role:"separator","aria-orientation":Y?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},X("gutterHandler")),c=t!==g.children.length-1&&l.createElement("div",i,l.createElement("div",o)),s="calc("+W(U,t)+"% - "+(q-1)*g.gutterSize+"px)",p=a({key:t,id:r,className:n,style:z(z({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:T}}));return l.createElement(l.Fragment,null,l.createElement("div",p,ne(e,"children")),c)},Oe=a({id:g.id,style:g.style,className:u.classNames(g.className,J("root")),"data-p-splitter-resizing":!1},S.getOtherProps(g),X("root")),ze=l.Children.map(g.children,we);return l.createElement("div",o({ref:h},Oe),ze)})));D.displayName="SplitterPanel",E.displayName="Splitter",exports.Splitter=E,exports.SplitterPanel=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=i(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return 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 m(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function b(){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 v(e,t){return h(e)||y(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),w=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,w.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,w.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,w.defaultProps)}});function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=g(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=function(){},D=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),d=l.useContext(t.PrimeReactContext),m=S.getProps(e,d),g=l.useRef(""),h=l.useRef(null),y=l.useRef(),b=l.useRef({}),O=l.useRef(null),E=l.useRef(null),D=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=l.useRef(null),N=l.useRef(null),k=l.useRef(null),I=v(l.useState([]),2),U=I[0],_=I[1],M=v(l.useState(!1),2),T=M[0],K=M[1],L=null!=m.stateKey,q=m.children&&m.children.length||1,W=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/q},Y="horizontal"===m.layout,B={props:m,state:{panelSizes:U,nested:!0===u.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},F=S.setMetaData(z({},B)),X=F.ptm,J=F.cx,$=F.isUnstyled;r.useHandleStyle(S.css.styles,$,{name:"splitter"});var G=v(n.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=v(n.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return w.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[N.current].props&&m.children[N.current].props.minSize&&m.children[N.current].props.minSize>e)&&!(m.children[N.current+1].props&&m.children[N.current+1].props.minSize&&m.children[N.current+1].props.minSize>t)))},ie=l.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),le=function(e){u.ObjectUtils.isArray(e)&&ie().setItem(m.stateKey,JSON.stringify(e))},oe=l.useCallback((function(){var e=ie().getItem(m.stateKey);e&&_(JSON.parse(e))}),[ie,m.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),E.current=!0,D.current=Y?n:i,x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,r?(P.current=Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0),A.current=Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(P.current=100*(Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0))/O.current,A.current=100*(Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/O.current),R.current=P.current,C.current=A.current,N.current=t,!$()&&u.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&u.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?Y?(n=100*(P.current+u)/O.current,r=100*(A.current-u)/O.current):(n=100*(P.current-u)/O.current,r=100*(A.current+u)/O.current):(n=P.current+(t=Y?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/O.current-100*D.current/O.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/O.current-100*D.current/O.current),r=A.current-t),de(N.current,n,r)},se=function(e){var t=[R.current,C.current];m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),L&&le(t),_(t),!$()&&u.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&u.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),E.current=!1,O.current=null,D.current=null,x.current=null,j.current=null,P.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":Y&&ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":Y&&ge(e,t,m.step),e.preventDefault();break;case"ArrowDown":Y||ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":Y||ge(e,t,m.step),e.preventDefault();break;case"Home":de(t,100-r,r),e.preventDefault();break;case"End":de(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":H.current>=100-(r||5)?de(t,r,100-r):de(t,100-r,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,x.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},me=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},ge=function(e,t,r){k.current||(k.current=setInterval((function(){me(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:m,getElement:function(){return h.current}}})),n.useMountEffect((function(){h.current&&(g.current=u.UniqueComponentId())})),l.useEffect((function(){var e;(e=h.current.children,c(e)||s(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=W(U,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),l.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(g.current,"_").concat(t),n=u.classNames(ne(e,"className"),J("panel.root")),i=a({ref:function(e){return b.current[t]=e},className:J("gutter"),style:Y?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1},X("gutter")),o=a({tabIndex:ne(e,"tabIndex")||0,className:J("gutterHandler"),role:"separator","aria-orientation":Y?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},X("gutterHandler")),c=t!==m.children.length-1&&l.createElement("div",i,l.createElement("div",o)),s="calc("+W(U,t)+"% - "+(q-1)*m.gutterSize+"px)",p=a({key:t,id:r,className:n,style:z(z({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:T}}));return l.createElement(l.Fragment,null,l.createElement("div",p,ne(e,"children")),c)},Oe=a({id:m.id,style:m.style,className:u.classNames(m.className,J("root")),"data-p-splitter-resizing":!1},S.getOtherProps(m),X("root")),ze=l.Children.map(m.children,we);return l.createElement("div",o({ref:h},Oe),ze)})));E.displayName="SplitterPanel",D.displayName="Splitter",exports.Splitter=D,exports.SplitterPanel=E;
|
package/splitter/splitter.esm.js
CHANGED
|
@@ -272,8 +272,12 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
272
272
|
return SplitterPanelBase.getCProp(panel, name);
|
|
273
273
|
};
|
|
274
274
|
var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
|
|
275
|
-
if (newPrevPanelSize > 100 || newPrevPanelSize < 0)
|
|
276
|
-
|
|
275
|
+
if (newPrevPanelSize > 100 || newPrevPanelSize < 0) {
|
|
276
|
+
return false;
|
|
277
|
+
}
|
|
278
|
+
if (newNextPanelSize > 100 || newNextPanelSize < 0) {
|
|
279
|
+
return false;
|
|
280
|
+
}
|
|
277
281
|
if (props.children[prevPanelIndex.current].props && props.children[prevPanelIndex.current].props.minSize && props.children[prevPanelIndex.current].props.minSize > newPrevPanelSize) {
|
|
278
282
|
return false;
|
|
279
283
|
}
|
|
@@ -311,7 +315,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
311
315
|
};
|
|
312
316
|
var restoreState = React.useCallback(function () {
|
|
313
317
|
var stateString = getStorage().getItem(props.stateKey);
|
|
314
|
-
if (stateString)
|
|
318
|
+
if (stateString) {
|
|
319
|
+
setPanelSizes(JSON.parse(stateString));
|
|
320
|
+
}
|
|
315
321
|
}, [getStorage, props.stateKey]);
|
|
316
322
|
var onResizeStart = function onResizeStart(event, index, isKeyDown) {
|
|
317
323
|
var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
|
|
@@ -340,7 +346,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
340
346
|
var onResize = function onResize(event) {
|
|
341
347
|
var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
342
348
|
var isKeyDown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
343
|
-
var newPos
|
|
349
|
+
var newPos;
|
|
350
|
+
var newNextPanelSize;
|
|
351
|
+
var newPrevPanelSize;
|
|
344
352
|
var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
|
|
345
353
|
var pageY = event.type === 'touchmove' ? event.touches[0].pageY : event.pageY;
|
|
346
354
|
if (isKeyDown) {
|
|
@@ -352,7 +360,11 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
352
360
|
newNextPanelSize = 100 * (nextPanelSize.current + step) / size.current;
|
|
353
361
|
}
|
|
354
362
|
} else {
|
|
355
|
-
if (horizontal)
|
|
363
|
+
if (horizontal) {
|
|
364
|
+
newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;
|
|
365
|
+
} else {
|
|
366
|
+
newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
|
|
367
|
+
}
|
|
356
368
|
newPrevPanelSize = prevPanelSize.current + newPos;
|
|
357
369
|
newNextPanelSize = nextPanelSize.current - newPos;
|
|
358
370
|
}
|
|
@@ -366,7 +378,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
366
378
|
sizes: sizes
|
|
367
379
|
});
|
|
368
380
|
}
|
|
369
|
-
if (isStateful)
|
|
381
|
+
if (isStateful) {
|
|
382
|
+
saveState(sizes);
|
|
383
|
+
}
|
|
370
384
|
setPanelSizes(sizes);
|
|
371
385
|
!isUnstyled() && DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
|
|
372
386
|
gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
|
|
@@ -427,6 +441,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
427
441
|
event.preventDefault();
|
|
428
442
|
break;
|
|
429
443
|
}
|
|
444
|
+
case 'NumpadEnter':
|
|
430
445
|
case 'Enter':
|
|
431
446
|
{
|
|
432
447
|
if (prevSize.current >= 100 - (minSize || 5)) {
|
|
@@ -518,7 +533,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
518
533
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
519
534
|
}, []);
|
|
520
535
|
React.useEffect(function () {
|
|
521
|
-
if (isStateful)
|
|
536
|
+
if (isStateful) {
|
|
537
|
+
restoreState();
|
|
538
|
+
}
|
|
522
539
|
}, [restoreState, isStateful]);
|
|
523
540
|
var createPanel = function createPanel(panel, index) {
|
|
524
541
|
var panelId = getPanelProp(panel, 'id') || "".concat(idState.current, "_").concat(index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as u,useEventListener as i,useMountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as c,DomHandler as a,UniqueComponentId as s}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function w(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw u}}return o}}function z(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return w(e)||S(e,t)||m(e,t)||z()}var x=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return c("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),E=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,E.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,E.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,E.defaultProps)}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=b(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var A=function(){},R=e.memo(e.forwardRef((function(r,f){var y=u(),v=e.useContext(t),b=x.getProps(r,v),w=e.useRef(""),S=e.useRef(null),z=e.useRef(),P=e.useRef({}),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),D=e.useRef(null),N=e.useRef(null),k=e.useRef(null),I=e.useRef(null),H=e.useRef(null),T=e.useRef(null),K=e.useRef(null),W=e.useRef(null),Y=e.useRef(null),F=O(e.useState([]),2),L=F[0],_=F[1],M=O(e.useState(!1),2),U=M[0],X=M[1],B=null!=b.stateKey,J=b.children&&b.children.length||1,$=function(e,t){return t in e?e[t]:b.children&&[].concat(b.children)[t].props.size||100/J},q="horizontal"===b.layout,G={props:b,state:{panelSizes:L,nested:!0===a.getAttribute(S.current&&S.current.parentElement,"data-p-splitter-panel-nested")}},Q=x.setMetaData(j({},G)),V=Q.ptm,Z=Q.cx,ee=Q.isUnstyled;n(x.css.styles,ee,{name:"splitter"});var te=O(i({type:"mousemove",listener:function(e){return ge(e)}}),2),re=te[0],ne=te[1],ue=O(i({type:"mouseup",listener:function(e){me(e),oe()}}),2),ie=ue[0],le=ue[1],oe=function(){ne(),le()},ce=function(e,t){return E.getCProp(e,t)},ae=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(b.children[W.current].props&&b.children[W.current].props.minSize&&b.children[W.current].props.minSize>e)&&!(b.children[W.current+1].props&&b.children[W.current+1].props.minSize&&b.children[W.current+1].props.minSize>t)))},se=e.useCallback((function(){switch(b.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(b.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[b.stateStorage]),pe=function(e){o.isArray(e)&&se().setItem(b.stateKey,JSON.stringify(e))},fe=e.useCallback((function(){var e=se().getItem(b.stateKey);e&&_(JSON.parse(e))}),[se,b.stateKey]),de=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;z.current=P.current[t],A.current=q?a.getWidth(S.current):a.getHeight(S.current),R.current=!0,C.current=q?n:u,D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,r?(k.current=q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0),T.current=q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0)):(k.current=100*(q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0))/A.current,T.current=100*(q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0))/A.current),H.current=k.current,K.current=T.current,W.current=t,!ee()&&a.addClass(z.current,"p-splitter-gutter-resizing"),z.current.setAttribute("data-p-splitter-gutter-resizing",!0),!ee()&&a.addClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!0)},ge=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?q?(n=100*(k.current+u)/A.current,r=100*(T.current-u)/A.current):(n=100*(k.current-u)/A.current,r=100*(T.current+u)/A.current):(n=k.current+(t=q?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/A.current-100*C.current/A.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/A.current-100*C.current/A.current),r=T.current-t),ve(W.current,n,r)},me=function(e){var t=[H.current,K.current];b.onResizeEnd&&b.onResizeEnd({originalEvent:e,sizes:t}),B&&pe(t),_(t),!ee()&&a.removeClass(z.current,"p-splitter-gutter-resizing"),P.current&&Object.keys(P.current).forEach((function(e){return P.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!ee()&&a.removeClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!1),R.current=!1,A.current=null,C.current=null,D.current=null,N.current=null,k.current=null,H.current=null,T.current=null,K.current=null,W.current=null},he=function(){Se(),me()},ye=function(e,t){var r=b.children[t].props&&b.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":q&&we(e,t,-1*b.step),e.preventDefault();break;case"ArrowRight":q&&we(e,t,b.step),e.preventDefault();break;case"ArrowDown":q||we(e,t,-1*b.step),e.preventDefault();break;case"ArrowUp":q||we(e,t,b.step),e.preventDefault();break;case"Home":ve(t,100-r,r),e.preventDefault();break;case"End":ve(t,r,100-r),e.preventDefault();break;case"Enter":I.current>=100-(r||5)?ve(t,r,100-r):ve(t,100-r,r),e.preventDefault()}},ve=function(e,t,r){W.current=e,z.current=P.current[e],A.current=q?a.getWidth(S.current):a.getHeight(S.current),D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,ae(t,r)&&(H.current=t,K.current=r,D.current.style.flexBasis="calc("+t+"% - "+(b.children.length-1)*b.gutterSize+"px)",N.current.style.flexBasis="calc("+r+"% - "+(b.children.length-1)*b.gutterSize+"px)",I.current=parseFloat(t).toFixed(4))},be=function(e,t,r){de(e,t,!0),ge(e,r,!0)},we=function(e,t,r){Y.current||(Y.current=setInterval((function(){be(e,t,r)}),40))},Se=function(){Y.current&&(clearInterval(Y.current),Y.current=null)},ze=function(e,t){de(e,t,!1),re(),ie()},Oe=function(e,t){de(e,t,!1),window.addEventListener("touchmove",xe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Ee)},xe=function(e){ge(e)},Ee=function e(t){me(t),window.removeEventListener("touchmove",xe),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:b,getElement:function(){return S.current}}})),l((function(){S.current&&(w.current=s())})),e.useEffect((function(){var e;(e=S.current.children,d(e)||g(e)||m(e)||h()).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})).map((function(e,t){I.current=$(L,0),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!ee()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),X(!0))}))}),[]),e.useEffect((function(){B&&fe()}),[fe,B]);var Pe=function(t,r){var n=ce(t,"id")||"".concat(w.current,"_").concat(r),u=c(ce(t,"className"),Z("panel.root")),i=y({ref:function(e){return P.current[r]=e},className:Z("gutter"),style:q?{width:b.gutterSize+"px"}:{height:b.gutterSize+"px"},onMouseDown:function(e){return ze(e,r)},onKeyDown:function(e){return ye(e,r)},onKeyUp:he,onTouchStart:function(e){return Oe(e,r)},onTouchMove:function(e){return xe(e)},onTouchEnd:function(e){return Ee(e)},"data-p-splitter-gutter-resizing":!1},V("gutter")),l=y({tabIndex:ce(t,"tabIndex")||0,className:Z("gutterHandler"),role:"separator","aria-orientation":q?"vertical":"horizontal","aria-controls":n,"aria-label":ce(t,"aria-label"),"aria-labelledby":ce(t,"aria-labelledby"),"aria-valuenow":I.current,"aria-valuetext":parseFloat(I.current).toFixed(0)+"%","aria-valuemin":ce(t,"minSize")||"0","aria-valuemax":"100"},V("gutterHandler")),o=r!==b.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+$(L,r)+"% - "+(J-1)*b.gutterSize+"px)",s=y({key:r,id:n,className:u,style:j(j({},ce(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},V("splitterpanel.root",{context:{nested:U}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ce(t,"children")),o)},je=y({id:b.id,style:b.style,className:c(b.className,Z("root")),"data-p-splitter-resizing":!1},x.getOtherProps(b),V("root")),Ae=e.Children.map(b.children,Pe);return e.createElement("div",p({ref:S},je),Ae)})));A.displayName="SplitterPanel",R.displayName="Splitter";export{R as Splitter,A as SplitterPanel};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as u,useEventListener as i,useMountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as c,DomHandler as a,UniqueComponentId as s}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function w(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw u}}return o}}function z(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return w(e)||S(e,t)||m(e,t)||z()}var E=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return c("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),x=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,x.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,x.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,x.defaultProps)}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=b(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var A=function(){},R=e.memo(e.forwardRef((function(r,f){var y=u(),v=e.useContext(t),b=E.getProps(r,v),w=e.useRef(""),S=e.useRef(null),z=e.useRef(),P=e.useRef({}),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),D=e.useRef(null),N=e.useRef(null),k=e.useRef(null),I=e.useRef(null),H=e.useRef(null),T=e.useRef(null),K=e.useRef(null),W=e.useRef(null),Y=e.useRef(null),F=O(e.useState([]),2),L=F[0],_=F[1],M=O(e.useState(!1),2),U=M[0],X=M[1],B=null!=b.stateKey,J=b.children&&b.children.length||1,$=function(e,t){return t in e?e[t]:b.children&&[].concat(b.children)[t].props.size||100/J},q="horizontal"===b.layout,G={props:b,state:{panelSizes:L,nested:!0===a.getAttribute(S.current&&S.current.parentElement,"data-p-splitter-panel-nested")}},Q=E.setMetaData(j({},G)),V=Q.ptm,Z=Q.cx,ee=Q.isUnstyled;n(E.css.styles,ee,{name:"splitter"});var te=O(i({type:"mousemove",listener:function(e){return ge(e)}}),2),re=te[0],ne=te[1],ue=O(i({type:"mouseup",listener:function(e){me(e),oe()}}),2),ie=ue[0],le=ue[1],oe=function(){ne(),le()},ce=function(e,t){return x.getCProp(e,t)},ae=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(b.children[W.current].props&&b.children[W.current].props.minSize&&b.children[W.current].props.minSize>e)&&!(b.children[W.current+1].props&&b.children[W.current+1].props.minSize&&b.children[W.current+1].props.minSize>t)))},se=e.useCallback((function(){switch(b.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(b.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[b.stateStorage]),pe=function(e){o.isArray(e)&&se().setItem(b.stateKey,JSON.stringify(e))},fe=e.useCallback((function(){var e=se().getItem(b.stateKey);e&&_(JSON.parse(e))}),[se,b.stateKey]),de=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;z.current=P.current[t],A.current=q?a.getWidth(S.current):a.getHeight(S.current),R.current=!0,C.current=q?n:u,D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,r?(k.current=q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0),T.current=q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0)):(k.current=100*(q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0))/A.current,T.current=100*(q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0))/A.current),H.current=k.current,K.current=T.current,W.current=t,!ee()&&a.addClass(z.current,"p-splitter-gutter-resizing"),z.current.setAttribute("data-p-splitter-gutter-resizing",!0),!ee()&&a.addClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!0)},ge=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?q?(n=100*(k.current+u)/A.current,r=100*(T.current-u)/A.current):(n=100*(k.current-u)/A.current,r=100*(T.current+u)/A.current):(n=k.current+(t=q?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/A.current-100*C.current/A.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/A.current-100*C.current/A.current),r=T.current-t),ve(W.current,n,r)},me=function(e){var t=[H.current,K.current];b.onResizeEnd&&b.onResizeEnd({originalEvent:e,sizes:t}),B&&pe(t),_(t),!ee()&&a.removeClass(z.current,"p-splitter-gutter-resizing"),P.current&&Object.keys(P.current).forEach((function(e){return P.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!ee()&&a.removeClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!1),R.current=!1,A.current=null,C.current=null,D.current=null,N.current=null,k.current=null,H.current=null,T.current=null,K.current=null,W.current=null},he=function(){Se(),me()},ye=function(e,t){var r=b.children[t].props&&b.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":q&&we(e,t,-1*b.step),e.preventDefault();break;case"ArrowRight":q&&we(e,t,b.step),e.preventDefault();break;case"ArrowDown":q||we(e,t,-1*b.step),e.preventDefault();break;case"ArrowUp":q||we(e,t,b.step),e.preventDefault();break;case"Home":ve(t,100-r,r),e.preventDefault();break;case"End":ve(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":I.current>=100-(r||5)?ve(t,r,100-r):ve(t,100-r,r),e.preventDefault()}},ve=function(e,t,r){W.current=e,z.current=P.current[e],A.current=q?a.getWidth(S.current):a.getHeight(S.current),D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,ae(t,r)&&(H.current=t,K.current=r,D.current.style.flexBasis="calc("+t+"% - "+(b.children.length-1)*b.gutterSize+"px)",N.current.style.flexBasis="calc("+r+"% - "+(b.children.length-1)*b.gutterSize+"px)",I.current=parseFloat(t).toFixed(4))},be=function(e,t,r){de(e,t,!0),ge(e,r,!0)},we=function(e,t,r){Y.current||(Y.current=setInterval((function(){be(e,t,r)}),40))},Se=function(){Y.current&&(clearInterval(Y.current),Y.current=null)},ze=function(e,t){de(e,t,!1),re(),ie()},Oe=function(e,t){de(e,t,!1),window.addEventListener("touchmove",Ee,{passive:!1,cancelable:!1}),window.addEventListener("touchend",xe)},Ee=function(e){ge(e)},xe=function e(t){me(t),window.removeEventListener("touchmove",Ee),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:b,getElement:function(){return S.current}}})),l((function(){S.current&&(w.current=s())})),e.useEffect((function(){var e;(e=S.current.children,d(e)||g(e)||m(e)||h()).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})).map((function(e,t){I.current=$(L,0),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!ee()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),X(!0))}))}),[]),e.useEffect((function(){B&&fe()}),[fe,B]);var Pe=function(t,r){var n=ce(t,"id")||"".concat(w.current,"_").concat(r),u=c(ce(t,"className"),Z("panel.root")),i=y({ref:function(e){return P.current[r]=e},className:Z("gutter"),style:q?{width:b.gutterSize+"px"}:{height:b.gutterSize+"px"},onMouseDown:function(e){return ze(e,r)},onKeyDown:function(e){return ye(e,r)},onKeyUp:he,onTouchStart:function(e){return Oe(e,r)},onTouchMove:function(e){return Ee(e)},onTouchEnd:function(e){return xe(e)},"data-p-splitter-gutter-resizing":!1},V("gutter")),l=y({tabIndex:ce(t,"tabIndex")||0,className:Z("gutterHandler"),role:"separator","aria-orientation":q?"vertical":"horizontal","aria-controls":n,"aria-label":ce(t,"aria-label"),"aria-labelledby":ce(t,"aria-labelledby"),"aria-valuenow":I.current,"aria-valuetext":parseFloat(I.current).toFixed(0)+"%","aria-valuemin":ce(t,"minSize")||"0","aria-valuemax":"100"},V("gutterHandler")),o=r!==b.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+$(L,r)+"% - "+(J-1)*b.gutterSize+"px)",s=y({key:r,id:n,className:u,style:j(j({},ce(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},V("splitterpanel.root",{context:{nested:U}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ce(t,"children")),o)},je=y({id:b.id,style:b.style,className:c(b.className,Z("root")),"data-p-splitter-resizing":!1},E.getOtherProps(b),V("root")),Ae=e.Children.map(b.children,Pe);return e.createElement("div",p({ref:S},je),Ae)})));A.displayName="SplitterPanel",R.displayName="Splitter";export{R as Splitter,A as SplitterPanel};
|
package/splitter/splitter.js
CHANGED
|
@@ -289,8 +289,12 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
289
289
|
return SplitterPanelBase.getCProp(panel, name);
|
|
290
290
|
};
|
|
291
291
|
var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
|
|
292
|
-
if (newPrevPanelSize > 100 || newPrevPanelSize < 0)
|
|
293
|
-
|
|
292
|
+
if (newPrevPanelSize > 100 || newPrevPanelSize < 0) {
|
|
293
|
+
return false;
|
|
294
|
+
}
|
|
295
|
+
if (newNextPanelSize > 100 || newNextPanelSize < 0) {
|
|
296
|
+
return false;
|
|
297
|
+
}
|
|
294
298
|
if (props.children[prevPanelIndex.current].props && props.children[prevPanelIndex.current].props.minSize && props.children[prevPanelIndex.current].props.minSize > newPrevPanelSize) {
|
|
295
299
|
return false;
|
|
296
300
|
}
|
|
@@ -328,7 +332,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
328
332
|
};
|
|
329
333
|
var restoreState = React__namespace.useCallback(function () {
|
|
330
334
|
var stateString = getStorage().getItem(props.stateKey);
|
|
331
|
-
if (stateString)
|
|
335
|
+
if (stateString) {
|
|
336
|
+
setPanelSizes(JSON.parse(stateString));
|
|
337
|
+
}
|
|
332
338
|
}, [getStorage, props.stateKey]);
|
|
333
339
|
var onResizeStart = function onResizeStart(event, index, isKeyDown) {
|
|
334
340
|
var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
|
|
@@ -357,7 +363,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
357
363
|
var onResize = function onResize(event) {
|
|
358
364
|
var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
359
365
|
var isKeyDown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
360
|
-
var newPos
|
|
366
|
+
var newPos;
|
|
367
|
+
var newNextPanelSize;
|
|
368
|
+
var newPrevPanelSize;
|
|
361
369
|
var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
|
|
362
370
|
var pageY = event.type === 'touchmove' ? event.touches[0].pageY : event.pageY;
|
|
363
371
|
if (isKeyDown) {
|
|
@@ -369,7 +377,11 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
369
377
|
newNextPanelSize = 100 * (nextPanelSize.current + step) / size.current;
|
|
370
378
|
}
|
|
371
379
|
} else {
|
|
372
|
-
if (horizontal)
|
|
380
|
+
if (horizontal) {
|
|
381
|
+
newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;
|
|
382
|
+
} else {
|
|
383
|
+
newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
|
|
384
|
+
}
|
|
373
385
|
newPrevPanelSize = prevPanelSize.current + newPos;
|
|
374
386
|
newNextPanelSize = nextPanelSize.current - newPos;
|
|
375
387
|
}
|
|
@@ -383,7 +395,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
383
395
|
sizes: sizes
|
|
384
396
|
});
|
|
385
397
|
}
|
|
386
|
-
if (isStateful)
|
|
398
|
+
if (isStateful) {
|
|
399
|
+
saveState(sizes);
|
|
400
|
+
}
|
|
387
401
|
setPanelSizes(sizes);
|
|
388
402
|
!isUnstyled() && utils.DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
|
|
389
403
|
gutterRefs.current && Object.keys(gutterRefs.current).forEach(function (key) {
|
|
@@ -444,6 +458,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
444
458
|
event.preventDefault();
|
|
445
459
|
break;
|
|
446
460
|
}
|
|
461
|
+
case 'NumpadEnter':
|
|
447
462
|
case 'Enter':
|
|
448
463
|
{
|
|
449
464
|
if (prevSize.current >= 100 - (minSize || 5)) {
|
|
@@ -535,7 +550,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
535
550
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
536
551
|
}, []);
|
|
537
552
|
React__namespace.useEffect(function () {
|
|
538
|
-
if (isStateful)
|
|
553
|
+
if (isStateful) {
|
|
554
|
+
restoreState();
|
|
555
|
+
}
|
|
539
556
|
}, [restoreState, isStateful]);
|
|
540
557
|
var createPanel = function createPanel(panel, index) {
|
|
541
558
|
var panelId = getPanelProp(panel, 'id') || "".concat(idState.current, "_").concat(index);
|
package/splitter/splitter.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,u,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function 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 g(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function y(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function v(){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 S(e,t){return y(e)||b(e,t)||f(e,t)||v()}var w=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),O=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=h(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=function(){},j=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),m=w.getProps(e,c),g=o.useRef(""),h=o.useRef(null),y=o.useRef(),b=o.useRef({}),v=o.useRef(null),z=o.useRef(null),E=o.useRef(null),j=o.useRef(null),P=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=o.useRef(null),N=o.useRef(null),k=o.useRef(null),I=S(o.useState([]),2),U=I[0],_=I[1],M=S(o.useState(!1),2),T=M[0],K=M[1],L=null!=m.stateKey,W=m.children&&m.children.length||1,Y=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/W},B="horizontal"===m.layout,F={props:m,state:{panelSizes:U,nested:!0===i.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},X=w.setMetaData(D({},F)),J=X.ptm,q=X.cx,$=X.isUnstyled;n.useHandleStyle(w.css.styles,$,{name:"splitter"});var G=S(u.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=S(u.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return O.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[N.current].props&&m.children[N.current].props.minSize&&m.children[N.current].props.minSize>e)&&!(m.children[N.current+1].props&&m.children[N.current+1].props.minSize&&m.children[N.current+1].props.minSize>t)))},ie=o.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),le=function(e){i.ObjectUtils.isArray(e)&&ie().setItem(m.stateKey,JSON.stringify(e))},oe=o.useCallback((function(){var e=ie().getItem(m.stateKey);e&&_(JSON.parse(e))}),[ie,m.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),z.current=!0,E.current=B?n:u,j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,r?(x.current=B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0),A.current=B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0)):(x.current=100*(B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0))/v.current,A.current=100*(B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0))/v.current),R.current=x.current,C.current=A.current,N.current=t,!$()&&i.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&i.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?B?(n=100*(x.current+u)/v.current,r=100*(A.current-u)/v.current):(n=100*(x.current-u)/v.current,r=100*(A.current+u)/v.current):(n=x.current+(t=B?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/v.current-100*E.current/v.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/v.current-100*E.current/v.current),r=A.current-t),de(N.current,n,r)},se=function(e){var t=[R.current,C.current];m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),L&&le(t),_(t),!$()&&i.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&i.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),z.current=!1,v.current=null,E.current=null,j.current=null,P.current=null,x.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":B&&ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":B&&ge(e,t,m.step),e.preventDefault();break;case"ArrowDown":B||ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":B||ge(e,t,m.step),e.preventDefault();break;case"Home":de(t,100-r,r),e.preventDefault();break;case"End":de(t,r,100-r),e.preventDefault();break;case"Enter":H.current>=100-(r||5)?de(t,r,100-r):de(t,100-r,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,j.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",P.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},me=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},ge=function(e,t,r){k.current||(k.current=setInterval((function(){me(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:m,getElement:function(){return h.current}}})),u.useMountEffect((function(){h.current&&(g.current=i.UniqueComponentId())})),o.useEffect((function(){var e;(e=h.current.children,s(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=Y(U,0),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),o.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(g.current,"_").concat(t),n=i.classNames(ne(e,"className"),q("panel.root")),u=l({ref:function(e){return b.current[t]=e},className:q("gutter"),style:B?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),a=l({tabIndex:ne(e,"tabIndex")||0,className:q("gutterHandler"),role:"separator","aria-orientation":B?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},J("gutterHandler")),c=t!==m.children.length-1&&o.createElement("div",u,o.createElement("div",a)),s="calc("+Y(U,t)+"% - "+(W-1)*m.gutterSize+"px)",p=l({key:t,id:r,className:n,style:D(D({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",p,ne(e,"children")),c)},Oe=l({id:m.id,style:m.style,className:i.classNames(m.className,q("root")),"data-p-splitter-resizing":!1},w.getOtherProps(m),J("root")),ze=o.Children.map(m.children,we);return o.createElement("div",a({ref:h},Oe),ze)})));return E.displayName="SplitterPanel",j.displayName="Splitter",e.Splitter=j,e.SplitterPanel=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,u,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function 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 g(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function y(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function v(){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 S(e,t){return y(e)||b(e,t)||f(e,t)||v()}var w=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),O=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=h(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=function(){},j=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),m=w.getProps(e,c),g=o.useRef(""),h=o.useRef(null),y=o.useRef(),b=o.useRef({}),v=o.useRef(null),z=o.useRef(null),D=o.useRef(null),j=o.useRef(null),P=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=o.useRef(null),N=o.useRef(null),k=o.useRef(null),I=S(o.useState([]),2),U=I[0],_=I[1],M=S(o.useState(!1),2),T=M[0],K=M[1],L=null!=m.stateKey,W=m.children&&m.children.length||1,Y=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/W},B="horizontal"===m.layout,F={props:m,state:{panelSizes:U,nested:!0===i.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},X=w.setMetaData(E({},F)),J=X.ptm,q=X.cx,$=X.isUnstyled;n.useHandleStyle(w.css.styles,$,{name:"splitter"});var G=S(u.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=S(u.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return O.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[N.current].props&&m.children[N.current].props.minSize&&m.children[N.current].props.minSize>e)&&!(m.children[N.current+1].props&&m.children[N.current+1].props.minSize&&m.children[N.current+1].props.minSize>t)))},ie=o.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),le=function(e){i.ObjectUtils.isArray(e)&&ie().setItem(m.stateKey,JSON.stringify(e))},oe=o.useCallback((function(){var e=ie().getItem(m.stateKey);e&&_(JSON.parse(e))}),[ie,m.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),z.current=!0,D.current=B?n:u,j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,r?(x.current=B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0),A.current=B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0)):(x.current=100*(B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0))/v.current,A.current=100*(B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0))/v.current),R.current=x.current,C.current=A.current,N.current=t,!$()&&i.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&i.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?B?(n=100*(x.current+u)/v.current,r=100*(A.current-u)/v.current):(n=100*(x.current-u)/v.current,r=100*(A.current+u)/v.current):(n=x.current+(t=B?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/v.current-100*D.current/v.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/v.current-100*D.current/v.current),r=A.current-t),de(N.current,n,r)},se=function(e){var t=[R.current,C.current];m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),L&&le(t),_(t),!$()&&i.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&i.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),z.current=!1,v.current=null,D.current=null,j.current=null,P.current=null,x.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":B&&ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":B&&ge(e,t,m.step),e.preventDefault();break;case"ArrowDown":B||ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":B||ge(e,t,m.step),e.preventDefault();break;case"Home":de(t,100-r,r),e.preventDefault();break;case"End":de(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":H.current>=100-(r||5)?de(t,r,100-r):de(t,100-r,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,j.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",P.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},me=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},ge=function(e,t,r){k.current||(k.current=setInterval((function(){me(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:m,getElement:function(){return h.current}}})),u.useMountEffect((function(){h.current&&(g.current=i.UniqueComponentId())})),o.useEffect((function(){var e;(e=h.current.children,s(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=Y(U,0),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),o.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(g.current,"_").concat(t),n=i.classNames(ne(e,"className"),q("panel.root")),u=l({ref:function(e){return b.current[t]=e},className:q("gutter"),style:B?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),a=l({tabIndex:ne(e,"tabIndex")||0,className:q("gutterHandler"),role:"separator","aria-orientation":B?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},J("gutterHandler")),c=t!==m.children.length-1&&o.createElement("div",u,o.createElement("div",a)),s="calc("+Y(U,t)+"% - "+(W-1)*m.gutterSize+"px)",p=l({key:t,id:r,className:n,style:E(E({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",p,ne(e,"children")),c)},Oe=l({id:m.id,style:m.style,className:i.classNames(m.className,q("root")),"data-p-splitter-resizing":!1},w.getOtherProps(m),J("root")),ze=o.Children.map(m.children,we);return o.createElement("div",a({ref:h},Oe),ze)})));return D.displayName="SplitterPanel",j.displayName="Splitter",e.Splitter=j,e.SplitterPanel=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|