primereact 10.0.1 → 10.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -4
- package/autocomplete/autocomplete.cjs.js +4 -2
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/{autocomplete.esm.mjs → autocomplete.esm.js} +4 -2
- package/autocomplete/{autocomplete.esm.min.mjs → autocomplete.esm.min.js} +1 -1
- package/autocomplete/autocomplete.js +4 -2
- 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.mjs → blockui.esm.js} +3 -6
- package/blockui/blockui.esm.min.js +1 -0
- package/blockui/blockui.js +3 -6
- package/blockui/blockui.min.js +1 -1
- package/calendar/calendar.cjs.js +3 -5
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/{calendar.esm.mjs → calendar.esm.js} +3 -5
- package/calendar/calendar.esm.min.js +1 -0
- package/calendar/calendar.js +3 -5
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +3 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/{carousel.esm.mjs → carousel.esm.js} +3 -1
- package/carousel/{carousel.esm.min.mjs → carousel.esm.min.js} +1 -1
- package/carousel/carousel.js +3 -1
- package/carousel/carousel.min.js +1 -1
- package/checkbox/checkbox.d.ts +5 -5
- package/componentbase/componentbase.d.ts +8 -0
- package/contextmenu/contextmenu.cjs.js +4 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/{contextmenu.esm.mjs → contextmenu.esm.js} +4 -1
- package/contextmenu/{contextmenu.esm.min.mjs → contextmenu.esm.min.js} +1 -1
- package/contextmenu/contextmenu.js +4 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +64 -27
- package/core/core.min.js +6 -6
- package/datatable/datatable.cjs.js +92 -41
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +27 -0
- package/datatable/{datatable.esm.mjs → datatable.esm.js} +92 -41
- package/datatable/datatable.esm.min.js +1 -0
- package/datatable/datatable.js +92 -41
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +24 -22
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/{dataview.esm.mjs → dataview.esm.js} +24 -22
- package/dataview/dataview.esm.min.js +1 -0
- package/dataview/dataview.js +24 -22
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +2 -4
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/{dialog.esm.mjs → dialog.esm.js} +2 -4
- package/dialog/{dialog.esm.min.mjs → dialog.esm.min.js} +1 -1
- package/dialog/dialog.js +2 -4
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +29 -17
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/{dropdown.esm.mjs → dropdown.esm.js} +29 -17
- package/dropdown/dropdown.esm.min.js +1 -0
- package/dropdown/dropdown.js +29 -17
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +1 -1
- package/editor/editor.cjs.min.js +1 -1
- package/editor/{editor.esm.mjs → editor.esm.js} +1 -1
- package/editor/{editor.esm.min.mjs → editor.esm.min.js} +1 -1
- package/editor/editor.js +1 -1
- package/editor/editor.min.js +1 -1
- package/galleria/galleria.cjs.js +3 -5
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/{galleria.esm.mjs → galleria.esm.js} +3 -5
- package/galleria/galleria.esm.min.js +1 -0
- package/galleria/galleria.js +3 -5
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +2 -1
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +1 -1
- package/hooks/{hooks.esm.mjs → hooks.esm.js} +2 -1
- package/hooks/{hooks.esm.min.mjs → hooks.esm.min.js} +1 -1
- package/hooks/hooks.js +2 -1
- package/hooks/hooks.min.js +1 -1
- package/image/image.cjs.js +104 -106
- package/image/image.cjs.min.js +1 -1
- package/image/{image.esm.mjs → image.esm.js} +104 -106
- package/image/image.esm.min.js +1 -0
- package/image/image.js +105 -107
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +7 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/{inputnumber.esm.mjs → inputnumber.esm.js} +7 -4
- package/inputnumber/{inputnumber.esm.min.mjs → inputnumber.esm.min.js} +1 -1
- package/inputnumber/inputnumber.js +7 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/menu/menu.cjs.js +105 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +5 -0
- package/menu/{menu.esm.mjs → menu.esm.js} +108 -4
- package/menu/menu.esm.min.js +1 -0
- package/menu/menu.js +105 -1
- package/menu/menu.min.js +1 -1
- package/multiselect/multiselect.cjs.js +26 -12
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +4 -0
- package/multiselect/{multiselect.esm.mjs → multiselect.esm.js} +26 -12
- package/multiselect/multiselect.esm.min.js +1 -0
- package/multiselect/multiselect.js +26 -12
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +32 -34
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/{orderlist.esm.mjs → orderlist.esm.js} +32 -34
- package/orderlist/{orderlist.esm.min.mjs → orderlist.esm.min.js} +1 -1
- package/orderlist/orderlist.js +32 -34
- package/orderlist/orderlist.min.js +1 -1
- package/package.json +2 -2
- package/passthrough/tailwind/index.cjs.js +2 -4
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/{index.esm.mjs → index.esm.js} +2 -5
- package/passthrough/tailwind/index.esm.min.js +1 -0
- package/passthrough/tailwind/index.js +2 -4
- package/passthrough/tailwind/index.min.js +1 -1
- package/primereact.all.cjs.js +275 -171
- package/primereact.all.cjs.min.js +1 -1
- package/{primereact.all.esm.mjs → primereact.all.esm.js} +275 -171
- package/primereact.all.esm.min.js +1 -0
- package/primereact.all.js +275 -171
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +1 -1
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/{progressbar.esm.mjs → progressbar.esm.js} +1 -1
- package/progressbar/{progressbar.esm.min.mjs → progressbar.esm.min.js} +1 -1
- package/progressbar/progressbar.js +1 -1
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +3 -3
- package/resources/themes/arya-blue/theme.css +390 -518
- package/resources/themes/arya-green/theme.css +390 -518
- package/resources/themes/arya-orange/theme.css +390 -518
- package/resources/themes/arya-purple/theme.css +390 -518
- package/resources/themes/bootstrap4-dark-blue/theme.css +391 -518
- package/resources/themes/bootstrap4-dark-purple/theme.css +391 -518
- package/resources/themes/bootstrap4-light-blue/theme.css +391 -518
- package/resources/themes/bootstrap4-light-purple/theme.css +391 -518
- package/resources/themes/fluent-light/theme.css +417 -529
- package/resources/themes/lara-dark-blue/theme.css +395 -518
- package/resources/themes/lara-dark-indigo/theme.css +395 -518
- package/resources/themes/lara-dark-purple/theme.css +395 -518
- package/resources/themes/lara-dark-teal/theme.css +395 -518
- package/resources/themes/lara-light-blue/theme.css +564 -687
- package/resources/themes/lara-light-indigo/theme.css +402 -525
- package/resources/themes/lara-light-purple/theme.css +402 -525
- package/resources/themes/lara-light-teal/theme.css +402 -525
- package/resources/themes/luna-amber/theme.css +404 -531
- package/resources/themes/luna-blue/theme.css +404 -531
- package/resources/themes/luna-green/theme.css +404 -531
- package/resources/themes/luna-pink/theme.css +404 -531
- package/resources/themes/md-dark-deeppurple/theme.css +662 -739
- package/resources/themes/md-dark-indigo/theme.css +662 -739
- package/resources/themes/md-light-deeppurple/theme.css +567 -644
- package/resources/themes/md-light-indigo/theme.css +567 -644
- package/resources/themes/mdc-dark-deeppurple/theme.css +662 -739
- package/resources/themes/mdc-dark-indigo/theme.css +662 -739
- package/resources/themes/mdc-light-deeppurple/theme.css +567 -644
- package/resources/themes/mdc-light-indigo/theme.css +567 -644
- package/resources/themes/mira/theme.css +428 -525
- package/resources/themes/nano/theme.css +388 -518
- package/resources/themes/nova/theme.css +392 -518
- package/resources/themes/nova-accent/theme.css +389 -518
- package/resources/themes/nova-alt/theme.css +392 -518
- package/resources/themes/rhea/theme.css +389 -518
- package/resources/themes/saga-blue/theme.css +390 -518
- package/resources/themes/saga-green/theme.css +390 -518
- package/resources/themes/saga-orange/theme.css +390 -518
- package/resources/themes/saga-purple/theme.css +390 -518
- package/resources/themes/soho-dark/theme.css +421 -546
- package/resources/themes/soho-light/theme.css +400 -523
- package/resources/themes/tailwind-light/theme.css +432 -547
- package/resources/themes/vela-blue/theme.css +390 -518
- package/resources/themes/vela-green/theme.css +390 -518
- package/resources/themes/vela-orange/theme.css +390 -518
- package/resources/themes/vela-purple/theme.css +390 -518
- package/resources/themes/viva-dark/theme.css +414 -523
- package/resources/themes/viva-light/theme.css +414 -523
- package/scrollpanel/scrollpanel.cjs.js +33 -17
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/{scrollpanel.esm.mjs → scrollpanel.esm.js} +19 -3
- package/scrollpanel/scrollpanel.esm.min.js +1 -0
- package/scrollpanel/scrollpanel.js +226 -210
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +3 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +6 -0
- package/selectbutton/{selectbutton.esm.mjs → selectbutton.esm.js} +3 -2
- package/selectbutton/selectbutton.esm.min.js +1 -0
- package/selectbutton/selectbutton.js +4 -3
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +87 -89
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/{sidebar.esm.mjs → sidebar.esm.js} +87 -89
- package/sidebar/sidebar.esm.min.js +1 -0
- package/sidebar/sidebar.js +88 -90
- package/sidebar/sidebar.min.js +1 -1
- package/utils/utils.cjs.js +23 -0
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +3 -0
- package/utils/{utils.esm.mjs → utils.esm.js} +23 -0
- package/utils/{utils.esm.min.mjs → utils.esm.min.js} +1 -1
- package/utils/utils.js +23 -0
- package/utils/utils.min.js +1 -1
- package/web-types.json +28 -1
- package/blockui/blockui.esm.min.mjs +0 -1
- package/calendar/calendar.esm.min.mjs +0 -1
- package/datatable/datatable.esm.min.mjs +0 -1
- package/dataview/dataview.esm.min.mjs +0 -1
- package/dropdown/dropdown.esm.min.mjs +0 -1
- package/galleria/galleria.esm.min.mjs +0 -1
- package/image/image.esm.min.mjs +0 -1
- package/menu/menu.esm.min.mjs +0 -1
- package/multiselect/multiselect.esm.min.mjs +0 -1
- package/passthrough/tailwind/index.esm.min.mjs +0 -1
- package/primereact.all.esm.min.mjs +0 -1
- package/scrollpanel/scrollpanel.esm.min.mjs +0 -1
- package/selectbutton/selectbutton.esm.min.mjs +0 -1
- package/sidebar/sidebar.esm.min.mjs +0 -1
- /package/accordion/{accordion.esm.mjs → accordion.esm.js} +0 -0
- /package/accordion/{accordion.esm.min.mjs → accordion.esm.min.js} +0 -0
- /package/api/{api.esm.mjs → api.esm.js} +0 -0
- /package/api/{api.esm.min.mjs → api.esm.min.js} +0 -0
- /package/avatar/{avatar.esm.mjs → avatar.esm.js} +0 -0
- /package/avatar/{avatar.esm.min.mjs → avatar.esm.min.js} +0 -0
- /package/avatargroup/{avatargroup.esm.mjs → avatargroup.esm.js} +0 -0
- /package/avatargroup/{avatargroup.esm.min.mjs → avatargroup.esm.min.js} +0 -0
- /package/badge/{badge.esm.mjs → badge.esm.js} +0 -0
- /package/badge/{badge.esm.min.mjs → badge.esm.min.js} +0 -0
- /package/breadcrumb/{breadcrumb.esm.mjs → breadcrumb.esm.js} +0 -0
- /package/breadcrumb/{breadcrumb.esm.min.mjs → breadcrumb.esm.min.js} +0 -0
- /package/button/{button.esm.mjs → button.esm.js} +0 -0
- /package/button/{button.esm.min.mjs → button.esm.min.js} +0 -0
- /package/card/{card.esm.mjs → card.esm.js} +0 -0
- /package/card/{card.esm.min.mjs → card.esm.min.js} +0 -0
- /package/cascadeselect/{cascadeselect.esm.mjs → cascadeselect.esm.js} +0 -0
- /package/cascadeselect/{cascadeselect.esm.min.mjs → cascadeselect.esm.min.js} +0 -0
- /package/chart/{chart.esm.mjs → chart.esm.js} +0 -0
- /package/chart/{chart.esm.min.mjs → chart.esm.min.js} +0 -0
- /package/checkbox/{checkbox.esm.mjs → checkbox.esm.js} +0 -0
- /package/checkbox/{checkbox.esm.min.mjs → checkbox.esm.min.js} +0 -0
- /package/chip/{chip.esm.mjs → chip.esm.js} +0 -0
- /package/chip/{chip.esm.min.mjs → chip.esm.min.js} +0 -0
- /package/chips/{chips.esm.mjs → chips.esm.js} +0 -0
- /package/chips/{chips.esm.min.mjs → chips.esm.min.js} +0 -0
- /package/colorpicker/{colorpicker.esm.mjs → colorpicker.esm.js} +0 -0
- /package/colorpicker/{colorpicker.esm.min.mjs → colorpicker.esm.min.js} +0 -0
- /package/column/{column.esm.mjs → column.esm.js} +0 -0
- /package/column/{column.esm.min.mjs → column.esm.min.js} +0 -0
- /package/columngroup/{columngroup.esm.mjs → columngroup.esm.js} +0 -0
- /package/columngroup/{columngroup.esm.min.mjs → columngroup.esm.min.js} +0 -0
- /package/componentbase/{componentbase.esm.mjs → componentbase.esm.js} +0 -0
- /package/componentbase/{componentbase.esm.min.mjs → componentbase.esm.min.js} +0 -0
- /package/confirmdialog/{confirmdialog.esm.mjs → confirmdialog.esm.js} +0 -0
- /package/confirmdialog/{confirmdialog.esm.min.mjs → confirmdialog.esm.min.js} +0 -0
- /package/confirmpopup/{confirmpopup.esm.mjs → confirmpopup.esm.js} +0 -0
- /package/confirmpopup/{confirmpopup.esm.min.mjs → confirmpopup.esm.min.js} +0 -0
- /package/csstransition/{csstransition.esm.mjs → csstransition.esm.js} +0 -0
- /package/csstransition/{csstransition.esm.min.mjs → csstransition.esm.min.js} +0 -0
- /package/datascroller/{datascroller.esm.mjs → datascroller.esm.js} +0 -0
- /package/datascroller/{datascroller.esm.min.mjs → datascroller.esm.min.js} +0 -0
- /package/deferredcontent/{deferredcontent.esm.mjs → deferredcontent.esm.js} +0 -0
- /package/deferredcontent/{deferredcontent.esm.min.mjs → deferredcontent.esm.min.js} +0 -0
- /package/divider/{divider.esm.mjs → divider.esm.js} +0 -0
- /package/divider/{divider.esm.min.mjs → divider.esm.min.js} +0 -0
- /package/dock/{dock.esm.mjs → dock.esm.js} +0 -0
- /package/dock/{dock.esm.min.mjs → dock.esm.min.js} +0 -0
- /package/fieldset/{fieldset.esm.mjs → fieldset.esm.js} +0 -0
- /package/fieldset/{fieldset.esm.min.mjs → fieldset.esm.min.js} +0 -0
- /package/fileupload/{fileupload.esm.mjs → fileupload.esm.js} +0 -0
- /package/fileupload/{fileupload.esm.min.mjs → fileupload.esm.min.js} +0 -0
- /package/iconbase/{iconbase.esm.mjs → iconbase.esm.js} +0 -0
- /package/iconbase/{iconbase.esm.min.mjs → iconbase.esm.min.js} +0 -0
- /package/icons/angledoubledown/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angledoubledown/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/angledoubleleft/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angledoubleleft/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/angledoubleright/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angledoubleright/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/angledoubleup/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angledoubleup/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/angledown/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angledown/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/angleleft/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angleleft/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/angleright/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angleright/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/angleup/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/angleup/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/arrowdown/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/arrowdown/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/arrowup/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/arrowup/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/ban/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/ban/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/bars/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/bars/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/calendar/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/calendar/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/check/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/check/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/chevrondown/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/chevrondown/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/chevronleft/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/chevronleft/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/chevronright/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/chevronright/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/chevronup/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/chevronup/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/download/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/download/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/exclamationtriangle/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/exclamationtriangle/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/eye/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/eye/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/eyeslash/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/eyeslash/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/filter/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/filter/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/filterslash/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/filterslash/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/infocircle/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/infocircle/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/minus/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/minus/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/pencil/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/pencil/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/plus/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/plus/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/refresh/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/refresh/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/search/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/search/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/searchminus/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/searchminus/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/searchplus/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/searchplus/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/sortalt/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/sortalt/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/sortamountdown/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/sortamountdown/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/sortamountupalt/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/sortamountupalt/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/spinner/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/spinner/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/star/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/star/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/starfill/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/starfill/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/thlarge/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/thlarge/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/times/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/times/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/timescircle/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/timescircle/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/trash/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/trash/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/undo/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/undo/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/upload/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/upload/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/windowmaximize/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/windowmaximize/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/icons/windowminimize/{index.esm.mjs → index.esm.js} +0 -0
- /package/icons/windowminimize/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/inplace/{inplace.esm.mjs → inplace.esm.js} +0 -0
- /package/inplace/{inplace.esm.min.mjs → inplace.esm.min.js} +0 -0
- /package/inputmask/{inputmask.esm.mjs → inputmask.esm.js} +0 -0
- /package/inputmask/{inputmask.esm.min.mjs → inputmask.esm.min.js} +0 -0
- /package/inputswitch/{inputswitch.esm.mjs → inputswitch.esm.js} +0 -0
- /package/inputswitch/{inputswitch.esm.min.mjs → inputswitch.esm.min.js} +0 -0
- /package/inputtext/{inputtext.esm.mjs → inputtext.esm.js} +0 -0
- /package/inputtext/{inputtext.esm.min.mjs → inputtext.esm.min.js} +0 -0
- /package/inputtextarea/{inputtextarea.esm.mjs → inputtextarea.esm.js} +0 -0
- /package/inputtextarea/{inputtextarea.esm.min.mjs → inputtextarea.esm.min.js} +0 -0
- /package/keyfilter/{keyfilter.esm.mjs → keyfilter.esm.js} +0 -0
- /package/keyfilter/{keyfilter.esm.min.mjs → keyfilter.esm.min.js} +0 -0
- /package/knob/{knob.esm.mjs → knob.esm.js} +0 -0
- /package/knob/{knob.esm.min.mjs → knob.esm.min.js} +0 -0
- /package/listbox/{listbox.esm.mjs → listbox.esm.js} +0 -0
- /package/listbox/{listbox.esm.min.mjs → listbox.esm.min.js} +0 -0
- /package/megamenu/{megamenu.esm.mjs → megamenu.esm.js} +0 -0
- /package/megamenu/{megamenu.esm.min.mjs → megamenu.esm.min.js} +0 -0
- /package/mention/{mention.esm.mjs → mention.esm.js} +0 -0
- /package/mention/{mention.esm.min.mjs → mention.esm.min.js} +0 -0
- /package/menubar/{menubar.esm.mjs → menubar.esm.js} +0 -0
- /package/menubar/{menubar.esm.min.mjs → menubar.esm.min.js} +0 -0
- /package/message/{message.esm.mjs → message.esm.js} +0 -0
- /package/message/{message.esm.min.mjs → message.esm.min.js} +0 -0
- /package/messages/{messages.esm.mjs → messages.esm.js} +0 -0
- /package/messages/{messages.esm.min.mjs → messages.esm.min.js} +0 -0
- /package/multistatecheckbox/{multistatecheckbox.esm.mjs → multistatecheckbox.esm.js} +0 -0
- /package/multistatecheckbox/{multistatecheckbox.esm.min.mjs → multistatecheckbox.esm.min.js} +0 -0
- /package/organizationchart/{organizationchart.esm.mjs → organizationchart.esm.js} +0 -0
- /package/organizationchart/{organizationchart.esm.min.mjs → organizationchart.esm.min.js} +0 -0
- /package/overlaypanel/{overlaypanel.esm.mjs → overlaypanel.esm.js} +0 -0
- /package/overlaypanel/{overlaypanel.esm.min.mjs → overlaypanel.esm.min.js} +0 -0
- /package/overlayservice/{overlayservice.esm.mjs → overlayservice.esm.js} +0 -0
- /package/overlayservice/{overlayservice.esm.min.mjs → overlayservice.esm.min.js} +0 -0
- /package/paginator/{paginator.esm.mjs → paginator.esm.js} +0 -0
- /package/paginator/{paginator.esm.min.mjs → paginator.esm.min.js} +0 -0
- /package/panel/{panel.esm.mjs → panel.esm.js} +0 -0
- /package/panel/{panel.esm.min.mjs → panel.esm.min.js} +0 -0
- /package/panelmenu/{panelmenu.esm.mjs → panelmenu.esm.js} +0 -0
- /package/panelmenu/{panelmenu.esm.min.mjs → panelmenu.esm.min.js} +0 -0
- /package/passthrough/{index.esm.mjs → index.esm.js} +0 -0
- /package/passthrough/{index.esm.min.mjs → index.esm.min.js} +0 -0
- /package/password/{password.esm.mjs → password.esm.js} +0 -0
- /package/password/{password.esm.min.mjs → password.esm.min.js} +0 -0
- /package/picklist/{picklist.esm.mjs → picklist.esm.js} +0 -0
- /package/picklist/{picklist.esm.min.mjs → picklist.esm.min.js} +0 -0
- /package/portal/{portal.esm.mjs → portal.esm.js} +0 -0
- /package/portal/{portal.esm.min.mjs → portal.esm.min.js} +0 -0
- /package/progressspinner/{progressspinner.esm.mjs → progressspinner.esm.js} +0 -0
- /package/progressspinner/{progressspinner.esm.min.mjs → progressspinner.esm.min.js} +0 -0
- /package/radiobutton/{radiobutton.esm.mjs → radiobutton.esm.js} +0 -0
- /package/radiobutton/{radiobutton.esm.min.mjs → radiobutton.esm.min.js} +0 -0
- /package/rating/{rating.esm.mjs → rating.esm.js} +0 -0
- /package/rating/{rating.esm.min.mjs → rating.esm.min.js} +0 -0
- /package/ripple/{ripple.esm.mjs → ripple.esm.js} +0 -0
- /package/ripple/{ripple.esm.min.mjs → ripple.esm.min.js} +0 -0
- /package/row/{row.esm.mjs → row.esm.js} +0 -0
- /package/row/{row.esm.min.mjs → row.esm.min.js} +0 -0
- /package/scrolltop/{scrolltop.esm.mjs → scrolltop.esm.js} +0 -0
- /package/scrolltop/{scrolltop.esm.min.mjs → scrolltop.esm.min.js} +0 -0
- /package/skeleton/{skeleton.esm.mjs → skeleton.esm.js} +0 -0
- /package/skeleton/{skeleton.esm.min.mjs → skeleton.esm.min.js} +0 -0
- /package/slidemenu/{slidemenu.esm.mjs → slidemenu.esm.js} +0 -0
- /package/slidemenu/{slidemenu.esm.min.mjs → slidemenu.esm.min.js} +0 -0
- /package/slider/{slider.esm.mjs → slider.esm.js} +0 -0
- /package/slider/{slider.esm.min.mjs → slider.esm.min.js} +0 -0
- /package/speeddial/{speeddial.esm.mjs → speeddial.esm.js} +0 -0
- /package/speeddial/{speeddial.esm.min.mjs → speeddial.esm.min.js} +0 -0
- /package/splitbutton/{splitbutton.esm.mjs → splitbutton.esm.js} +0 -0
- /package/splitbutton/{splitbutton.esm.min.mjs → splitbutton.esm.min.js} +0 -0
- /package/splitter/{splitter.esm.mjs → splitter.esm.js} +0 -0
- /package/splitter/{splitter.esm.min.mjs → splitter.esm.min.js} +0 -0
- /package/steps/{steps.esm.mjs → steps.esm.js} +0 -0
- /package/steps/{steps.esm.min.mjs → steps.esm.min.js} +0 -0
- /package/styleclass/{styleclass.esm.mjs → styleclass.esm.js} +0 -0
- /package/styleclass/{styleclass.esm.min.mjs → styleclass.esm.min.js} +0 -0
- /package/tabmenu/{tabmenu.esm.mjs → tabmenu.esm.js} +0 -0
- /package/tabmenu/{tabmenu.esm.min.mjs → tabmenu.esm.min.js} +0 -0
- /package/tabview/{tabview.esm.mjs → tabview.esm.js} +0 -0
- /package/tabview/{tabview.esm.min.mjs → tabview.esm.min.js} +0 -0
- /package/tag/{tag.esm.mjs → tag.esm.js} +0 -0
- /package/tag/{tag.esm.min.mjs → tag.esm.min.js} +0 -0
- /package/terminal/{terminal.esm.mjs → terminal.esm.js} +0 -0
- /package/terminal/{terminal.esm.min.mjs → terminal.esm.min.js} +0 -0
- /package/terminalservice/{terminalservice.esm.mjs → terminalservice.esm.js} +0 -0
- /package/terminalservice/{terminalservice.esm.min.mjs → terminalservice.esm.min.js} +0 -0
- /package/tieredmenu/{tieredmenu.esm.mjs → tieredmenu.esm.js} +0 -0
- /package/tieredmenu/{tieredmenu.esm.min.mjs → tieredmenu.esm.min.js} +0 -0
- /package/timeline/{timeline.esm.mjs → timeline.esm.js} +0 -0
- /package/timeline/{timeline.esm.min.mjs → timeline.esm.min.js} +0 -0
- /package/toast/{toast.esm.mjs → toast.esm.js} +0 -0
- /package/toast/{toast.esm.min.mjs → toast.esm.min.js} +0 -0
- /package/togglebutton/{togglebutton.esm.mjs → togglebutton.esm.js} +0 -0
- /package/togglebutton/{togglebutton.esm.min.mjs → togglebutton.esm.min.js} +0 -0
- /package/toolbar/{toolbar.esm.mjs → toolbar.esm.js} +0 -0
- /package/toolbar/{toolbar.esm.min.mjs → toolbar.esm.min.js} +0 -0
- /package/tooltip/{tooltip.esm.mjs → tooltip.esm.js} +0 -0
- /package/tooltip/{tooltip.esm.min.mjs → tooltip.esm.min.js} +0 -0
- /package/tree/{tree.esm.mjs → tree.esm.js} +0 -0
- /package/tree/{tree.esm.min.mjs → tree.esm.min.js} +0 -0
- /package/treeselect/{treeselect.esm.mjs → treeselect.esm.js} +0 -0
- /package/treeselect/{treeselect.esm.min.mjs → treeselect.esm.min.js} +0 -0
- /package/treetable/{treetable.esm.mjs → treetable.esm.js} +0 -0
- /package/treetable/{treetable.esm.min.mjs → treetable.esm.min.js} +0 -0
- /package/tristatecheckbox/{tristatecheckbox.esm.mjs → tristatecheckbox.esm.js} +0 -0
- /package/tristatecheckbox/{tristatecheckbox.esm.min.mjs → tristatecheckbox.esm.min.js} +0 -0
- /package/virtualscroller/{virtualscroller.esm.mjs → virtualscroller.esm.js} +0 -0
- /package/virtualscroller/{virtualscroller.esm.min.mjs → virtualscroller.esm.min.js} +0 -0
package/image/image.cjs.js
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
6
|
var React = require('react');
|
|
7
|
+
var utils = require('primereact/utils');
|
|
7
8
|
var PrimeReact = require('primereact/api');
|
|
8
9
|
var componentbase = require('primereact/componentbase');
|
|
9
10
|
var csstransition = require('primereact/csstransition');
|
|
@@ -16,7 +17,6 @@ var searchplus = require('primereact/icons/searchplus');
|
|
|
16
17
|
var times = require('primereact/icons/times');
|
|
17
18
|
var undo = require('primereact/icons/undo');
|
|
18
19
|
var portal = require('primereact/portal');
|
|
19
|
-
var utils = require('primereact/utils');
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
@@ -152,6 +152,106 @@ function _slicedToArray(arr, i) {
|
|
|
152
152
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
+
var usePrevious = function usePrevious(newValue) {
|
|
156
|
+
var ref = React__namespace.useRef(undefined);
|
|
157
|
+
React__namespace.useEffect(function () {
|
|
158
|
+
ref.current = newValue;
|
|
159
|
+
});
|
|
160
|
+
return ref.current;
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
/* eslint-disable */
|
|
164
|
+
var useUnmountEffect = function useUnmountEffect(fn) {
|
|
165
|
+
return React__namespace.useEffect(function () {
|
|
166
|
+
return fn;
|
|
167
|
+
}, []);
|
|
168
|
+
};
|
|
169
|
+
/* eslint-enable */
|
|
170
|
+
|
|
171
|
+
/* eslint-disable */
|
|
172
|
+
var useEventListener = function useEventListener(_ref) {
|
|
173
|
+
var _ref$target = _ref.target,
|
|
174
|
+
target = _ref$target === void 0 ? 'document' : _ref$target,
|
|
175
|
+
type = _ref.type,
|
|
176
|
+
listener = _ref.listener,
|
|
177
|
+
options = _ref.options,
|
|
178
|
+
_ref$when = _ref.when,
|
|
179
|
+
when = _ref$when === void 0 ? true : _ref$when;
|
|
180
|
+
var targetRef = React__namespace.useRef(null);
|
|
181
|
+
var listenerRef = React__namespace.useRef(null);
|
|
182
|
+
var prevListener = usePrevious(listener);
|
|
183
|
+
var prevOptions = usePrevious(options);
|
|
184
|
+
var bind = function bind() {
|
|
185
|
+
var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
186
|
+
if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
|
|
187
|
+
unbind();
|
|
188
|
+
(bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
|
|
189
|
+
}
|
|
190
|
+
if (!listenerRef.current && targetRef.current) {
|
|
191
|
+
listenerRef.current = function (event) {
|
|
192
|
+
return listener && listener(event);
|
|
193
|
+
};
|
|
194
|
+
targetRef.current.addEventListener(type, listenerRef.current, options);
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
var unbind = function unbind() {
|
|
198
|
+
if (listenerRef.current) {
|
|
199
|
+
targetRef.current.removeEventListener(type, listenerRef.current, options);
|
|
200
|
+
listenerRef.current = null;
|
|
201
|
+
}
|
|
202
|
+
};
|
|
203
|
+
React__namespace.useEffect(function () {
|
|
204
|
+
if (when) {
|
|
205
|
+
targetRef.current = utils.DomHandler.getTargetElement(target);
|
|
206
|
+
} else {
|
|
207
|
+
unbind();
|
|
208
|
+
targetRef.current = null;
|
|
209
|
+
}
|
|
210
|
+
}, [target, when]);
|
|
211
|
+
React__namespace.useEffect(function () {
|
|
212
|
+
// to properly compare functions we can implicitly converting the function to it's body's text as a String
|
|
213
|
+
if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
|
|
214
|
+
unbind();
|
|
215
|
+
when && bind();
|
|
216
|
+
}
|
|
217
|
+
}, [listener, options, when]);
|
|
218
|
+
useUnmountEffect(function () {
|
|
219
|
+
unbind();
|
|
220
|
+
});
|
|
221
|
+
return [bind, unbind];
|
|
222
|
+
};
|
|
223
|
+
/* eslint-enable */
|
|
224
|
+
|
|
225
|
+
var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
|
|
226
|
+
var handleEsc = function handleEsc(event) {
|
|
227
|
+
if (event.key === 'Esc' || event.key === 'Escape') {
|
|
228
|
+
event.stopImmediatePropagation();
|
|
229
|
+
callback(event);
|
|
230
|
+
}
|
|
231
|
+
return;
|
|
232
|
+
};
|
|
233
|
+
var _useEventListener = useEventListener({
|
|
234
|
+
type: 'keydown',
|
|
235
|
+
listener: handleEsc
|
|
236
|
+
}),
|
|
237
|
+
_useEventListener2 = _slicedToArray(_useEventListener, 2),
|
|
238
|
+
bindKeyDownListener = _useEventListener2[0],
|
|
239
|
+
unbindKeyDownListener = _useEventListener2[1];
|
|
240
|
+
React__namespace.useEffect(function () {
|
|
241
|
+
if (!condition) {
|
|
242
|
+
return;
|
|
243
|
+
}
|
|
244
|
+
if (!ref.current) {
|
|
245
|
+
return;
|
|
246
|
+
}
|
|
247
|
+
bindKeyDownListener();
|
|
248
|
+
return function () {
|
|
249
|
+
unbindKeyDownListener();
|
|
250
|
+
};
|
|
251
|
+
});
|
|
252
|
+
return [ref, callback];
|
|
253
|
+
};
|
|
254
|
+
|
|
155
255
|
function _arrayWithoutHoles(arr) {
|
|
156
256
|
if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
|
|
157
257
|
}
|
|
@@ -731,7 +831,7 @@ var classes = {
|
|
|
731
831
|
},
|
|
732
832
|
transition: 'p-image-preview'
|
|
733
833
|
};
|
|
734
|
-
var styles = "\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n";
|
|
834
|
+
var styles = "\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n line-height: 0;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n border: none;\n padding: 0;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n";
|
|
735
835
|
var inlineStyles = {
|
|
736
836
|
preview: function preview(_ref2) {
|
|
737
837
|
var rotateState = _ref2.rotateState,
|
|
@@ -780,106 +880,6 @@ var ImageBase = componentbase.ComponentBase.extend({
|
|
|
780
880
|
}
|
|
781
881
|
});
|
|
782
882
|
|
|
783
|
-
var usePrevious = function usePrevious(newValue) {
|
|
784
|
-
var ref = React__namespace.useRef(undefined);
|
|
785
|
-
React__namespace.useEffect(function () {
|
|
786
|
-
ref.current = newValue;
|
|
787
|
-
});
|
|
788
|
-
return ref.current;
|
|
789
|
-
};
|
|
790
|
-
|
|
791
|
-
/* eslint-disable */
|
|
792
|
-
var useUnmountEffect = function useUnmountEffect(fn) {
|
|
793
|
-
return React__namespace.useEffect(function () {
|
|
794
|
-
return fn;
|
|
795
|
-
}, []);
|
|
796
|
-
};
|
|
797
|
-
/* eslint-enable */
|
|
798
|
-
|
|
799
|
-
/* eslint-disable */
|
|
800
|
-
var useEventListener = function useEventListener(_ref) {
|
|
801
|
-
var _ref$target = _ref.target,
|
|
802
|
-
target = _ref$target === void 0 ? 'document' : _ref$target,
|
|
803
|
-
type = _ref.type,
|
|
804
|
-
listener = _ref.listener,
|
|
805
|
-
options = _ref.options,
|
|
806
|
-
_ref$when = _ref.when,
|
|
807
|
-
when = _ref$when === void 0 ? true : _ref$when;
|
|
808
|
-
var targetRef = React__namespace.useRef(null);
|
|
809
|
-
var listenerRef = React__namespace.useRef(null);
|
|
810
|
-
var prevListener = usePrevious(listener);
|
|
811
|
-
var prevOptions = usePrevious(options);
|
|
812
|
-
var bind = function bind() {
|
|
813
|
-
var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
814
|
-
if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
|
|
815
|
-
unbind();
|
|
816
|
-
(bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
|
|
817
|
-
}
|
|
818
|
-
if (!listenerRef.current && targetRef.current) {
|
|
819
|
-
listenerRef.current = function (event) {
|
|
820
|
-
return listener && listener(event);
|
|
821
|
-
};
|
|
822
|
-
targetRef.current.addEventListener(type, listenerRef.current, options);
|
|
823
|
-
}
|
|
824
|
-
};
|
|
825
|
-
var unbind = function unbind() {
|
|
826
|
-
if (listenerRef.current) {
|
|
827
|
-
targetRef.current.removeEventListener(type, listenerRef.current, options);
|
|
828
|
-
listenerRef.current = null;
|
|
829
|
-
}
|
|
830
|
-
};
|
|
831
|
-
React__namespace.useEffect(function () {
|
|
832
|
-
if (when) {
|
|
833
|
-
targetRef.current = utils.DomHandler.getTargetElement(target);
|
|
834
|
-
} else {
|
|
835
|
-
unbind();
|
|
836
|
-
targetRef.current = null;
|
|
837
|
-
}
|
|
838
|
-
}, [target, when]);
|
|
839
|
-
React__namespace.useEffect(function () {
|
|
840
|
-
// to properly compare functions we can implicitly converting the function to it's body's text as a String
|
|
841
|
-
if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
|
|
842
|
-
unbind();
|
|
843
|
-
when && bind();
|
|
844
|
-
}
|
|
845
|
-
}, [listener, options, when]);
|
|
846
|
-
useUnmountEffect(function () {
|
|
847
|
-
unbind();
|
|
848
|
-
});
|
|
849
|
-
return [bind, unbind];
|
|
850
|
-
};
|
|
851
|
-
/* eslint-enable */
|
|
852
|
-
|
|
853
|
-
var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
|
|
854
|
-
var handleEsc = function handleEsc(event) {
|
|
855
|
-
if (event.key === 'Esc' || event.key === 'Escape') {
|
|
856
|
-
event.stopImmediatePropagation();
|
|
857
|
-
callback(event);
|
|
858
|
-
}
|
|
859
|
-
return;
|
|
860
|
-
};
|
|
861
|
-
var _useEventListener = useEventListener({
|
|
862
|
-
type: 'keydown',
|
|
863
|
-
listener: handleEsc
|
|
864
|
-
}),
|
|
865
|
-
_useEventListener2 = _slicedToArray(_useEventListener, 2),
|
|
866
|
-
bindKeyDownListener = _useEventListener2[0],
|
|
867
|
-
unbindKeyDownListener = _useEventListener2[1];
|
|
868
|
-
React__namespace.useEffect(function () {
|
|
869
|
-
if (!condition) {
|
|
870
|
-
return;
|
|
871
|
-
}
|
|
872
|
-
if (!ref.current) {
|
|
873
|
-
return;
|
|
874
|
-
}
|
|
875
|
-
bindKeyDownListener();
|
|
876
|
-
return function () {
|
|
877
|
-
unbindKeyDownListener();
|
|
878
|
-
};
|
|
879
|
-
});
|
|
880
|
-
return [ref, callback];
|
|
881
|
-
};
|
|
882
|
-
|
|
883
883
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
884
884
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
885
885
|
var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
@@ -928,8 +928,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
|
|
|
928
928
|
var show = function show() {
|
|
929
929
|
if (props.preview) {
|
|
930
930
|
setMaskVisibleState(true);
|
|
931
|
-
utils.DomHandler.
|
|
932
|
-
document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
|
|
931
|
+
utils.DomHandler.blockBodyScroll();
|
|
933
932
|
setTimeout(function () {
|
|
934
933
|
setPreviewVisibleState(true);
|
|
935
934
|
}, 25);
|
|
@@ -938,8 +937,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
|
|
|
938
937
|
var hide = function hide() {
|
|
939
938
|
if (!previewClick.current) {
|
|
940
939
|
setPreviewVisibleState(false);
|
|
941
|
-
utils.DomHandler.
|
|
942
|
-
document.body.style.removeProperty('--scrollbar-width');
|
|
940
|
+
utils.DomHandler.unblockBodyScroll();
|
|
943
941
|
setRotateState(0);
|
|
944
942
|
setScaleState(1);
|
|
945
943
|
}
|
package/image/image.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/iconbase"),a=require("primereact/icons/eye"),l=require("primereact/icons/refresh"),c=require("primereact/icons/searchminus"),u=require("primereact/icons/searchplus"),s=require("primereact/icons/times"),p=require("primereact/icons/undo"),f=require("primereact/portal"),m=require("primereact/utils");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=d(e),v=y(t);function h(){return h=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},h.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function E(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=E(e,"string");return"symbol"===b(t)?t:String(t)}function C(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function I(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 x(e,t){if(e){if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}function 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 k(e,t){return C(e)||P(e,t)||x(e,t)||O()}function S(e){if(Array.isArray(e))return I(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function 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 N(e){return S(e)||j(e)||x(e)||D()}function A(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function F(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,w(r.key),r)}}function U(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=B(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function B(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function R(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}var z=function(){function e(){A(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===b(e)&&t&&"object"===b(t)?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==b(e)&&"object"==b(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r=(this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0))===t;return r}return!1}},{key:"getRefElement",value:function(e){return e?"object"===b(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===b(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=N(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(N(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=U(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===b(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&F(t.prototype,n),r&&F(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),q=0;function L(){return q++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(q)}var T=g.memo(g.forwardRef((function(e,t){var n=i.IconBase.getPTI(e),r=k(g.useState(e.id),2),o=r[0],a=r[1];return g.useEffect((function(){z.isEmpty(o)&&a(L("pr_icon_clip_"))}),[o]),g.createElement("svg",h({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),g.createElement("g",{clipPath:"url(#".concat(o,")")},g.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),g.createElement("defs",null,g.createElement("clipPath",{id:o},g.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));T.displayName="DownloadIcon";var M=n.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return m.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}}),H=function(e){var t=g.useRef(void 0);return g.useEffect((function(){t.current=e})),t.current},_=function(e,t,n){var r,o,i,a,l,c,u,s,p,f,y,d,v,h,b,E=(a=void 0===(i=(r={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),n(e))}}).target)?"document":i,l=r.type,c=r.listener,u=r.options,p=void 0===(s=r.when)||s,f=g.useRef(null),y=g.useRef(null),d=H(c),v=H(u),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};m.ObjectUtils.isNotEmpty(e.target)&&(b(),(e.when||p)&&(f.current=m.DomHandler.getTargetElement(e.target))),!y.current&&f.current&&(y.current=function(e){return c&&c(e)},f.current.addEventListener(l,y.current,u))},b=function(){y.current&&(f.current.removeEventListener(l,y.current,u),y.current=null)},g.useEffect((function(){p?f.current=m.DomHandler.getTargetElement(a):(b(),f.current=null)}),[a,p]),g.useEffect((function(){!y.current||""+d==""+c&&v===u||(b(),p&&h())}),[c,u,p]),o=function(){b()},g.useEffect((function(){return o}),[]),[h,b]),w=k(E,2),C=w[0],P=w[1];return g.useEffect((function(){if(t&&e.current)return C(),function(){P()}})),[e,n]};function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=w(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var X=g.memo(g.forwardRef((function(e,i){var y=g.useContext(t.PrimeReactContext),d=M.getProps(e,y),b=k(g.useState(!1),2),E=b[0],w=b[1],C=k(g.useState(!1),2),P=C[0],I=C[1],x=k(g.useState(0),2),O=x[0],S=x[1],j=k(g.useState(1),2),D=j[0],N=j[1],A=g.useRef(null),F=g.useRef(null),U=g.useRef(null),B=g.useRef(null),R=g.useRef(!1);_(U,d.closeOnEscape,(function(){X()}));var z=M.setMetaData({props:d,state:{maskVisible:E,previewVisible:P,rotate:O,scale:D}}),q=z.ptm,L=z.cx,H=z.sx;n.useHandleStyle(M.css.styles,z.isUnstyled,{name:"image"});var V=function(){d.preview&&(w(!0),m.DomHandler.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",m.DomHandler.calculateScrollbarWidth()+"px"),setTimeout((function(){I(!0)}),25))},X=function(){R.current||(I(!1),m.DomHandler.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width"),S(0),N(1)),R.current=!1},Z=function(){R.current=!0},K=function(){m.DomHandler.saveAs({name:d.alt,src:d.src}),R.current=!0},Y=function(){S((function(e){return e+90})),R.current=!0},W=function(){S((function(e){return e-90})),R.current=!0},$=function(){N((function(e){return e+.1})),R.current=!0},G=function(){N((function(e){return e-.1})),R.current=!0},Q=function(){m.ZIndexUtils.set("modal",U.current,y&&y.autoZIndex||v.default.autoZIndex,y&&y.zIndex.modal||v.default.zIndex.modal)},ee=function(){d.onShow&&d.onShow()},te=function(){m.DomHandler.addClass(U.current,"p-component-overlay-leave")},ne=function(){d.onHide&&d.onHide()},re=function(){m.ZIndexUtils.clear(U.current),w(!1)};o.useUnmountEffect((function(){U.current&&m.ZIndexUtils.clear(U.current)}));g.useImperativeHandle(i,(function(){return{props:d,show:V,hide:X,getElement:function(){return A.current},getImage:function(){return F.current}}}));var oe,ie=d.src,ae=d.alt,le=d.width,ce=d.height,ue=d.crossOrigin,se=d.referrerPolicy,pe=d.useMap,fe=d.loading,me=function(){var e=d.downloadable,n=d.alt,o=d.crossOrigin,i=d.referrerPolicy,a=d.useMap,f=d.loading,y=D<=.5,v=D>=1.5,b=m.mergeProps(q("downloadIcon")),E=m.mergeProps(q("rotateRightIcon")),w=m.mergeProps(q("rotateLeftIcon")),C=m.mergeProps(q("zoomOutIcon")),I=m.mergeProps(q("zoomInIcon")),x=m.mergeProps(q("closeIcon")),k=m.IconUtils.getJSXIcon(d.downloadIcon||g.createElement(T,null),J({},b),{props:d}),S=m.IconUtils.getJSXIcon(d.rotateRightIcon||g.createElement(l.RefreshIcon,null),J({},E),{props:d}),j=m.IconUtils.getJSXIcon(d.rotateLeftIcon||g.createElement(p.UndoIcon,null),J({},w),{props:d}),N=m.IconUtils.getJSXIcon(d.zoomOutIcon||g.createElement(c.SearchMinusIcon,null),J({},C),{props:d}),A=m.IconUtils.getJSXIcon(d.zoomInIcon||g.createElement(u.SearchPlusIcon,null),J({},I),{props:d}),F=m.IconUtils.getJSXIcon(d.closeIcon||g.createElement(s.TimesIcon,null),J({},x),{props:d}),R=m.mergeProps({ref:U,className:L("mask"),onPointerUp:X},q("mask")),z=m.mergeProps({className:L("toolbar")},q("toolbar")),M=m.mergeProps({className:L("downloadButton"),onPointerUp:K,type:"button"},q("downloadButton")),_=m.mergeProps({className:L("rotateRightButton"),onPointerUp:Y,type:"button"},q("rotateRightButton")),V=m.mergeProps({className:L("rotateLeftButton"),onPointerUp:W,type:"button"},q("rotateLeftButton")),oe=m.mergeProps({className:m.classNames(L("zoomOutButton"),{"p-disabled":y}),style:{pointerEvents:"auto"},onPointerUp:G,type:"button",disabled:y},q("zoomOutButton")),ie=m.mergeProps({className:m.classNames(L("zoomInButton"),{"p-disabled":v}),style:{pointerEvents:"auto"},onPointerUp:$,type:"button",disabled:v},q("zoomInButton")),ae=m.mergeProps({className:L("closeButton"),type:"button","aria-label":t.localeOption("close")},q("closeButton")),le=m.mergeProps({src:d.zoomSrc||d.src,className:L("preview"),style:H("preview",{rotateState:O,scaleState:D}),onPointerUp:Z,crossOrigin:o,referrerPolicy:i,useMap:a,loading:f},q("preview")),ce=m.mergeProps({ref:B},q("previewContainer")),ue=m.mergeProps({classNames:L("transition"),in:P,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:Q,onEntered:ee,onExit:te,onExiting:ne,onExited:re},q("transition"));return g.createElement("div",R,g.createElement("div",z,e&&g.createElement("button",M,k),g.createElement("button",_,S),g.createElement("button",V,j),g.createElement("button",oe,N),g.createElement("button",ie,A),g.createElement("button",ae,F)),g.createElement(r.CSSTransition,h({nodeRef:B},ue),g.createElement("div",ce,g.createElement("img",h({alt:n},le)))))}(),ye=m.mergeProps({className:L("icon")},q("icon")),de=m.IconUtils.getJSXIcon(d.indicatorIcon||g.createElement(a.EyeIcon,ye),J({},ye),{props:d}),ge=d.template?m.ObjectUtils.getJSXElement(d.template,d):de,ve=(oe=m.mergeProps({className:L("button"),onClick:V},q("button")),d.preview?g.createElement("div",oe,ge):null),he=m.mergeProps({ref:F,src:ie,className:d.imageClassName,width:le,height:ce,crossOrigin:ue,referrerPolicy:se,useMap:pe,loading:fe,style:d.imageStyle,onError:d.onError},q("image")),be=d.src&&g.createElement("img",h({},he,{alt:ae})),Ee=m.mergeProps({ref:A,className:L("root")},M.getOtherProps(d),q("root"));return g.createElement("span",Ee,be,ve,E&&g.createElement(f.Portal,{element:me,appendTo:document.body}))})));X.displayName="Image",exports.Image=X;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/api"),r=require("primereact/componentbase"),o=require("primereact/csstransition"),i=require("primereact/hooks"),a=require("primereact/iconbase"),l=require("primereact/icons/eye"),c=require("primereact/icons/refresh"),u=require("primereact/icons/searchminus"),s=require("primereact/icons/searchplus"),p=require("primereact/icons/times"),f=require("primereact/icons/undo"),m=require("primereact/portal");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(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 d=g(e),v=y(n);function h(){return h=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},h.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function E(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=E(e,"string");return"symbol"===b(t)?t:String(t)}function C(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function I(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 x(e,t){if(e){if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}function 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 k(e,t){return C(e)||P(e,t)||x(e,t)||O()}var S=function(e){var t=d.useRef(void 0);return d.useEffect((function(){t.current=e})),t.current},j=function(e,n,r){var o,i,a,l,c,u,s,p,f,m,y,g,v,h,b,E=(l=void 0===(a=(o={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":a,c=o.type,u=o.listener,s=o.options,f=void 0===(p=o.when)||p,m=d.useRef(null),y=d.useRef(null),g=S(u),v=S(s),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.ObjectUtils.isNotEmpty(e.target)&&(b(),(e.when||f)&&(m.current=t.DomHandler.getTargetElement(e.target))),!y.current&&m.current&&(y.current=function(e){return u&&u(e)},m.current.addEventListener(c,y.current,s))},b=function(){y.current&&(m.current.removeEventListener(c,y.current,s),y.current=null)},d.useEffect((function(){f?m.current=t.DomHandler.getTargetElement(l):(b(),m.current=null)}),[l,f]),d.useEffect((function(){!y.current||""+g==""+u&&v===s||(b(),f&&h())}),[u,s,f]),i=function(){b()},d.useEffect((function(){return i}),[]),[h,b]),w=k(E,2),C=w[0],P=w[1];return d.useEffect((function(){if(n&&e.current)return C(),function(){P()}})),[e,r]};function D(e){if(Array.isArray(e))return I(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function A(){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 B(e){return D(e)||N(e)||x(e)||A()}function F(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function U(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,w(r.key),r)}}function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw i}}}}function z(e,t){if(e){if("string"==typeof e)return q(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)?q(e,t):void 0}}function q(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}var L=function(){function e(){F(this,e)}var t,n,r;return t=e,r=[{key:"equals",value:function(e,t,n){return n&&e&&"object"===b(e)&&t&&"object"===b(t)?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==b(e)&&"object"==b(t)){var n,r,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((r=e.length)!==t.length)return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((r=p.length)!==Object.keys(t).length)return!1;for(n=r;0!=n--;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=r;0!=n--;)if(!this.deepEquals(e[o=p[n]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(e,t){if(!e||!t)return null;try{var n=e[t];if(this.isNotEmpty(n))return n}catch(e){}if(Object.keys(e).length){if(this.isFunction(t))return t(e);if(this.isNotEmpty(e[t]))return e[t];if(-1===t.indexOf("."))return e[t];for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(null==o)return null;o=o[r[i]]}return o}return null}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,n){return t[n]=e[n],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var n={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){n[t]=e[t],delete e[t]})),n):n}},{key:"reorderArray",value:function(e,t,n){e&&t!==n&&(n>=e.length&&(n%=e.length,t%=e.length),e.splice(n,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,n){var r=this;return t?t.findIndex(n?function(t){return r.equals(t,e,n)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getItemValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e?e[t]:void 0;return void 0===n?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:n}},{key:"getPropCaseInsensitive",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=this.toFlatCase(t);for(var o in e)if(e.hasOwnProperty(o)&&this.toFlatCase(o)===r)return e[o];for(var i in n)if(n.hasOwnProperty(i)&&this.toFlatCase(i)===r)return n[i]}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return this.isFunction(e)?e.apply(void 0,n):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,n):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,n){if(e){var r=(this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0))===t;return r}return!1}},{key:"getRefElement",value:function(e){return e?"object"===b(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"toFlatCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"toCapitalCase",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e[0].toUpperCase()+e.slice(1):e}},{key:"trim",value:function(e){return this.isNotEmpty(e)&&this.isString(e)?e.trim():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===b(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isObject",value:function(e){return null!==e&&e instanceof Object&&e.constructor===Object}},{key:"isDate",value:function(e){return null!==e&&e instanceof Date&&e.constructor===Date}},{key:"isArray",value:function(e){return null!==e&&Array.isArray(e)}},{key:"isString",value:function(e){return null!==e&&"string"==typeof e}},{key:"isPrintableCharacter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.isNotEmpty(e)&&1===e.length&&e.match(/\S| /)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findLast",value:function(e,t){var n;if(this.isNotEmpty(e))try{n=e.findLast(t)}catch(r){n=B(e).reverse().find(t)}return n}},{key:"findLastIndex",value:function(e,t){var n=-1;if(this.isNotEmpty(e))try{n=e.findLastIndex(t)}catch(r){n=e.lastIndexOf(B(e).reverse().find(t))}return n}},{key:"sort",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,o=this.compare(e,t,arguments.length>3?arguments[3]:void 0,n),i=n;return(this.isEmpty(e)||this.isEmpty(t))&&(i=1===r?n:r),i*o}},{key:"compare",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,o=this.isEmpty(e),i=this.isEmpty(t);return o&&i?0:o?r:i?-r:"string"==typeof e&&"string"==typeof t?n(e,t):e<t?-1:e>t?1:0}},{key:"localeComparator",value:function(e){return new Intl.Collator(e,{numeric:!0}).compare}},{key:"findChildrenByKey",value:function(e,t){var n,r=R(e);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(o.key===t)return o.children||[];if(o.children){var i=this.findChildrenByKey(o.children,t);if(i.length>0)return i}}}catch(e){r.e(e)}finally{r.f()}return[]}},{key:"mutateFieldData",value:function(e,t,n){if("object"===b(e)&&"string"==typeof t)for(var r=t.split("."),o=e,i=0,a=r.length;i<a;++i){if(i+1-a==0){o[r[i]]=n;break}o[r[i]]||(o[r[i]]={}),o=o[r[i]]}}}],(n=null)&&U(t.prototype,n),r&&U(t,r),Object.defineProperty(t,"prototype",{writable:!1}),e}(),T=0;function M(){return T++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(T)}var _=d.memo(d.forwardRef((function(e,t){var n=a.IconBase.getPTI(e),r=k(d.useState(e.id),2),o=r[0],i=r[1];return d.useEffect((function(){L.isEmpty(o)&&i(M("pr_icon_clip_"))}),[o]),d.createElement("svg",h({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),d.createElement("g",{clipPath:"url(#".concat(o,")")},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"})),d.createElement("defs",null,d.createElement("clipPath",{id:o},d.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));_.displayName="DownloadIcon";var H=r.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var n=e.props;return t.classNames("p-image p-component",n.className,{"p-image-preview-container":n.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n line-height: 0;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n border: none;\n padding: 0;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function V(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=w(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var X=d.memo(d.forwardRef((function(e,a){var y=d.useContext(n.PrimeReactContext),g=H.getProps(e,y),b=k(d.useState(!1),2),E=b[0],w=b[1],C=k(d.useState(!1),2),P=C[0],I=C[1],x=k(d.useState(0),2),O=x[0],S=x[1],D=k(d.useState(1),2),N=D[0],A=D[1],B=d.useRef(null),F=d.useRef(null),U=d.useRef(null),R=d.useRef(null),z=d.useRef(!1);j(U,g.closeOnEscape,(function(){X()}));var q=H.setMetaData({props:g,state:{maskVisible:E,previewVisible:P,rotate:O,scale:N}}),L=q.ptm,T=q.cx,M=q.sx;r.useHandleStyle(H.css.styles,q.isUnstyled,{name:"image"});var V=function(){g.preview&&(w(!0),t.DomHandler.blockBodyScroll(),setTimeout((function(){I(!0)}),25))},X=function(){z.current||(I(!1),t.DomHandler.unblockBodyScroll(),S(0),A(1)),z.current=!1},Z=function(){z.current=!0},K=function(){t.DomHandler.saveAs({name:g.alt,src:g.src}),z.current=!0},Y=function(){S((function(e){return e+90})),z.current=!0},$=function(){S((function(e){return e-90})),z.current=!0},W=function(){A((function(e){return e+.1})),z.current=!0},G=function(){A((function(e){return e-.1})),z.current=!0},Q=function(){t.ZIndexUtils.set("modal",U.current,y&&y.autoZIndex||v.default.autoZIndex,y&&y.zIndex.modal||v.default.zIndex.modal)},ee=function(){g.onShow&&g.onShow()},te=function(){t.DomHandler.addClass(U.current,"p-component-overlay-leave")},ne=function(){g.onHide&&g.onHide()},re=function(){t.ZIndexUtils.clear(U.current),w(!1)};i.useUnmountEffect((function(){U.current&&t.ZIndexUtils.clear(U.current)}));d.useImperativeHandle(a,(function(){return{props:g,show:V,hide:X,getElement:function(){return B.current},getImage:function(){return F.current}}}));var oe,ie=g.src,ae=g.alt,le=g.width,ce=g.height,ue=g.crossOrigin,se=g.referrerPolicy,pe=g.useMap,fe=g.loading,me=function(){var e=g.downloadable,r=g.alt,i=g.crossOrigin,a=g.referrerPolicy,l=g.useMap,m=g.loading,y=N<=.5,v=N>=1.5,b=t.mergeProps(L("downloadIcon")),E=t.mergeProps(L("rotateRightIcon")),w=t.mergeProps(L("rotateLeftIcon")),C=t.mergeProps(L("zoomOutIcon")),I=t.mergeProps(L("zoomInIcon")),x=t.mergeProps(L("closeIcon")),k=t.IconUtils.getJSXIcon(g.downloadIcon||d.createElement(_,null),J({},b),{props:g}),S=t.IconUtils.getJSXIcon(g.rotateRightIcon||d.createElement(c.RefreshIcon,null),J({},E),{props:g}),j=t.IconUtils.getJSXIcon(g.rotateLeftIcon||d.createElement(f.UndoIcon,null),J({},w),{props:g}),D=t.IconUtils.getJSXIcon(g.zoomOutIcon||d.createElement(u.SearchMinusIcon,null),J({},C),{props:g}),A=t.IconUtils.getJSXIcon(g.zoomInIcon||d.createElement(s.SearchPlusIcon,null),J({},I),{props:g}),B=t.IconUtils.getJSXIcon(g.closeIcon||d.createElement(p.TimesIcon,null),J({},x),{props:g}),F=t.mergeProps({ref:U,className:T("mask"),onPointerUp:X},L("mask")),z=t.mergeProps({className:T("toolbar")},L("toolbar")),q=t.mergeProps({className:T("downloadButton"),onPointerUp:K,type:"button"},L("downloadButton")),H=t.mergeProps({className:T("rotateRightButton"),onPointerUp:Y,type:"button"},L("rotateRightButton")),V=t.mergeProps({className:T("rotateLeftButton"),onPointerUp:$,type:"button"},L("rotateLeftButton")),oe=t.mergeProps({className:t.classNames(T("zoomOutButton"),{"p-disabled":y}),style:{pointerEvents:"auto"},onPointerUp:G,type:"button",disabled:y},L("zoomOutButton")),ie=t.mergeProps({className:t.classNames(T("zoomInButton"),{"p-disabled":v}),style:{pointerEvents:"auto"},onPointerUp:W,type:"button",disabled:v},L("zoomInButton")),ae=t.mergeProps({className:T("closeButton"),type:"button","aria-label":n.localeOption("close")},L("closeButton")),le=t.mergeProps({src:g.zoomSrc||g.src,className:T("preview"),style:M("preview",{rotateState:O,scaleState:N}),onPointerUp:Z,crossOrigin:i,referrerPolicy:a,useMap:l,loading:m},L("preview")),ce=t.mergeProps({ref:R},L("previewContainer")),ue=t.mergeProps({classNames:T("transition"),in:P,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:Q,onEntered:ee,onExit:te,onExiting:ne,onExited:re},L("transition"));return d.createElement("div",F,d.createElement("div",z,e&&d.createElement("button",q,k),d.createElement("button",H,S),d.createElement("button",V,j),d.createElement("button",oe,D),d.createElement("button",ie,A),d.createElement("button",ae,B)),d.createElement(o.CSSTransition,h({nodeRef:R},ue),d.createElement("div",ce,d.createElement("img",h({alt:r},le)))))}(),ye=t.mergeProps({className:T("icon")},L("icon")),ge=t.IconUtils.getJSXIcon(g.indicatorIcon||d.createElement(l.EyeIcon,ye),J({},ye),{props:g}),de=g.template?t.ObjectUtils.getJSXElement(g.template,g):ge,ve=(oe=t.mergeProps({className:T("button"),onClick:V},L("button")),g.preview?d.createElement("div",oe,de):null),he=t.mergeProps({ref:F,src:ie,className:g.imageClassName,width:le,height:ce,crossOrigin:ue,referrerPolicy:se,useMap:pe,loading:fe,style:g.imageStyle,onError:g.onError},L("image")),be=g.src&&d.createElement("img",h({},he,{alt:ae})),Ee=t.mergeProps({ref:B,className:T("root")},H.getOtherProps(g),L("root"));return d.createElement("span",Ee,be,ve,E&&d.createElement(m.Portal,{element:me,appendTo:document.body}))})));X.displayName="Image",exports.Image=X;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import { DomHandler, ObjectUtils as ObjectUtils$1, classNames, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
|
|
3
4
|
import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
|
|
4
5
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
6
|
import { CSSTransition } from 'primereact/csstransition';
|
|
@@ -12,7 +13,6 @@ import { SearchPlusIcon } from 'primereact/icons/searchplus';
|
|
|
12
13
|
import { TimesIcon } from 'primereact/icons/times';
|
|
13
14
|
import { UndoIcon } from 'primereact/icons/undo';
|
|
14
15
|
import { Portal } from 'primereact/portal';
|
|
15
|
-
import { classNames, DomHandler, ObjectUtils as ObjectUtils$1, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
|
|
16
16
|
|
|
17
17
|
function _extends() {
|
|
18
18
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -125,6 +125,106 @@ function _slicedToArray(arr, i) {
|
|
|
125
125
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
+
var usePrevious = function usePrevious(newValue) {
|
|
129
|
+
var ref = React.useRef(undefined);
|
|
130
|
+
React.useEffect(function () {
|
|
131
|
+
ref.current = newValue;
|
|
132
|
+
});
|
|
133
|
+
return ref.current;
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
/* eslint-disable */
|
|
137
|
+
var useUnmountEffect = function useUnmountEffect(fn) {
|
|
138
|
+
return React.useEffect(function () {
|
|
139
|
+
return fn;
|
|
140
|
+
}, []);
|
|
141
|
+
};
|
|
142
|
+
/* eslint-enable */
|
|
143
|
+
|
|
144
|
+
/* eslint-disable */
|
|
145
|
+
var useEventListener = function useEventListener(_ref) {
|
|
146
|
+
var _ref$target = _ref.target,
|
|
147
|
+
target = _ref$target === void 0 ? 'document' : _ref$target,
|
|
148
|
+
type = _ref.type,
|
|
149
|
+
listener = _ref.listener,
|
|
150
|
+
options = _ref.options,
|
|
151
|
+
_ref$when = _ref.when,
|
|
152
|
+
when = _ref$when === void 0 ? true : _ref$when;
|
|
153
|
+
var targetRef = React.useRef(null);
|
|
154
|
+
var listenerRef = React.useRef(null);
|
|
155
|
+
var prevListener = usePrevious(listener);
|
|
156
|
+
var prevOptions = usePrevious(options);
|
|
157
|
+
var bind = function bind() {
|
|
158
|
+
var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
159
|
+
if (ObjectUtils$1.isNotEmpty(bindOptions.target)) {
|
|
160
|
+
unbind();
|
|
161
|
+
(bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
|
|
162
|
+
}
|
|
163
|
+
if (!listenerRef.current && targetRef.current) {
|
|
164
|
+
listenerRef.current = function (event) {
|
|
165
|
+
return listener && listener(event);
|
|
166
|
+
};
|
|
167
|
+
targetRef.current.addEventListener(type, listenerRef.current, options);
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
var unbind = function unbind() {
|
|
171
|
+
if (listenerRef.current) {
|
|
172
|
+
targetRef.current.removeEventListener(type, listenerRef.current, options);
|
|
173
|
+
listenerRef.current = null;
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
React.useEffect(function () {
|
|
177
|
+
if (when) {
|
|
178
|
+
targetRef.current = DomHandler.getTargetElement(target);
|
|
179
|
+
} else {
|
|
180
|
+
unbind();
|
|
181
|
+
targetRef.current = null;
|
|
182
|
+
}
|
|
183
|
+
}, [target, when]);
|
|
184
|
+
React.useEffect(function () {
|
|
185
|
+
// to properly compare functions we can implicitly converting the function to it's body's text as a String
|
|
186
|
+
if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
|
|
187
|
+
unbind();
|
|
188
|
+
when && bind();
|
|
189
|
+
}
|
|
190
|
+
}, [listener, options, when]);
|
|
191
|
+
useUnmountEffect(function () {
|
|
192
|
+
unbind();
|
|
193
|
+
});
|
|
194
|
+
return [bind, unbind];
|
|
195
|
+
};
|
|
196
|
+
/* eslint-enable */
|
|
197
|
+
|
|
198
|
+
var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
|
|
199
|
+
var handleEsc = function handleEsc(event) {
|
|
200
|
+
if (event.key === 'Esc' || event.key === 'Escape') {
|
|
201
|
+
event.stopImmediatePropagation();
|
|
202
|
+
callback(event);
|
|
203
|
+
}
|
|
204
|
+
return;
|
|
205
|
+
};
|
|
206
|
+
var _useEventListener = useEventListener({
|
|
207
|
+
type: 'keydown',
|
|
208
|
+
listener: handleEsc
|
|
209
|
+
}),
|
|
210
|
+
_useEventListener2 = _slicedToArray(_useEventListener, 2),
|
|
211
|
+
bindKeyDownListener = _useEventListener2[0],
|
|
212
|
+
unbindKeyDownListener = _useEventListener2[1];
|
|
213
|
+
React.useEffect(function () {
|
|
214
|
+
if (!condition) {
|
|
215
|
+
return;
|
|
216
|
+
}
|
|
217
|
+
if (!ref.current) {
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
bindKeyDownListener();
|
|
221
|
+
return function () {
|
|
222
|
+
unbindKeyDownListener();
|
|
223
|
+
};
|
|
224
|
+
});
|
|
225
|
+
return [ref, callback];
|
|
226
|
+
};
|
|
227
|
+
|
|
128
228
|
function _arrayWithoutHoles(arr) {
|
|
129
229
|
if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
|
|
130
230
|
}
|
|
@@ -704,7 +804,7 @@ var classes = {
|
|
|
704
804
|
},
|
|
705
805
|
transition: 'p-image-preview'
|
|
706
806
|
};
|
|
707
|
-
var styles = "\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n";
|
|
807
|
+
var styles = "\n@layer primereact {\n .p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-image-preview-container {\n position: relative;\n display: inline-block;\n line-height: 0;\n }\n \n .p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity .3s;\n border: none;\n padding: 0;\n }\n \n .p-image-preview-icon {\n font-size: 1.5rem;\n }\n \n .p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n }\n \n .p-image-preview-container > img {\n cursor: pointer;\n }\n \n .p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n }\n \n .p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-image-preview {\n transition: transform .15s;\n max-width: 100vw;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n }\n \n .p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-image-preview-enter-done {\n transform: none;\n }\n \n .p-image-preview-exit {\n opacity: 1;\n }\n \n .p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n}\n";
|
|
708
808
|
var inlineStyles = {
|
|
709
809
|
preview: function preview(_ref2) {
|
|
710
810
|
var rotateState = _ref2.rotateState,
|
|
@@ -753,106 +853,6 @@ var ImageBase = ComponentBase.extend({
|
|
|
753
853
|
}
|
|
754
854
|
});
|
|
755
855
|
|
|
756
|
-
var usePrevious = function usePrevious(newValue) {
|
|
757
|
-
var ref = React.useRef(undefined);
|
|
758
|
-
React.useEffect(function () {
|
|
759
|
-
ref.current = newValue;
|
|
760
|
-
});
|
|
761
|
-
return ref.current;
|
|
762
|
-
};
|
|
763
|
-
|
|
764
|
-
/* eslint-disable */
|
|
765
|
-
var useUnmountEffect = function useUnmountEffect(fn) {
|
|
766
|
-
return React.useEffect(function () {
|
|
767
|
-
return fn;
|
|
768
|
-
}, []);
|
|
769
|
-
};
|
|
770
|
-
/* eslint-enable */
|
|
771
|
-
|
|
772
|
-
/* eslint-disable */
|
|
773
|
-
var useEventListener = function useEventListener(_ref) {
|
|
774
|
-
var _ref$target = _ref.target,
|
|
775
|
-
target = _ref$target === void 0 ? 'document' : _ref$target,
|
|
776
|
-
type = _ref.type,
|
|
777
|
-
listener = _ref.listener,
|
|
778
|
-
options = _ref.options,
|
|
779
|
-
_ref$when = _ref.when,
|
|
780
|
-
when = _ref$when === void 0 ? true : _ref$when;
|
|
781
|
-
var targetRef = React.useRef(null);
|
|
782
|
-
var listenerRef = React.useRef(null);
|
|
783
|
-
var prevListener = usePrevious(listener);
|
|
784
|
-
var prevOptions = usePrevious(options);
|
|
785
|
-
var bind = function bind() {
|
|
786
|
-
var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
787
|
-
if (ObjectUtils$1.isNotEmpty(bindOptions.target)) {
|
|
788
|
-
unbind();
|
|
789
|
-
(bindOptions.when || when) && (targetRef.current = DomHandler.getTargetElement(bindOptions.target));
|
|
790
|
-
}
|
|
791
|
-
if (!listenerRef.current && targetRef.current) {
|
|
792
|
-
listenerRef.current = function (event) {
|
|
793
|
-
return listener && listener(event);
|
|
794
|
-
};
|
|
795
|
-
targetRef.current.addEventListener(type, listenerRef.current, options);
|
|
796
|
-
}
|
|
797
|
-
};
|
|
798
|
-
var unbind = function unbind() {
|
|
799
|
-
if (listenerRef.current) {
|
|
800
|
-
targetRef.current.removeEventListener(type, listenerRef.current, options);
|
|
801
|
-
listenerRef.current = null;
|
|
802
|
-
}
|
|
803
|
-
};
|
|
804
|
-
React.useEffect(function () {
|
|
805
|
-
if (when) {
|
|
806
|
-
targetRef.current = DomHandler.getTargetElement(target);
|
|
807
|
-
} else {
|
|
808
|
-
unbind();
|
|
809
|
-
targetRef.current = null;
|
|
810
|
-
}
|
|
811
|
-
}, [target, when]);
|
|
812
|
-
React.useEffect(function () {
|
|
813
|
-
// to properly compare functions we can implicitly converting the function to it's body's text as a String
|
|
814
|
-
if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
|
|
815
|
-
unbind();
|
|
816
|
-
when && bind();
|
|
817
|
-
}
|
|
818
|
-
}, [listener, options, when]);
|
|
819
|
-
useUnmountEffect(function () {
|
|
820
|
-
unbind();
|
|
821
|
-
});
|
|
822
|
-
return [bind, unbind];
|
|
823
|
-
};
|
|
824
|
-
/* eslint-enable */
|
|
825
|
-
|
|
826
|
-
var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
|
|
827
|
-
var handleEsc = function handleEsc(event) {
|
|
828
|
-
if (event.key === 'Esc' || event.key === 'Escape') {
|
|
829
|
-
event.stopImmediatePropagation();
|
|
830
|
-
callback(event);
|
|
831
|
-
}
|
|
832
|
-
return;
|
|
833
|
-
};
|
|
834
|
-
var _useEventListener = useEventListener({
|
|
835
|
-
type: 'keydown',
|
|
836
|
-
listener: handleEsc
|
|
837
|
-
}),
|
|
838
|
-
_useEventListener2 = _slicedToArray(_useEventListener, 2),
|
|
839
|
-
bindKeyDownListener = _useEventListener2[0],
|
|
840
|
-
unbindKeyDownListener = _useEventListener2[1];
|
|
841
|
-
React.useEffect(function () {
|
|
842
|
-
if (!condition) {
|
|
843
|
-
return;
|
|
844
|
-
}
|
|
845
|
-
if (!ref.current) {
|
|
846
|
-
return;
|
|
847
|
-
}
|
|
848
|
-
bindKeyDownListener();
|
|
849
|
-
return function () {
|
|
850
|
-
unbindKeyDownListener();
|
|
851
|
-
};
|
|
852
|
-
});
|
|
853
|
-
return [ref, callback];
|
|
854
|
-
};
|
|
855
|
-
|
|
856
856
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
857
857
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
858
858
|
var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
@@ -901,8 +901,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
|
|
|
901
901
|
var show = function show() {
|
|
902
902
|
if (props.preview) {
|
|
903
903
|
setMaskVisibleState(true);
|
|
904
|
-
DomHandler.
|
|
905
|
-
document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
|
|
904
|
+
DomHandler.blockBodyScroll();
|
|
906
905
|
setTimeout(function () {
|
|
907
906
|
setPreviewVisibleState(true);
|
|
908
907
|
}, 25);
|
|
@@ -911,8 +910,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
|
|
|
911
910
|
var hide = function hide() {
|
|
912
911
|
if (!previewClick.current) {
|
|
913
912
|
setPreviewVisibleState(false);
|
|
914
|
-
DomHandler.
|
|
915
|
-
document.body.style.removeProperty('--scrollbar-width');
|
|
913
|
+
DomHandler.unblockBodyScroll();
|
|
916
914
|
setRotateState(0);
|
|
917
915
|
setScaleState(1);
|
|
918
916
|
}
|