primereact 10.6.2 → 10.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +14 -16
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +4 -0
- package/accordion/accordion.esm.js +14 -16
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +14 -16
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +109 -38
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -0
- package/api/api.esm.js +109 -38
- package/api/api.esm.min.js +1 -1
- package/api/api.js +109 -38
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +22 -14
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +5 -0
- package/autocomplete/autocomplete.esm.js +22 -14
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +22 -14
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +3 -6
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -6
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +3 -6
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +3 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +3 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +3 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +6 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.d.ts +1 -1
- package/buttongroup/buttongroup.esm.js +7 -2
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +6 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +52 -25
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +5 -0
- package/calendar/calendar.esm.js +52 -25
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +52 -25
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +2 -5
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +3 -6
- package/card/card.esm.min.js +1 -1
- package/card/card.js +2 -5
- package/card/card.min.js +1 -1
- package/carousel/carousel.cjs.js +6 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +7 -3
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +6 -2
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +14 -16
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +14 -16
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +14 -16
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +4 -7
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +4 -7
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +4 -7
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +6 -3
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +11 -1
- package/checkbox/checkbox.esm.js +6 -3
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +6 -3
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +17 -15
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +5 -0
- package/chips/chips.esm.js +17 -15
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +17 -15
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -2
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -2
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +2 -2
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +2 -2
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +2 -2
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +453 -234
- package/core/core.min.js +11 -11
- package/datatable/datatable.cjs.js +32 -12
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +27 -27
- package/datatable/datatable.esm.js +32 -12
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +32 -12
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +146 -95
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +147 -96
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +147 -96
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +80 -60
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +23 -18
- package/dropdown/dropdown.esm.js +80 -60
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +80 -60
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +2 -2
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +2 -2
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +2 -2
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.cjs.js +7 -4
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/fileupload/fileupload.esm.js +7 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +7 -4
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +6 -1
- package/floatlabel/floatlabel.cjs.min.js +1 -1
- package/floatlabel/floatlabel.d.ts +5 -0
- package/floatlabel/floatlabel.esm.js +7 -2
- package/floatlabel/floatlabel.esm.min.js +1 -1
- package/floatlabel/floatlabel.js +6 -1
- package/floatlabel/floatlabel.min.js +1 -1
- package/galleria/galleria.cjs.js +9 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +10 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +9 -3
- package/galleria/galleria.min.js +1 -1
- package/iconfield/iconfield.cjs.js +4 -4
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.js +4 -4
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.js +4 -4
- package/iconfield/iconfield.min.js +1 -1
- package/iconfield/package.json +7 -0
- package/image/image.cjs.js +2 -2
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +2 -2
- package/image/image.esm.min.js +1 -1
- package/image/image.js +2 -2
- package/image/image.min.js +1 -1
- package/inputicon/package.json +7 -0
- package/inputmask/inputmask.cjs.js +21 -1
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +11 -1
- package/inputmask/inputmask.esm.js +22 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +21 -1
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +79 -24
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -0
- package/inputnumber/inputnumber.esm.js +79 -24
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +79 -24
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +348 -0
- package/inputotp/inputotp.cjs.min.js +1 -0
- package/inputotp/inputotp.d.ts +177 -0
- package/inputotp/inputotp.esm.js +340 -0
- package/inputotp/inputotp.esm.min.js +1 -0
- package/inputotp/inputotp.js +346 -0
- package/inputotp/inputotp.min.js +1 -0
- package/inputotp/package.json +7 -0
- package/inputtext/inputtext.cjs.js +9 -5
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +9 -5
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +9 -5
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +8 -4
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +8 -4
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +8 -4
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/keyfilter/keyfilter.cjs.js +3 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +3 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +3 -1
- package/keyfilter/keyfilter.min.js +1 -1
- package/knob/knob.cjs.js +2 -2
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +2 -2
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +2 -2
- package/knob/knob.min.js +1 -1
- package/listbox/listbox.cjs.js +2 -6
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +2 -6
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +2 -6
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +10 -6
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +10 -6
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +10 -6
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +13 -9
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +13 -9
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +13 -9
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +23 -5
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +19 -0
- package/menu/menu.esm.js +23 -5
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +23 -5
- package/menu/menu.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +33 -12
- package/metergroup/metergroup.cjs.min.js +1 -1
- package/metergroup/metergroup.esm.js +6 -5
- package/metergroup/metergroup.esm.min.js +1 -1
- package/metergroup/metergroup.js +32 -11
- package/metergroup/metergroup.min.js +1 -1
- package/metergroup/package.json +7 -0
- package/multiselect/multiselect.cjs.js +45 -11
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +22 -17
- package/multiselect/multiselect.esm.js +45 -11
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +45 -11
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +6 -3
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +6 -3
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +6 -3
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +8 -5
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +5 -0
- package/overlaypanel/overlaypanel.esm.js +8 -5
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +8 -5
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +6 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +6 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +6 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +13 -17
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +13 -17
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +13 -17
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +148 -174
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +148 -174
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +148 -174
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +109 -18
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +10 -5
- package/password/password.esm.js +109 -18
- package/password/password.esm.min.js +1 -1
- package/password/password.js +110 -19
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +6 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1471 -1140
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1471 -1140
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1471 -1140
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +8 -3
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +5 -0
- package/radiobutton/radiobutton.esm.js +8 -3
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +8 -3
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -2
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -2
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -2
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +51 -43
- package/resources/themes/arya-green/theme.css +51 -43
- package/resources/themes/arya-orange/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-purple/theme.css +9 -0
- package/resources/themes/bootstrap4-light-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-light-purple/theme.css +9 -0
- package/resources/themes/fluent-light/theme.css +51 -43
- package/resources/themes/lara-dark-amber/theme.css +51 -43
- package/resources/themes/lara-dark-blue/theme.css +51 -43
- package/resources/themes/lara-dark-cyan/theme.css +51 -43
- package/resources/themes/lara-dark-green/theme.css +51 -43
- package/resources/themes/lara-dark-indigo/theme.css +51 -43
- package/resources/themes/lara-dark-pink/theme.css +51 -43
- package/resources/themes/lara-dark-purple/theme.css +1124 -227
- package/resources/themes/lara-dark-teal/theme.css +51 -43
- package/resources/themes/lara-light-amber/theme.css +51 -43
- package/resources/themes/lara-light-blue/theme.css +51 -43
- package/resources/themes/lara-light-cyan/theme.css +51 -43
- package/resources/themes/lara-light-green/theme.css +51 -43
- package/resources/themes/lara-light-indigo/theme.css +51 -43
- package/resources/themes/lara-light-pink/theme.css +51 -43
- package/resources/themes/lara-light-purple/theme.css +1122 -229
- package/resources/themes/lara-light-teal/theme.css +51 -43
- package/resources/themes/luna-amber/theme.css +51 -43
- package/resources/themes/luna-blue/theme.css +51 -43
- package/resources/themes/luna-green/theme.css +51 -43
- package/resources/themes/luna-pink/theme.css +51 -43
- package/resources/themes/md-dark-deeppurple/theme.css +9 -0
- package/resources/themes/md-dark-indigo/theme.css +193 -185
- package/resources/themes/md-light-deeppurple/theme.css +9 -0
- package/resources/themes/md-light-indigo/theme.css +51 -43
- package/resources/themes/mdc-dark-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-dark-indigo/theme.css +193 -185
- package/resources/themes/mdc-light-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-light-indigo/theme.css +51 -43
- package/resources/themes/mira/theme.css +51 -43
- package/resources/themes/nano/theme.css +51 -43
- package/resources/themes/nova/theme.css +51 -43
- package/resources/themes/nova-accent/theme.css +51 -43
- package/resources/themes/nova-alt/theme.css +51 -43
- package/resources/themes/rhea/theme.css +51 -43
- package/resources/themes/saga-blue/theme.css +51 -43
- package/resources/themes/saga-green/theme.css +51 -43
- package/resources/themes/saga-orange/theme.css +51 -43
- package/resources/themes/soho-dark/theme.css +76 -68
- package/resources/themes/soho-light/theme.css +51 -43
- package/resources/themes/tailwind-light/theme.css +52 -44
- package/resources/themes/vela-blue/theme.css +51 -43
- package/resources/themes/vela-green/theme.css +51 -43
- package/resources/themes/vela-orange/theme.css +51 -43
- package/resources/themes/viva-dark/theme.css +51 -43
- package/resources/themes/viva-light/theme.css +51 -43
- package/ripple/ripple.d.ts +32 -0
- package/scrollpanel/scrollpanel.cjs.js +2 -5
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +3 -6
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +2 -5
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +2 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -2
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -2
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +5 -5
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +5 -5
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +5 -5
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +2 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +2 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +2 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +3 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +3 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +3 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +2 -2
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +2 -2
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +2 -2
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +6 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +14 -4
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +13 -1
- package/stepper/stepper.esm.js +14 -4
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +14 -4
- package/stepper/stepper.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +4 -2
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.d.ts +2 -2
- package/stepperpanel/stepperpanel.esm.js +4 -2
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +4 -2
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/steps/steps.cjs.js +2 -2
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +2 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +2 -2
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +2 -5
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +2 -5
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +2 -5
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +3 -3
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +4 -0
- package/tabview/tabview.esm.js +3 -3
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +3 -3
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +2 -2
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +2 -2
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +2 -2
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +7 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +7 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +7 -1
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +3 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +3 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +2 -5
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -6
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +2 -5
- package/toolbar/toolbar.min.js +1 -1
- package/tree/tree.cjs.js +12 -5
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +12 -5
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +12 -5
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +19 -5
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +19 -5
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +19 -5
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +14 -3
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +14 -3
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +14 -3
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +8 -4
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +5 -0
- package/tristatecheckbox/tristatecheckbox.esm.js +8 -4
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +8 -4
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +3 -3
- package/web-types.json +362 -15
|
@@ -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 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};
|
|
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 d(e)||g(e)||m(e)||h()}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function b(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=b(e,"string");return"symbol"===v(t)?t:String(t)}function S(e){if(Array.isArray(e))return e}function z(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 O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return S(e)||z(e,t)||m(e,t)||O()}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"}}),P=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,P.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,P.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,P.defaultProps)}});function j(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 A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=w(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)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var R=function(){},C=e.memo(e.forwardRef((function(r,f){var d=u(),g=e.useContext(t),m=x.getProps(r,g),h=e.useRef(""),v=e.useRef(null),b=e.useRef(),w=e.useRef({}),S=e.useRef(null),z=e.useRef(null),O=e.useRef(null),j=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(e.useState([]),2),W=K[0],Y=K[1],F=E(e.useState(!1),2),L=F[0],_=F[1],M=null!=m.stateKey,U=m.children&&m.children.length||1,X=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/U},B="horizontal"===m.layout,J={props:m,state:{panelSizes:W,nested:!0===a.getAttribute(v.current&&v.current.parentElement,"data-p-splitter-panel-nested")}},$=x.setMetaData(A({},J)),q=$.ptm,G=$.cx,Q=$.isUnstyled;n(x.css.styles,Q,{name:"splitter"});var V=E(i({type:"mousemove",listener:function(e){return pe(e)}}),2),Z=V[0],ee=V[1],te=E(i({type:"mouseup",listener:function(e){fe(e),ue()}}),2),re=te[0],ne=te[1],ue=function(){ee(),ne()},ie=function(e,t){return P.getCProp(e,t)},le=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[H.current].props&&m.children[H.current].props.minSize&&m.children[H.current].props.minSize>e)&&!(m.children[H.current+1].props&&m.children[H.current+1].props.minSize&&m.children[H.current+1].props.minSize>t)))},oe=e.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]),ce=function(e){o.isArray(e)&&oe().setItem(m.stateKey,JSON.stringify(e))},ae=e.useCallback((function(){var e=oe().getItem(m.stateKey);e&&Y(JSON.parse(e))}),[oe,m.stateKey]),se=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;b.current=w.current[t],S.current=B?a.getWidth(v.current):a.getHeight(v.current),z.current=!0,O.current=B?n:u,j.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,r?(C.current=B?a.getOuterWidth(j.current,!0):a.getOuterHeight(j.current,!0),k.current=B?a.getOuterWidth(R.current,!0):a.getOuterHeight(R.current,!0)):(C.current=100*(B?a.getOuterWidth(j.current,!0):a.getOuterHeight(j.current,!0))/S.current,k.current=100*(B?a.getOuterWidth(R.current,!0):a.getOuterHeight(R.current,!0))/S.current),N.current=C.current,I.current=k.current,H.current=t,!Q()&&a.addClass(b.current,"p-splitter-gutter-resizing"),b.current.setAttribute("data-p-splitter-gutter-resizing",!0),!Q()&&a.addClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!0)},pe=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*(C.current+u)/S.current,r=100*(k.current-u)/S.current):(n=100*(C.current-u)/S.current,r=100*(k.current+u)/S.current):(n=C.current+(t=B?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*O.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*O.current/S.current),r=k.current-t),me(H.current,n,r)},fe=function(e){var t=y(W);t[H.current]=N.current,t[H.current+1]=I.current,m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),M&&ce(t),Y(t),!Q()&&a.removeClass(b.current,"p-splitter-gutter-resizing"),w.current&&Object.keys(w.current).forEach((function(e){return w.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!Q()&&a.removeClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!1),z.current=!1,S.current=null,O.current=null,j.current=null,R.current=null,C.current=null,N.current=null,k.current=null,I.current=null,H.current=null},de=function(){ve(),fe()},ge=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":B&&ye(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":B&&ye(e,t,m.step),e.preventDefault();break;case"ArrowDown":B||ye(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":B||ye(e,t,m.step),e.preventDefault();break;case"Home":me(t,100-r,r),e.preventDefault();break;case"End":me(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":D.current>=100-(r||5)?me(t,r,100-r):me(t,100-r,r),e.preventDefault()}},me=function(e,t,r){H.current=e,b.current=w.current[e],S.current=B?a.getWidth(v.current):a.getHeight(v.current),j.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,le(t,r)&&(N.current=t,I.current=r,j.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",R.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",D.current=parseFloat(t).toFixed(4))},he=function(e,t,r){se(e,t,!0),pe(e,r,!0)},ye=function(e,t,r){T.current||(T.current=setInterval((function(){he(e,t,r)}),40))},ve=function(){T.current&&(clearInterval(T.current),T.current=null)},be=function(e,t){se(e,t,!1),Z(),re()},we=function(e,t){se(e,t,!1),window.addEventListener("touchmove",Se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ze)},Se=function(e){pe(e)},ze=function e(t){fe(t),window.removeEventListener("touchmove",Se),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:m,getElement:function(){return v.current}}})),l((function(){v.current&&(h.current=s())})),e.useEffect((function(){var e=y(v.current.children).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){D.current=X(W,0),t[r]=X(W,r),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!Q()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),Y(t)}),[]),e.useEffect((function(){M&&ae()}),[ae,M]);var Oe=function(t,r){var n=ie(t,"id")||"".concat(h.current,"_").concat(r),u=c(ie(t,"className"),G("panel.root")),i=d({ref:function(e){return w.current[r]=e},className:G("gutter"),style:B?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return be(e,r)},onKeyDown:function(e){return ge(e,r)},onKeyUp:de,onTouchStart:function(e){return we(e,r)},onTouchMove:function(e){return Se(e)},onTouchEnd:function(e){return ze(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),l=d({tabIndex:ie(t,"tabIndex")||0,className:G("gutterHandler"),role:"separator","aria-orientation":B?"vertical":"horizontal","aria-controls":n,"aria-label":ie(t,"aria-label"),"aria-labelledby":ie(t,"aria-labelledby"),"aria-valuenow":D.current,"aria-valuetext":parseFloat(D.current).toFixed(0)+"%","aria-valuemin":ie(t,"minSize")||"0","aria-valuemax":"100"},q("gutterHandler")),o=r!==m.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+X(W,r)+"% - "+(U-1)*m.gutterSize+"px)",s=d({key:r,id:n,className:u,style:A(A({},ie(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},q("splitterpanel.root",{context:{nested:L}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ie(t,"children")),o)},Ee=d({id:m.id,style:m.style,className:c(m.className,G("root")),"data-p-splitter-resizing":!1},x.getOtherProps(m),q("root")),xe=e.Children.map(m.children,Oe);return e.createElement("div",p({ref:v},Ee),xe)})));R.displayName="SplitterPanel",C.displayName="Splitter";export{C as Splitter,R as SplitterPanel};
|
package/splitter/splitter.js
CHANGED
|
@@ -388,7 +388,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
388
388
|
resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
|
|
389
389
|
};
|
|
390
390
|
var onResizeEnd = function onResizeEnd(event) {
|
|
391
|
-
var sizes =
|
|
391
|
+
var sizes = _toConsumableArray(panelSizes);
|
|
392
|
+
sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
|
|
393
|
+
sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
|
|
392
394
|
if (props.onResizeEnd) {
|
|
393
395
|
props.onResizeEnd({
|
|
394
396
|
originalEvent: event,
|
|
@@ -539,14 +541,17 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
539
541
|
var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
|
|
540
542
|
return utils.DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
|
|
541
543
|
});
|
|
544
|
+
var _panelSizes = [];
|
|
542
545
|
panelElements.map(function (panelElement, i) {
|
|
543
546
|
prevSize.current = panelSize(panelSizes, 0);
|
|
547
|
+
_panelSizes[i] = panelSize(panelSizes, i);
|
|
544
548
|
if (panelElement.childNodes && utils.ObjectUtils.isNotEmpty(utils.DomHandler.find(panelElement, "[data-pc-name='splitter']") && utils.DomHandler.find(panelElement, "[data-pc-section='root']"))) {
|
|
545
549
|
!isUnstyled() && utils.DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
|
|
546
550
|
panelElement.setAttribute('data-p-splitter-panel-nested', true);
|
|
547
551
|
setNested(true);
|
|
548
552
|
}
|
|
549
553
|
});
|
|
554
|
+
setPanelSizes(_panelSizes);
|
|
550
555
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
551
556
|
}, []);
|
|
552
557
|
React__namespace.useEffect(function () {
|
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 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);
|
|
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 s(e)||p(e)||f(e)||d()}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function v(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 S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return b(e)||v(e,t)||f(e,t)||S()}var O=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"}}),z=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,z.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,z.defaultProps)}});function E(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?E(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(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)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},P=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),s=O.getProps(e,c),p=o.useRef(""),f=o.useRef(null),d=o.useRef(),g=o.useRef({}),h=o.useRef(null),y=o.useRef(null),b=o.useRef(null),v=o.useRef(null),S=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=w(o.useState([]),2),N=C[0],k=C[1],I=w(o.useState(!1),2),U=I[0],_=I[1],M=null!=s.stateKey,T=s.children&&s.children.length||1,K=function(e,t){return t in e?e[t]:s.children&&[].concat(s.children)[t].props.size||100/T},L="horizontal"===s.layout,W={props:s,state:{panelSizes:N,nested:!0===i.DomHandler.getAttribute(f.current&&f.current.parentElement,"data-p-splitter-panel-nested")}},Y=O.setMetaData(D({},W)),B=Y.ptm,F=Y.cx,X=Y.isUnstyled;n.useHandleStyle(O.css.styles,X,{name:"splitter"});var J=w(u.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),q=J[0],$=J[1],G=w(u.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return z.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(s.children[R.current].props&&s.children[R.current].props.minSize&&s.children[R.current].props.minSize>e)&&!(s.children[R.current+1].props&&s.children[R.current+1].props.minSize&&s.children[R.current+1].props.minSize>t)))},re=o.useCallback((function(){switch(s.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(s.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[s.stateStorage]),ne=function(e){i.ObjectUtils.isArray(e)&&re().setItem(s.stateKey,JSON.stringify(e))},ue=o.useCallback((function(){var e=re().getItem(s.stateKey);e&&k(JSON.parse(e))}),[re,s.stateKey]),ie=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;d.current=g.current[t],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),y.current=!0,b.current=L?n:u,v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,r?(E.current=L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0),x.current=L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0)):(E.current=100*(L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0))/h.current,x.current=100*(L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0))/h.current),P.current=E.current,H.current=x.current,R.current=t,!X()&&i.DomHandler.addClass(d.current,"p-splitter-gutter-resizing"),d.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&i.DomHandler.addClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!0)},le=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]?L?(n=100*(E.current+u)/h.current,r=100*(x.current-u)/h.current):(n=100*(E.current-u)/h.current,r=100*(x.current+u)/h.current):(n=E.current+(t=L?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*b.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*b.current/h.current),r=x.current-t),se(R.current,n,r)},oe=function(e){var t=m(N);t[R.current]=P.current,t[R.current+1]=H.current,s.onResizeEnd&&s.onResizeEnd({originalEvent:e,sizes:t}),M&&ne(t),k(t),!X()&&i.DomHandler.removeClass(d.current,"p-splitter-gutter-resizing"),g.current&&Object.keys(g.current).forEach((function(e){return g.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!X()&&i.DomHandler.removeClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!1),y.current=!1,h.current=null,b.current=null,v.current=null,S.current=null,E.current=null,P.current=null,x.current=null,H.current=null,R.current=null},ae=function(){de(),oe()},ce=function(e,t){var r=s.children[t].props&&s.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":L&&fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowRight":L&&fe(e,t,s.step),e.preventDefault();break;case"ArrowDown":L||fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowUp":L||fe(e,t,s.step),e.preventDefault();break;case"Home":se(t,100-r,r),e.preventDefault();break;case"End":se(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":j.current>=100-(r||5)?se(t,r,100-r):se(t,100-r,r),e.preventDefault()}},se=function(e,t,r){R.current=e,d.current=g.current[e],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,te(t,r)&&(P.current=t,H.current=r,v.current.style.flexBasis="calc("+t+"% - "+(s.children.length-1)*s.gutterSize+"px)",S.current.style.flexBasis="calc("+r+"% - "+(s.children.length-1)*s.gutterSize+"px)",j.current=parseFloat(t).toFixed(4))},pe=function(e,t,r){ie(e,t,!0),le(e,r,!0)},fe=function(e,t,r){A.current||(A.current=setInterval((function(){pe(e,t,r)}),40))},de=function(){A.current&&(clearInterval(A.current),A.current=null)},me=function(e,t){ie(e,t,!1),q(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",he,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},he=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",he),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return f.current}}})),u.useMountEffect((function(){f.current&&(p.current=i.UniqueComponentId())})),o.useEffect((function(){var e=m(f.current.children).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){j.current=K(N,0),t[r]=K(N,r),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),k(t)}),[]),o.useEffect((function(){M&&ue()}),[ue,M]);var be=function(e,t){var r=ee(e,"id")||"".concat(p.current,"_").concat(t),n=i.classNames(ee(e,"className"),F("panel.root")),u=l({ref:function(e){return g.current[t]=e},className:F("gutter"),style:L?{width:s.gutterSize+"px"}:{height:s.gutterSize+"px"},onMouseDown:function(e){return me(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return he(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},B("gutter")),a=l({tabIndex:ee(e,"tabIndex")||0,className:F("gutterHandler"),role:"separator","aria-orientation":L?"vertical":"horizontal","aria-controls":r,"aria-label":ee(e,"aria-label"),"aria-labelledby":ee(e,"aria-labelledby"),"aria-valuenow":j.current,"aria-valuetext":parseFloat(j.current).toFixed(0)+"%","aria-valuemin":ee(e,"minSize")||"0","aria-valuemax":"100"},B("gutterHandler")),c=t!==s.children.length-1&&o.createElement("div",u,o.createElement("div",a)),f="calc("+K(N,t)+"% - "+(T-1)*s.gutterSize+"px)",d=l({key:t,id:r,className:n,style:D(D({},ee(e,"style")),{},{flexBasis:f}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:U}}));return o.createElement(o.Fragment,null,o.createElement("div",d,ee(e,"children")),c)},ve=l({id:s.id,style:s.style,className:i.classNames(s.className,F("root")),"data-p-splitter-resizing":!1},O.getOtherProps(s),B("root")),Se=o.Children.map(s.children,be);return o.createElement("div",a({ref:f},ve),Se)})));return j.displayName="SplitterPanel",P.displayName="Splitter",e.Splitter=P,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
package/stepper/stepper.cjs.js
CHANGED
|
@@ -164,7 +164,7 @@ var classes = {
|
|
|
164
164
|
'p-disabled': isItemDisabled(index)
|
|
165
165
|
});
|
|
166
166
|
},
|
|
167
|
-
action: 'p-stepper-action',
|
|
167
|
+
action: 'p-stepper-action p-component',
|
|
168
168
|
number: 'p-stepper-number',
|
|
169
169
|
title: 'p-stepper-title',
|
|
170
170
|
separator: 'p-stepper-separator',
|
|
@@ -202,11 +202,12 @@ var StepperBase = componentbase.ComponentBase.extend({
|
|
|
202
202
|
|
|
203
203
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
204
204
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
205
|
-
var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
|
|
205
|
+
var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
206
206
|
var mergeProps = hooks.useMergeProps();
|
|
207
207
|
var cx = props.cx,
|
|
208
208
|
ptm = props.ptm;
|
|
209
209
|
var rootProps = mergeProps(_objectSpread$2(_objectSpread$2(_objectSpread$2({
|
|
210
|
+
ref: ref,
|
|
210
211
|
id: props.id,
|
|
211
212
|
className: cx('stepper.content', {
|
|
212
213
|
stepperpanel: props.stepperpanel,
|
|
@@ -238,13 +239,15 @@ var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
|
|
|
238
239
|
}));
|
|
239
240
|
StepperContent.displayName = 'StepperContent';
|
|
240
241
|
|
|
241
|
-
var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
|
|
242
|
+
var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
242
243
|
var mergeProps = hooks.useMergeProps();
|
|
243
244
|
var cx = props.cx;
|
|
244
245
|
var buttonProps = mergeProps({
|
|
246
|
+
ref: ref,
|
|
245
247
|
id: props.id,
|
|
246
248
|
className: cx('stepper.action'),
|
|
247
249
|
role: 'tab',
|
|
250
|
+
type: 'button',
|
|
248
251
|
tabIndex: props.disabled ? -1 : undefined,
|
|
249
252
|
'aria-controls': props.ariaControls,
|
|
250
253
|
onClick: function onClick(e) {
|
|
@@ -261,9 +264,10 @@ StepperHeader.displayName = 'StepperHeader';
|
|
|
261
264
|
|
|
262
265
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
263
266
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
264
|
-
var StepperSeparator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
|
|
267
|
+
var StepperSeparator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
265
268
|
var mergeProps = hooks.useMergeProps();
|
|
266
269
|
var separatorProps = mergeProps(_objectSpread$1({
|
|
270
|
+
ref: ref,
|
|
267
271
|
'aria-hidden': true,
|
|
268
272
|
className: props.separatorClass
|
|
269
273
|
}, props.getStepPT(props.stepperpanel, 'separator', props.index)));
|
|
@@ -431,6 +435,12 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
|
|
|
431
435
|
getElement: function getElement() {
|
|
432
436
|
return navRef.current;
|
|
433
437
|
},
|
|
438
|
+
getActiveStep: function getActiveStep() {
|
|
439
|
+
return activeStepState;
|
|
440
|
+
},
|
|
441
|
+
setActiveStep: function setActiveStep(step) {
|
|
442
|
+
return setActiveStepState(step);
|
|
443
|
+
},
|
|
434
444
|
nextCallback: function nextCallback(e) {
|
|
435
445
|
return _nextCallback(e, activeStepState);
|
|
436
446
|
},
|
|
@@ -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/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(e),c=p(e);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=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},m.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function g(){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 b(e)||v(e,t)||h(e,t)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return i.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});function j(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 P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=o.memo(o.forwardRef((function(e){var t=a.useMergeProps(),r=e.ptm,n=t(P(P(P({id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),r("stepperpanel"));return o.createElement("div",n,e.template?o.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));S.displayName="StepperContent";var C=o.memo(o.forwardRef((function(e){var t=a.useMergeProps(),r=e.cx,n=t({id:e.id,className:r("stepper.action"),role:"tab",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():o.createElement("button",n,o.createElement("span",{className:r("stepper.number")},e.index+1),o.createElement("span",{className:r("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function w(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?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var k=o.memo(o.forwardRef((function(e){var t=a.useMergeProps()(E({"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():o.createElement("span",t)})));function N(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?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=c.default.memo(c.default.forwardRef((function(e,p){var l=a.useMergeProps(),o=c.default.useContext(t.PrimeReactContext),s=x.getProps(e,o),u=x.setMetaData({props:s}),d=u.ptm,f=u.cx,b=u.isUnstyled,v=u.ptmo,y=O(c.default.useState(s.id),2),h=y[0],g=y[1],j=O(c.default.useState(s.activeStep),2),P=j[0],w=j[1],E=c.default.useRef();r.useHandleStyle(x.css.styles,b,{name:"stepper"}),a.useMountEffect((function(){h||g(i.UniqueComponentId())}));var N=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},A=function(e,t){return N(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return P===e},_=function(e){return s.linear&&!I(e)},M=function(e,t){w(t),s.onChangeStep&&s.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(h,"_").concat(e,"_header_action")},q=function(e){return"".concat(h,"_").concat(e,"content")},z=function(){return c.default.Children.toArray(s.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},H=function(e,t){0!==t&&M(e,t-1)},L=function(e,t){t!==z().length-1&&M(e,t+1)},U=function(e,t,r){var n=z().length,a={props:e.props,parent:{props:s},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<P,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(N(e,"pt"),t,a))},B=function(e,t){s.linear?e.preventDefault():t!==P&&M(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return E.current},nextCallback:function(e){return L(e,P)},prevCallback:function(e){return H(e,P)}}}));var F,Y,$,G=l({className:i.classNames(f("root")),role:"tablist"},x.getOtherProps(s),d("root"));return c.default.createElement("div",G,s.start&&s.start(),"horizontal"===s.orientation&&(F=z().map((function(e,t){var r,n,a=l({className:i.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return c.default.createElement("li",m({key:A(e,t)},a),c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f}),t!==z().length-1&&c.default.createElement(k,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:U}))})),Y=l({className:i.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",Y,F),c.default.createElement("div",$,z().map((function(e,t){var r;return I(t)?c.default.createElement(S,{key:q(t),id:q(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===s.orientation&&z().map((function(e,t){var r,a,i,p=c.default.createRef(null),o=l(D(D(D({ref:E,className:f("panel",{props:s,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},U(e,"root",t)),U(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(D({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},U(e,"header",t))),b=l(D(D({classNames:f("stepper.content")},U(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(D({ref:p,className:f("stepper.toggleableContent")},U(e,"toggleableContent",t)));return c.default.createElement("div",m({key:A(e,t)},o),c.default.createElement("div",u,c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f})),c.default.createElement(n.CSSTransition,m({nodeRef:p},b),c.default.createElement("div",v,t!==z().length-1&&c.default.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:U}),c.default.createElement(S,{key:q(t),id:q(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}))))})),s.end&&s.end())})));x.displayName="StepperBase",exports.Stepper=A;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(e),c=p(e);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=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},m.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(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 g(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){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 b(e)||v(e,t)||g(e,t)||h()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return i.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});function S(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?S(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.ptm,i=r(j(j(j({ref:t,id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),n("stepperpanel"));return o.createElement("div",i,e.template?o.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));P.displayName="StepperContent";var C=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.cx,i=r({ref:t,id:e.id,className:n("stepper.action"),role:"tab",type:"button",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():o.createElement("button",i,o.createElement("span",{className:n("stepper.number")},e.index+1),o.createElement("span",{className:n("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function w(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?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var k=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps()(E({ref:t,"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():o.createElement("span",r)})));function N(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?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=c.default.memo(c.default.forwardRef((function(e,p){var l=a.useMergeProps(),o=c.default.useContext(t.PrimeReactContext),s=x.getProps(e,o),u=x.setMetaData({props:s}),d=u.ptm,f=u.cx,b=u.isUnstyled,v=u.ptmo,y=O(c.default.useState(s.id),2),g=y[0],h=y[1],S=O(c.default.useState(s.activeStep),2),j=S[0],w=S[1],E=c.default.useRef();r.useHandleStyle(x.css.styles,b,{name:"stepper"}),a.useMountEffect((function(){g||h(i.UniqueComponentId())}));var N=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},A=function(e,t){return N(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return j===e},_=function(e){return s.linear&&!I(e)},M=function(e,t){w(t),s.onChangeStep&&s.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(g,"_").concat(e,"_header_action")},q=function(e){return"".concat(g,"_").concat(e,"content")},z=function(){return c.default.Children.toArray(s.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},H=function(e,t){0!==t&&M(e,t-1)},L=function(e,t){t!==z().length-1&&M(e,t+1)},U=function(e,t,r){var n=z().length,a={props:e.props,parent:{props:s},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<j,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(N(e,"pt"),t,a))},B=function(e,t){s.linear?e.preventDefault():t!==j&&M(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return E.current},getActiveStep:function(){return j},setActiveStep:function(e){return w(e)},nextCallback:function(e){return L(e,j)},prevCallback:function(e){return H(e,j)}}}));var F,Y,$,G=l({className:i.classNames(f("root")),role:"tablist"},x.getOtherProps(s),d("root"));return c.default.createElement("div",G,s.start&&s.start(),"horizontal"===s.orientation&&(F=z().map((function(e,t){var r,n,a=l({className:i.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return c.default.createElement("li",m({key:A(e,t)},a),c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f}),t!==z().length-1&&c.default.createElement(k,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:U}))})),Y=l({className:i.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",Y,F),c.default.createElement("div",$,z().map((function(e,t){var r;return I(t)?c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===s.orientation&&z().map((function(e,t){var r,a,i,p=c.default.createRef(null),o=l(D(D(D({ref:E,className:f("panel",{props:s,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},U(e,"root",t)),U(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(D({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},U(e,"header",t))),b=l(D(D({classNames:f("stepper.content")},U(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(D({ref:p,className:f("stepper.toggleableContent")},U(e,"toggleableContent",t)));return c.default.createElement("div",m({key:A(e,t)},o),c.default.createElement("div",u,c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f})),c.default.createElement(n.CSSTransition,m({nodeRef:p},b),c.default.createElement("div",v,t!==z().length-1&&c.default.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:U}),c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}))))})),s.end&&s.end())})));x.displayName="StepperBase",exports.Stepper=A;
|
package/stepper/stepper.d.ts
CHANGED
|
@@ -82,6 +82,18 @@ export interface StepperChangeEvent {
|
|
|
82
82
|
index: number;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
+
/**
|
|
86
|
+
* Defines custom RefAttributes methods
|
|
87
|
+
* @group Methods
|
|
88
|
+
*/
|
|
89
|
+
export interface StepperRefAttributes {
|
|
90
|
+
getElement: () => HTMLDivElement;
|
|
91
|
+
getActiveStep: () => number | undefined;
|
|
92
|
+
setActiveStep: (step: number) => void;
|
|
93
|
+
nextCallback: (e?: React.SyntheticEvent) => void;
|
|
94
|
+
prevCallback: (e?: React.SyntheticEvent) => void;
|
|
95
|
+
}
|
|
96
|
+
|
|
85
97
|
/**
|
|
86
98
|
* Defines valid properties in Stepper component.
|
|
87
99
|
* @group Properties
|
|
@@ -134,4 +146,4 @@ export interface StepperProps {
|
|
|
134
146
|
*
|
|
135
147
|
* @group Component
|
|
136
148
|
*/
|
|
137
|
-
export declare const Stepper: React.
|
|
149
|
+
export declare const Stepper: React.ForwardRefExoticComponent<React.PropsWithChildren<StepperProps> & React.RefAttributes<StepperRefAttributes>>;
|
package/stepper/stepper.esm.js
CHANGED
|
@@ -138,7 +138,7 @@ var classes = {
|
|
|
138
138
|
'p-disabled': isItemDisabled(index)
|
|
139
139
|
});
|
|
140
140
|
},
|
|
141
|
-
action: 'p-stepper-action',
|
|
141
|
+
action: 'p-stepper-action p-component',
|
|
142
142
|
number: 'p-stepper-number',
|
|
143
143
|
title: 'p-stepper-title',
|
|
144
144
|
separator: 'p-stepper-separator',
|
|
@@ -176,11 +176,12 @@ var StepperBase = ComponentBase.extend({
|
|
|
176
176
|
|
|
177
177
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
178
178
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
179
|
-
var StepperContent = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props) {
|
|
179
|
+
var StepperContent = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
180
180
|
var mergeProps = useMergeProps();
|
|
181
181
|
var cx = props.cx,
|
|
182
182
|
ptm = props.ptm;
|
|
183
183
|
var rootProps = mergeProps(_objectSpread$2(_objectSpread$2(_objectSpread$2({
|
|
184
|
+
ref: ref,
|
|
184
185
|
id: props.id,
|
|
185
186
|
className: cx('stepper.content', {
|
|
186
187
|
stepperpanel: props.stepperpanel,
|
|
@@ -212,13 +213,15 @@ var StepperContent = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
|
|
|
212
213
|
}));
|
|
213
214
|
StepperContent.displayName = 'StepperContent';
|
|
214
215
|
|
|
215
|
-
var StepperHeader = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props) {
|
|
216
|
+
var StepperHeader = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
216
217
|
var mergeProps = useMergeProps();
|
|
217
218
|
var cx = props.cx;
|
|
218
219
|
var buttonProps = mergeProps({
|
|
220
|
+
ref: ref,
|
|
219
221
|
id: props.id,
|
|
220
222
|
className: cx('stepper.action'),
|
|
221
223
|
role: 'tab',
|
|
224
|
+
type: 'button',
|
|
222
225
|
tabIndex: props.disabled ? -1 : undefined,
|
|
223
226
|
'aria-controls': props.ariaControls,
|
|
224
227
|
onClick: function onClick(e) {
|
|
@@ -235,9 +238,10 @@ StepperHeader.displayName = 'StepperHeader';
|
|
|
235
238
|
|
|
236
239
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
237
240
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
238
|
-
var StepperSeparator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props) {
|
|
241
|
+
var StepperSeparator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
239
242
|
var mergeProps = useMergeProps();
|
|
240
243
|
var separatorProps = mergeProps(_objectSpread$1({
|
|
244
|
+
ref: ref,
|
|
241
245
|
'aria-hidden': true,
|
|
242
246
|
className: props.separatorClass
|
|
243
247
|
}, props.getStepPT(props.stepperpanel, 'separator', props.index)));
|
|
@@ -405,6 +409,12 @@ var Stepper = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forw
|
|
|
405
409
|
getElement: function getElement() {
|
|
406
410
|
return navRef.current;
|
|
407
411
|
},
|
|
412
|
+
getActiveStep: function getActiveStep() {
|
|
413
|
+
return activeStepState;
|
|
414
|
+
},
|
|
415
|
+
setActiveStep: function setActiveStep(step) {
|
|
416
|
+
return setActiveStepState(step);
|
|
417
|
+
},
|
|
408
418
|
nextCallback: function nextCallback(e) {
|
|
409
419
|
return _nextCallback(e, activeStepState);
|
|
410
420
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useMergeProps as p,useMountEffect as o}from"primereact/hooks";import{classNames as l,UniqueComponentId as c}from"primereact/utils";function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=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},m.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,o=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return o}}function h(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 y(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){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 b(e)||v(e,t)||y(e,t)||g()}var x=n.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return l("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return l("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return l("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return l("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});function S(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?S(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=e.memo(e.forwardRef((function(t){var r=p(),n=t.ptm,a=r(j(j(j({id:t.id,className:(0,t.cx)("stepper.content",{stepperpanel:t.stepperpanel,index:t.index}),role:"tabpanel","aria-labelledby":t.ariaLabelledby},t.getStepPT(t.stepperpanel,"root",t.index)),t.getStepPT(t.stepperpanel,"content",t.index)),{},{"data-p-active":t.active}),n("stepperpanel"));return e.createElement("div",a,t.template?e.createElement(t.template,{index:t.index,active:t.active,highlighted:t.highlighted,clickCallback:function(e){return t.onItemClick(e,t.index)},prevCallback:function(e){return t.prevCallback(e,t.index)},nextCallback:function(e){return t.nextCallback(e,t.index)}}):t.stepperpanel)})));P.displayName="StepperContent";var w=e.memo(e.forwardRef((function(t){var r=p(),n=t.cx,a=r({id:t.id,className:n("stepper.action"),role:"tab",tabIndex:t.disabled?-1:void 0,"aria-controls":t.ariaControls,onClick:function(e){return t.clickCallback(e,t.index)}});return t.template?t.template():e.createElement("button",a,e.createElement("span",{className:n("stepper.number")},t.index+1),e.createElement("span",{className:n("stepper.title")},t.getStepProp(t.stepperpanel,"header")))})));function C(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?C(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}w.displayName="StepperHeader";var k=e.memo(e.forwardRef((function(t){var r=p()(E({"aria-hidden":!0,className:t.separatorClass},t.getStepPT(t.stepperpanel,"separator",t.index)));return t.template?t.template():e.createElement("span",r)})));function N(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?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=t.memo(t.forwardRef((function(e,n){var s=p(),u=t.useContext(r),d=x.getProps(e,u),f=x.setMetaData({props:d}),b=f.ptm,v=f.cx,h=f.isUnstyled,y=f.ptmo,g=O(t.useState(d.id),2),S=g[0],j=g[1],C=O(t.useState(d.activeStep),2),E=C[0],N=C[1],A=t.useRef();a(x.css.styles,h,{name:"stepper"}),o((function(){S||j(c())}));var T=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},I=function(e,t){return T(e,"header")||t},R=function(e){return"StepperPanel"===e.type.displayName},_=function(e){return E===e},z=function(e){return d.linear&&!_(e)},L=function(e,t){N(t),d.onChangeStep&&d.onChangeStep({originalEvent:e,index:t})},H=function(e){return"".concat(S,"_").concat(e,"_header_action")},M=function(e){return"".concat(S,"_").concat(e,"content")},U=function(){return t.Children.toArray(d.children).reduce((function(e,r){return R(r)?e.push(r):r&&Array.isArray(r)&&t.Children.toArray(r.props.children).forEach((function(t){R(t)&&e.push(t)})),e}),[])},B=function(e,t){0!==t&&L(e,t-1)},F=function(e,t){t!==U().length-1&&L(e,t+1)},Y=function(e,t,r){var n=U().length,a={props:e.props,parent:{props:d},context:{index:r,count:n,first:0===r,last:r===n-1,active:_(r),highlighted:r<E,disabled:z(r)}};return s(b("stepperpanel.".concat(t),{stepperpanel:a}),b("stepperpanel.".concat(t),a),y(T(e,"pt"),t,a))},$=function(e,t){d.linear?e.preventDefault():t!==E&&L(e,t)};t.useImperativeHandle(n,(function(){return{getElement:function(){return A.current},nextCallback:function(e){return F(e,E)},prevCallback:function(e){return B(e,E)}}}));var q,G,J,K=s({className:l(v("root")),role:"tablist"},x.getOtherProps(d),b("root"));return t.createElement("div",K,d.start&&d.start(),"horizontal"===d.orientation&&(q=U().map((function(e,r){var n,a,i=s({className:l(v("stepper.header",{isStepActive:_,isItemDisabled:z,step:e,index:r})),"aria-current":_(r)&&"step",role:"presentation","data-p-highlight":_(r),"data-p-disabled":z(r),"data-p-active":_(r)},b("stepperpanel"));return t.createElement("li",m({key:I(e,r)},i),t.createElement(w,{id:H(r),template:null===(n=e.children)||void 0===n?void 0:n.header,stepperpanel:e,index:r,disabled:z(r),active:_(r),highlighted:r<E,ariaControls:M(r),clickCallback:$,getStepPT:Y,getStepProp:T,cx:v}),r!==U().length-1&&t.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:v("stepper.separator"),stepperpanel:e,index:r,active:_(r),highlighted:r<E,getStepPT:Y}))})),G=s({className:l(v("nav")),ref:A},b("nav")),J=s({className:v("panelContainer")},b("panelContainer")),t.createElement(t.Fragment,null,t.createElement("ul",G,q),t.createElement("div",J,U().map((function(e,r){var n;return _(r)?t.createElement(P,{key:M(r),id:M(r),tempate:null==e||null===(n=e.children)||void 0===n?void 0:n.content,stepperpanel:e,index:r,active:_(r),highlighted:r<E,clickCallback:$,prevCallback:B,nextCallback:F,getStepPT:Y,ariaLabelledby:H(r),ptm:b,cx:v}):null}))))),"vertical"===d.orientation&&U().map((function(e,r){var n,a,p,o=t.createRef(null),l=s(D(D(D({ref:A,className:v("panel",{props:d,index:r,isStepActive:_}),"aria-current":_(r)&&"step"},Y(e,"root",r)),Y(e,"panel",r)),{},{"data-p-highlight":_(r),"data-p-disabled":z(r),"data-p-active":_(r)}),b("nav")),c=s(D({className:v("stepper.header",{step:e,isStepActive:_,isItemDisabled:z,index:r})},Y(e,"header",r))),u=s(D(D({classNames:v("stepper.content")},Y(e,"transition",r)),{},{timeout:{enter:1e3,exit:450},in:_(r),unmountOnExit:!0})),f=s(D({ref:o,className:v("stepper.toggleableContent")},Y(e,"toggleableContent",r)));return t.createElement("div",m({key:I(e,r)},l),t.createElement("div",c,t.createElement(w,{id:H(r),template:null===(n=e.children)||void 0===n?void 0:n.header,stepperpanel:e,index:r,disabled:z(r),active:_(r),highlighted:r<E,ariaControls:M(r),clickCallback:$,getStepPT:Y,getStepProp:T,cx:v})),t.createElement(i,m({nodeRef:o},u),t.createElement("div",f,r!==U().length-1&&t.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:v("stepper.separator"),stepperpanel:e,index:r,active:_(r),highlighted:r<E,getStepPT:Y}),t.createElement(P,{key:M(r),id:M(r),tempate:null==e||null===(p=e.children)||void 0===p?void 0:p.content,stepperpanel:e,index:r,active:_(r),highlighted:r<E,clickCallback:$,prevCallback:B,nextCallback:F,getStepPT:Y,ariaLabelledby:H(r),ptm:b,cx:v}))))})),d.end&&d.end())})));x.displayName="StepperBase";export{A as Stepper};
|
|
1
|
+
import*as e from"react";import t from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useMergeProps as p,useMountEffect as o}from"primereact/hooks";import{classNames as l,UniqueComponentId as c}from"primereact/utils";function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=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},m.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,o=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return o}}function h(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 y(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){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 b(e)||v(e,t)||y(e,t)||g()}var x=n.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return l("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return l("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return l("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return l("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});function S(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?S(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=e.memo(e.forwardRef((function(t,r){var n=p(),a=t.ptm,i=n(j(j(j({ref:r,id:t.id,className:(0,t.cx)("stepper.content",{stepperpanel:t.stepperpanel,index:t.index}),role:"tabpanel","aria-labelledby":t.ariaLabelledby},t.getStepPT(t.stepperpanel,"root",t.index)),t.getStepPT(t.stepperpanel,"content",t.index)),{},{"data-p-active":t.active}),a("stepperpanel"));return e.createElement("div",i,t.template?e.createElement(t.template,{index:t.index,active:t.active,highlighted:t.highlighted,clickCallback:function(e){return t.onItemClick(e,t.index)},prevCallback:function(e){return t.prevCallback(e,t.index)},nextCallback:function(e){return t.nextCallback(e,t.index)}}):t.stepperpanel)})));P.displayName="StepperContent";var w=e.memo(e.forwardRef((function(t,r){var n=p(),a=t.cx,i=n({ref:r,id:t.id,className:a("stepper.action"),role:"tab",type:"button",tabIndex:t.disabled?-1:void 0,"aria-controls":t.ariaControls,onClick:function(e){return t.clickCallback(e,t.index)}});return t.template?t.template():e.createElement("button",i,e.createElement("span",{className:a("stepper.number")},t.index+1),e.createElement("span",{className:a("stepper.title")},t.getStepProp(t.stepperpanel,"header")))})));function C(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?C(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}w.displayName="StepperHeader";var k=e.memo(e.forwardRef((function(t,r){var n=p()(E({ref:r,"aria-hidden":!0,className:t.separatorClass},t.getStepPT(t.stepperpanel,"separator",t.index)));return t.template?t.template():e.createElement("span",n)})));function N(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 A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var D=t.memo(t.forwardRef((function(e,n){var s=p(),u=t.useContext(r),d=x.getProps(e,u),f=x.setMetaData({props:d}),b=f.ptm,v=f.cx,h=f.isUnstyled,y=f.ptmo,g=O(t.useState(d.id),2),S=g[0],j=g[1],C=O(t.useState(d.activeStep),2),E=C[0],N=C[1],D=t.useRef();a(x.css.styles,h,{name:"stepper"}),o((function(){S||j(c())}));var T=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},I=function(e,t){return T(e,"header")||t},R=function(e){return"StepperPanel"===e.type.displayName},_=function(e){return E===e},z=function(e){return d.linear&&!_(e)},L=function(e,t){N(t),d.onChangeStep&&d.onChangeStep({originalEvent:e,index:t})},H=function(e){return"".concat(S,"_").concat(e,"_header_action")},M=function(e){return"".concat(S,"_").concat(e,"content")},U=function(){return t.Children.toArray(d.children).reduce((function(e,r){return R(r)?e.push(r):r&&Array.isArray(r)&&t.Children.toArray(r.props.children).forEach((function(t){R(t)&&e.push(t)})),e}),[])},B=function(e,t){0!==t&&L(e,t-1)},F=function(e,t){t!==U().length-1&&L(e,t+1)},Y=function(e,t,r){var n=U().length,a={props:e.props,parent:{props:d},context:{index:r,count:n,first:0===r,last:r===n-1,active:_(r),highlighted:r<E,disabled:z(r)}};return s(b("stepperpanel.".concat(t),{stepperpanel:a}),b("stepperpanel.".concat(t),a),y(T(e,"pt"),t,a))},$=function(e,t){d.linear?e.preventDefault():t!==E&&L(e,t)};t.useImperativeHandle(n,(function(){return{getElement:function(){return D.current},getActiveStep:function(){return E},setActiveStep:function(e){return N(e)},nextCallback:function(e){return F(e,E)},prevCallback:function(e){return B(e,E)}}}));var q,G,J,K=s({className:l(v("root")),role:"tablist"},x.getOtherProps(d),b("root"));return t.createElement("div",K,d.start&&d.start(),"horizontal"===d.orientation&&(q=U().map((function(e,r){var n,a,i=s({className:l(v("stepper.header",{isStepActive:_,isItemDisabled:z,step:e,index:r})),"aria-current":_(r)&&"step",role:"presentation","data-p-highlight":_(r),"data-p-disabled":z(r),"data-p-active":_(r)},b("stepperpanel"));return t.createElement("li",m({key:I(e,r)},i),t.createElement(w,{id:H(r),template:null===(n=e.children)||void 0===n?void 0:n.header,stepperpanel:e,index:r,disabled:z(r),active:_(r),highlighted:r<E,ariaControls:M(r),clickCallback:$,getStepPT:Y,getStepProp:T,cx:v}),r!==U().length-1&&t.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:v("stepper.separator"),stepperpanel:e,index:r,active:_(r),highlighted:r<E,getStepPT:Y}))})),G=s({className:l(v("nav")),ref:D},b("nav")),J=s({className:v("panelContainer")},b("panelContainer")),t.createElement(t.Fragment,null,t.createElement("ul",G,q),t.createElement("div",J,U().map((function(e,r){var n;return _(r)?t.createElement(P,{key:M(r),id:M(r),tempate:null==e||null===(n=e.children)||void 0===n?void 0:n.content,stepperpanel:e,index:r,active:_(r),highlighted:r<E,clickCallback:$,prevCallback:B,nextCallback:F,getStepPT:Y,ariaLabelledby:H(r),ptm:b,cx:v}):null}))))),"vertical"===d.orientation&&U().map((function(e,r){var n,a,p,o=t.createRef(null),l=s(A(A(A({ref:D,className:v("panel",{props:d,index:r,isStepActive:_}),"aria-current":_(r)&&"step"},Y(e,"root",r)),Y(e,"panel",r)),{},{"data-p-highlight":_(r),"data-p-disabled":z(r),"data-p-active":_(r)}),b("nav")),c=s(A({className:v("stepper.header",{step:e,isStepActive:_,isItemDisabled:z,index:r})},Y(e,"header",r))),u=s(A(A({classNames:v("stepper.content")},Y(e,"transition",r)),{},{timeout:{enter:1e3,exit:450},in:_(r),unmountOnExit:!0})),f=s(A({ref:o,className:v("stepper.toggleableContent")},Y(e,"toggleableContent",r)));return t.createElement("div",m({key:I(e,r)},l),t.createElement("div",c,t.createElement(w,{id:H(r),template:null===(n=e.children)||void 0===n?void 0:n.header,stepperpanel:e,index:r,disabled:z(r),active:_(r),highlighted:r<E,ariaControls:M(r),clickCallback:$,getStepPT:Y,getStepProp:T,cx:v})),t.createElement(i,m({nodeRef:o},u),t.createElement("div",f,r!==U().length-1&&t.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:v("stepper.separator"),stepperpanel:e,index:r,active:_(r),highlighted:r<E,getStepPT:Y}),t.createElement(P,{key:M(r),id:M(r),tempate:null==e||null===(p=e.children)||void 0===p?void 0:p.content,stepperpanel:e,index:r,active:_(r),highlighted:r<E,clickCallback:$,prevCallback:B,nextCallback:F,getStepPT:Y,ariaLabelledby:H(r),ptm:b,cx:v}))))})),d.end&&d.end())})));x.displayName="StepperBase";export{D as Stepper};
|
package/stepper/stepper.js
CHANGED
|
@@ -156,7 +156,7 @@ this.primereact.stepper = (function (exports, React, api, componentbase, csstran
|
|
|
156
156
|
'p-disabled': isItemDisabled(index)
|
|
157
157
|
});
|
|
158
158
|
},
|
|
159
|
-
action: 'p-stepper-action',
|
|
159
|
+
action: 'p-stepper-action p-component',
|
|
160
160
|
number: 'p-stepper-number',
|
|
161
161
|
title: 'p-stepper-title',
|
|
162
162
|
separator: 'p-stepper-separator',
|
|
@@ -194,11 +194,12 @@ this.primereact.stepper = (function (exports, React, api, componentbase, csstran
|
|
|
194
194
|
|
|
195
195
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
196
196
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
197
|
-
var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
|
|
197
|
+
var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
198
198
|
var mergeProps = hooks.useMergeProps();
|
|
199
199
|
var cx = props.cx,
|
|
200
200
|
ptm = props.ptm;
|
|
201
201
|
var rootProps = mergeProps(_objectSpread$2(_objectSpread$2(_objectSpread$2({
|
|
202
|
+
ref: ref,
|
|
202
203
|
id: props.id,
|
|
203
204
|
className: cx('stepper.content', {
|
|
204
205
|
stepperpanel: props.stepperpanel,
|
|
@@ -230,13 +231,15 @@ this.primereact.stepper = (function (exports, React, api, componentbase, csstran
|
|
|
230
231
|
}));
|
|
231
232
|
StepperContent.displayName = 'StepperContent';
|
|
232
233
|
|
|
233
|
-
var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
|
|
234
|
+
var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
234
235
|
var mergeProps = hooks.useMergeProps();
|
|
235
236
|
var cx = props.cx;
|
|
236
237
|
var buttonProps = mergeProps({
|
|
238
|
+
ref: ref,
|
|
237
239
|
id: props.id,
|
|
238
240
|
className: cx('stepper.action'),
|
|
239
241
|
role: 'tab',
|
|
242
|
+
type: 'button',
|
|
240
243
|
tabIndex: props.disabled ? -1 : undefined,
|
|
241
244
|
'aria-controls': props.ariaControls,
|
|
242
245
|
onClick: function onClick(e) {
|
|
@@ -253,9 +256,10 @@ this.primereact.stepper = (function (exports, React, api, componentbase, csstran
|
|
|
253
256
|
|
|
254
257
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
255
258
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
256
|
-
var StepperSeparator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
|
|
259
|
+
var StepperSeparator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
257
260
|
var mergeProps = hooks.useMergeProps();
|
|
258
261
|
var separatorProps = mergeProps(_objectSpread$1({
|
|
262
|
+
ref: ref,
|
|
259
263
|
'aria-hidden': true,
|
|
260
264
|
className: props.separatorClass
|
|
261
265
|
}, props.getStepPT(props.stepperpanel, 'separator', props.index)));
|
|
@@ -423,6 +427,12 @@ this.primereact.stepper = (function (exports, React, api, componentbase, csstran
|
|
|
423
427
|
getElement: function getElement() {
|
|
424
428
|
return navRef.current;
|
|
425
429
|
},
|
|
430
|
+
getActiveStep: function getActiveStep() {
|
|
431
|
+
return activeStepState;
|
|
432
|
+
},
|
|
433
|
+
setActiveStep: function setActiveStep(step) {
|
|
434
|
+
return setActiveStepState(step);
|
|
435
|
+
},
|
|
426
436
|
nextCallback: function nextCallback(e) {
|
|
427
437
|
return _nextCallback(e, activeStepState);
|
|
428
438
|
},
|
package/stepper/stepper.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.stepper=function(e,t,r,n,a,i,p){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(t),s=l(t);function u(e){return u="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},u(e)}function d(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function m(e,t,r){return(t=f(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(){return b=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},b.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(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 g(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return v(e)||h(e,t)||g(e,t)||O()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return p.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return p.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return p.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return p.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});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 S(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){m(e,t,r[t])})):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 C=c.memo(c.forwardRef((function(e){var t=i.useMergeProps(),r=e.ptm,n=t(S(S(S({id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),r("stepperpanel"));return c.createElement("div",n,e.template?c.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));C.displayName="StepperContent";var w=c.memo(c.forwardRef((function(e){var t=i.useMergeProps(),r=e.cx,n=t({id:e.id,className:r("stepper.action"),role:"tab",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():c.createElement("button",n,c.createElement("span",{className:r("stepper.number")},e.index+1),c.createElement("span",{className:r("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function E(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 k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}w.displayName="StepperHeader";var N=c.memo(c.forwardRef((function(e){var t=i.useMergeProps()(k({"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():c.createElement("span",t)})));function D(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 A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}N.displayName="StepperSeparator";var T=s.default.memo(s.default.forwardRef((function(e,t){var l=i.useMergeProps(),o=s.default.useContext(r.PrimeReactContext),c=j.getProps(e,o),u=j.setMetaData({props:c}),d=u.ptm,f=u.cx,m=u.isUnstyled,v=u.ptmo,h=x(s.default.useState(c.id),2),y=h[0],g=h[1],O=x(s.default.useState(c.activeStep),2),P=O[0],S=O[1],E=s.default.useRef();n.useHandleStyle(j.css.styles,m,{name:"stepper"}),i.useMountEffect((function(){y||g(p.UniqueComponentId())}));var k=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},D=function(e,t){return k(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return P===e},_=function(e){return c.linear&&!I(e)},M=function(e,t){S(t),c.onChangeStep&&c.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(y,"_").concat(e,"_header_action")},z=function(e){return"".concat(y,"_").concat(e,"content")},H=function(){return s.default.Children.toArray(c.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&s.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},L=function(e,t){0!==t&&M(e,t-1)},U=function(e,t){t!==H().length-1&&M(e,t+1)},B=function(e,t,r){var n=H().length,a={props:e.props,parent:{props:c},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<P,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(k(e,"pt"),t,a))},q=function(e,t){c.linear?e.preventDefault():t!==P&&M(e,t)};s.default.useImperativeHandle(t,(function(){return{getElement:function(){return E.current},nextCallback:function(e){return U(e,P)},prevCallback:function(e){return L(e,P)}}}));var F,Y,$,G=l({className:p.classNames(f("root")),role:"tablist"},j.getOtherProps(c),d("root"));return s.default.createElement("div",G,c.start&&c.start(),"horizontal"===c.orientation&&(F=H().map((function(e,t){var r,n,a=l({className:p.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return s.default.createElement("li",b({key:D(e,t)},a),s.default.createElement(w,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:z(t),clickCallback:q,getStepPT:B,getStepProp:k,cx:f}),t!==H().length-1&&s.default.createElement(N,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:B}))})),Y=l({className:p.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),s.default.createElement(s.default.Fragment,null,s.default.createElement("ul",Y,F),s.default.createElement("div",$,H().map((function(e,t){var r;return I(t)?s.default.createElement(C,{key:z(t),id:z(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:q,prevCallback:L,nextCallback:U,getStepPT:B,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===c.orientation&&H().map((function(e,t){var r,n,i,p=s.default.createRef(null),o=l(A(A(A({ref:E,className:f("panel",{props:c,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},B(e,"root",t)),B(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(A({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},B(e,"header",t))),m=l(A(A({classNames:f("stepper.content")},B(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(A({ref:p,className:f("stepper.toggleableContent")},B(e,"toggleableContent",t)));return s.default.createElement("div",b({key:D(e,t)},o),s.default.createElement("div",u,s.default.createElement(w,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:z(t),clickCallback:q,getStepPT:B,getStepProp:k,cx:f})),s.default.createElement(a.CSSTransition,b({nodeRef:p},m),s.default.createElement("div",v,t!==H().length-1&&s.default.createElement(N,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:B}),s.default.createElement(C,{key:z(t),id:z(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:q,prevCallback:L,nextCallback:U,getStepPT:B,ariaLabelledby:R(t),ptm:d,cx:f}))))})),c.end&&c.end())})));return j.displayName="StepperBase",e.Stepper=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.stepper=function(e,t,n,r,a,i,p){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(t),s=l(t);function u(e){return u="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},u(e)}function d(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function m(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(){return b=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},b.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,p,l=[],o=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=n.return&&(p=n.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return v(e)||h(e,t)||g(e,t)||O()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return p.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,n=e.index;return p.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(n),"p-disabled":t(n)})},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return p.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return p.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n \n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n \n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n \n &:last-of-type {\n flex: initial;\n }\n }\n \n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n \n &:focus-visible {\n @include focused();\n }\n }\n \n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n \n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n \n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n \n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n"}});function j(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=c.memo(c.forwardRef((function(e,t){var n=i.useMergeProps(),r=e.ptm,a=n(P(P(P({ref:t,id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),r("stepperpanel"));return c.createElement("div",a,e.template?c.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));C.displayName="StepperContent";var w=c.memo(c.forwardRef((function(e,t){var n=i.useMergeProps(),r=e.cx,a=n({ref:t,id:e.id,className:r("stepper.action"),role:"tab",type:"button",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():c.createElement("button",a,c.createElement("span",{className:r("stepper.number")},e.index+1),c.createElement("span",{className:r("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function E(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}w.displayName="StepperHeader";var N=c.memo(c.forwardRef((function(e,t){var n=i.useMergeProps()(k({ref:t,"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():c.createElement("span",n)})));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 A(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){m(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}N.displayName="StepperSeparator";var T=s.default.memo(s.default.forwardRef((function(e,t){var l=i.useMergeProps(),o=s.default.useContext(n.PrimeReactContext),c=S.getProps(e,o),u=S.setMetaData({props:c}),d=u.ptm,f=u.cx,m=u.isUnstyled,v=u.ptmo,h=x(s.default.useState(c.id),2),y=h[0],g=h[1],O=x(s.default.useState(c.activeStep),2),j=O[0],P=O[1],E=s.default.useRef();r.useHandleStyle(S.css.styles,m,{name:"stepper"}),i.useMountEffect((function(){y||g(p.UniqueComponentId())}));var k=function(e,t){var n;return null==e||null===(n=e.props)||void 0===n?void 0:n[t]},D=function(e,t){return k(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return j===e},_=function(e){return c.linear&&!I(e)},M=function(e,t){P(t),c.onChangeStep&&c.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(y,"_").concat(e,"_header_action")},z=function(e){return"".concat(y,"_").concat(e,"content")},H=function(){return s.default.Children.toArray(c.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&s.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},L=function(e,t){0!==t&&M(e,t-1)},U=function(e,t){t!==H().length-1&&M(e,t+1)},B=function(e,t,n){var r=H().length,a={props:e.props,parent:{props:c},context:{index:n,count:r,first:0===n,last:n===r-1,active:I(n),highlighted:n<j,disabled:_(n)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(k(e,"pt"),t,a))},q=function(e,t){c.linear?e.preventDefault():t!==j&&M(e,t)};s.default.useImperativeHandle(t,(function(){return{getElement:function(){return E.current},getActiveStep:function(){return j},setActiveStep:function(e){return P(e)},nextCallback:function(e){return U(e,j)},prevCallback:function(e){return L(e,j)}}}));var F,Y,$,G=l({className:p.classNames(f("root")),role:"tablist"},S.getOtherProps(c),d("root"));return s.default.createElement("div",G,c.start&&c.start(),"horizontal"===c.orientation&&(F=H().map((function(e,t){var n,r,a=l({className:p.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return s.default.createElement("li",b({key:D(e,t)},a),s.default.createElement(w,{id:R(t),template:null===(n=e.children)||void 0===n?void 0:n.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:z(t),clickCallback:q,getStepPT:B,getStepProp:k,cx:f}),t!==H().length-1&&s.default.createElement(N,{template:null===(r=e.children)||void 0===r?void 0:r.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:B}))})),Y=l({className:p.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),s.default.createElement(s.default.Fragment,null,s.default.createElement("ul",Y,F),s.default.createElement("div",$,H().map((function(e,t){var n;return I(t)?s.default.createElement(C,{key:z(t),id:z(t),tempate:null==e||null===(n=e.children)||void 0===n?void 0:n.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:q,prevCallback:L,nextCallback:U,getStepPT:B,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===c.orientation&&H().map((function(e,t){var n,r,i,p=s.default.createRef(null),o=l(A(A(A({ref:E,className:f("panel",{props:c,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},B(e,"root",t)),B(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(A({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},B(e,"header",t))),m=l(A(A({classNames:f("stepper.content")},B(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(A({ref:p,className:f("stepper.toggleableContent")},B(e,"toggleableContent",t)));return s.default.createElement("div",b({key:D(e,t)},o),s.default.createElement("div",u,s.default.createElement(w,{id:R(t),template:null===(n=e.children)||void 0===n?void 0:n.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:z(t),clickCallback:q,getStepPT:B,getStepProp:k,cx:f})),s.default.createElement(a.CSSTransition,b({nodeRef:p},m),s.default.createElement("div",v,t!==H().length-1&&s.default.createElement(N,{template:null===(r=e.children)||void 0===r?void 0:r.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:B}),s.default.createElement(C,{key:z(t),id:z(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:q,prevCallback:L,nextCallback:U,getStepPT:B,ariaLabelledby:R(t),ptm:d,cx:f}))))})),c.end&&c.end())})));return S.displayName="StepperBase",e.Stepper=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.utils);
|