primereact 10.0.9 → 10.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.cjs.js +29 -6
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +29 -6
- package/api/api.esm.min.js +1 -1
- package/api/api.js +29 -6
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +2 -1
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +2 -1
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +2 -1
- package/autocomplete/autocomplete.min.js +1 -1
- package/button/button.cjs.js +3 -3
- package/button/button.cjs.min.js +1 -1
- package/button/button.d.ts +5 -0
- package/button/button.esm.js +3 -3
- package/button/button.esm.min.js +1 -1
- package/button/button.js +3 -3
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +1 -2
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +1 -2
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +1 -2
- package/calendar/calendar.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +4 -3
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +4 -3
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +5 -4
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -1
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -1
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +3 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +2 -2
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +2 -2
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +2 -2
- package/componentbase/componentbase.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -5
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -5
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -5
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +78 -45
- package/core/core.min.js +10 -10
- package/datatable/datatable.cjs.js +66 -62
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +6 -0
- package/datatable/datatable.esm.js +66 -62
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +66 -62
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +1 -2
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +1 -2
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +1 -2
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +3 -5
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +3 -5
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +3 -5
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +3 -1
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +3 -1
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +3 -1
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +1 -1
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +1 -1
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +1 -1
- package/fileupload/fileupload.min.js +1 -1
- package/hooks/hooks.cjs.js +7 -16
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +7 -16
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +7 -16
- package/hooks/hooks.min.js +1 -1
- package/inputmask/inputmask.cjs.js +8 -3
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +8 -3
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +8 -3
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +18 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +18 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +18 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -1
- package/megamenu/megamenu.cjs.js +1 -1
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +1 -1
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +1 -1
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +4 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +5 -2
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +4 -1
- package/mention/mention.min.js +1 -1
- package/multiselect/multiselect.cjs.js +11 -0
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +20 -0
- package/multiselect/multiselect.esm.js +11 -0
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +11 -0
- package/multiselect/multiselect.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +1 -1
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +1 -1
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +1 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +5 -2
- package/panelmenu/panelmenu.cjs.js +5 -3
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +5 -3
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +5 -3
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +6 -6
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +6 -6
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +6 -6
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +8 -2
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +9 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +8 -2
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +241 -170
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +241 -170
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +241 -170
- package/primereact.all.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +96 -91
- package/resources/themes/arya-green/theme.css +96 -91
- package/resources/themes/arya-orange/theme.css +96 -91
- package/resources/themes/arya-purple/theme.css +96 -91
- package/resources/themes/bootstrap4-dark-blue/theme.css +96 -91
- package/resources/themes/bootstrap4-dark-purple/theme.css +96 -91
- package/resources/themes/bootstrap4-light-blue/theme.css +95 -90
- package/resources/themes/bootstrap4-light-purple/theme.css +95 -90
- package/resources/themes/fluent-light/theme.css +96 -91
- package/resources/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-amber/theme.css +6049 -0
- package/resources/themes/lara-dark-blue/theme.css +999 -955
- package/resources/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-cyan/theme.css +6049 -0
- package/resources/themes/lara-dark-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-green/theme.css +6049 -0
- package/resources/themes/lara-dark-indigo/theme.css +999 -955
- package/resources/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-dark-pink/theme.css +6049 -0
- package/resources/themes/lara-dark-purple/theme.css +999 -955
- package/resources/themes/lara-dark-teal/theme.css +999 -955
- package/resources/themes/lara-light-amber/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-amber/theme.css +6041 -0
- package/resources/themes/lara-light-blue/theme.css +836 -800
- package/resources/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-cyan/theme.css +6041 -0
- package/resources/themes/lara-light-green/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-green/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-green/theme.css +6041 -0
- package/resources/themes/lara-light-indigo/theme.css +836 -800
- package/resources/themes/lara-light-pink/fonts/Inter-italic.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/fonts/Inter-roman.var.woff2 +0 -0
- package/resources/themes/lara-light-pink/theme.css +6041 -0
- package/resources/themes/lara-light-purple/theme.css +836 -800
- package/resources/themes/lara-light-teal/theme.css +1109 -1073
- package/resources/themes/luna-amber/theme.css +96 -91
- package/resources/themes/luna-blue/theme.css +96 -91
- package/resources/themes/luna-green/theme.css +96 -91
- package/resources/themes/luna-pink/theme.css +96 -91
- package/resources/themes/md-dark-deeppurple/theme.css +140 -135
- package/resources/themes/md-dark-indigo/theme.css +140 -135
- package/resources/themes/md-light-deeppurple/theme.css +140 -135
- package/resources/themes/md-light-indigo/theme.css +140 -135
- package/resources/themes/mdc-dark-deeppurple/theme.css +140 -135
- package/resources/themes/mdc-dark-indigo/theme.css +140 -135
- package/resources/themes/mdc-light-deeppurple/theme.css +140 -135
- package/resources/themes/mdc-light-indigo/theme.css +140 -135
- package/resources/themes/mira/theme.css +101 -91
- package/resources/themes/nano/theme.css +100 -91
- package/resources/themes/nova/theme.css +96 -91
- package/resources/themes/nova-accent/theme.css +96 -91
- package/resources/themes/nova-alt/theme.css +96 -91
- package/resources/themes/rhea/theme.css +96 -91
- package/resources/themes/saga-blue/theme.css +96 -91
- package/resources/themes/saga-green/theme.css +96 -91
- package/resources/themes/saga-orange/theme.css +96 -91
- package/resources/themes/saga-purple/theme.css +96 -91
- package/resources/themes/soho-dark/theme.css +101 -91
- package/resources/themes/soho-light/theme.css +101 -91
- package/resources/themes/vela-blue/theme.css +96 -91
- package/resources/themes/vela-green/theme.css +96 -91
- package/resources/themes/vela-orange/theme.css +96 -91
- package/resources/themes/vela-purple/theme.css +96 -91
- package/resources/themes/viva-dark/theme.css +96 -91
- package/resources/themes/viva-light/theme.css +96 -91
- package/ripple/ripple.cjs.js +1 -1
- package/ripple/ripple.cjs.min.js +1 -1
- package/ripple/ripple.esm.js +1 -1
- package/ripple/ripple.esm.min.js +1 -1
- package/ripple/ripple.js +1 -1
- package/ripple/ripple.min.js +1 -1
- package/scrolltop/scrolltop.cjs.js +1 -1
- package/scrolltop/scrolltop.cjs.min.js +1 -1
- package/scrolltop/scrolltop.esm.js +1 -1
- package/scrolltop/scrolltop.esm.min.js +1 -1
- package/scrolltop/scrolltop.js +1 -1
- package/scrolltop/scrolltop.min.js +1 -1
- package/sidebar/sidebar.cjs.js +2 -2
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +2 -2
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +2 -2
- package/sidebar/sidebar.min.js +1 -1
- package/slider/slider.cjs.js +2 -2
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +2 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +2 -2
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +2 -4
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +2 -4
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +2 -4
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +4 -4
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +4 -4
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +4 -4
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +3 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +3 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +3 -1
- package/splitter/splitter.min.js +1 -1
- package/tabview/tabview.cjs.js +13 -9
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +1 -1
- package/tabview/tabview.esm.js +13 -9
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +13 -9
- package/tabview/tabview.min.js +1 -1
- package/tag/tag.cjs.js +1 -2
- package/tag/tag.cjs.min.js +1 -1
- package/tag/tag.esm.js +1 -2
- package/tag/tag.esm.min.js +1 -1
- package/tag/tag.js +1 -2
- package/tag/tag.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +1 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +1 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +1 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/timeline/timeline.cjs.js +1 -2
- package/timeline/timeline.cjs.min.js +1 -1
- package/timeline/timeline.esm.js +1 -2
- package/timeline/timeline.esm.min.js +1 -1
- package/timeline/timeline.js +1 -2
- package/timeline/timeline.min.js +1 -1
- package/tooltip/tooltip.cjs.js +9 -5
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +9 -5
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +9 -5
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +3 -3
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +3 -3
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +3 -3
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +1 -0
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +1 -0
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +1 -0
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +15 -11
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +15 -11
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +15 -11
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.d.ts +1 -1
- package/web-types.json +39 -1
package/dialog/dialog.js
CHANGED
|
@@ -298,7 +298,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
|
|
|
298
298
|
},
|
|
299
299
|
transition: 'p-dialog'
|
|
300
300
|
};
|
|
301
|
-
var styles = "\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0
|
|
301
|
+
var styles = "\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px;\n left: 0px;\n }\n \n .p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n }\n \n .p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n }\n \n /* Resizable */\n .p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n }\n \n .p-dialog-draggable .p-dialog-header {\n cursor: move;\n } \n}\n";
|
|
302
302
|
var inlineStyles = {
|
|
303
303
|
mask: function mask(_ref5) {
|
|
304
304
|
var props = _ref5.props;
|
|
@@ -769,7 +769,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
|
|
|
769
769
|
styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
|
|
770
770
|
var innerHTML = '';
|
|
771
771
|
for (var breakpoint in props.breakpoints) {
|
|
772
|
-
innerHTML += "\n @media screen and (max-width: ".concat(breakpoint, ") {\n .p-dialog[").concat(attributeSelector.current, "] {\n width: ").concat(props.breakpoints[breakpoint], "
|
|
772
|
+
innerHTML += "\n @media screen and (max-width: ".concat(breakpoint, ") {\n .p-dialog[").concat(attributeSelector.current, "] {\n width: ").concat(props.breakpoints[breakpoint], ";\n }\n }\n ");
|
|
773
773
|
}
|
|
774
774
|
styleElement.current.innerHTML = innerHTML;
|
|
775
775
|
};
|
|
@@ -945,9 +945,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
|
|
|
945
945
|
var maskProps = utils.mergeProps({
|
|
946
946
|
ref: maskRef,
|
|
947
947
|
style: sx('mask'),
|
|
948
|
-
className: cx('mask',
|
|
949
|
-
maskVisibleState: maskVisibleState
|
|
950
|
-
}),
|
|
948
|
+
className: cx('mask'),
|
|
951
949
|
onPointerUp: onMaskPointerUp
|
|
952
950
|
}, ptm('mask'));
|
|
953
951
|
var rootProps = utils.mergeProps({
|
package/dialog/dialog.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,r,o,i,a,l,c,s,u,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(t),f=d(r);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return E="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},E(e)}function O(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function D(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function S(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function z(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,t){return P(e)||z(e,t)||x(e,t)||k()}var j=function(e){var t=g.useRef(void 0);return g.useEffect((function(){t.current=e})),t.current},C=function(e,t,r){var o,i,a,l,c,s,u,p,d,m,f,b,y,v,h,x=(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,s=o.listener,u=o.options,d=void 0===(p=o.when)||p,m=g.useRef(null),f=g.useRef(null),b=j(s),y=j(u),v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||d)&&(m.current=n.DomHandler.getTargetElement(e.target))),!f.current&&m.current&&(f.current=function(e){return s&&s(e)},m.current.addEventListener(c,f.current,u))},h=function(){f.current&&(m.current.removeEventListener(c,f.current,u),f.current=null)},g.useEffect((function(){d?m.current=n.DomHandler.getTargetElement(l):(h(),m.current=null)}),[l,d]),g.useEffect((function(){!f.current||""+b==""+s&&y===u||(h(),d&&v())}),[s,u,d]),i=function(){h()},g.useEffect((function(){return i}),[]),[v,h]),w=I(x,2),E=w[0],O=w[1];return g.useEffect((function(){if(t&&e.current)return E(),function(){O()}})),[e,r]};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=o.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return n.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return n.classNames("p-dialog-content",e.props.contentClassName)},footer:"p-dialog-footer",mask:function(e){var t=e.props,r=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return n.classNames("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":r,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,r=e.maximized,o=e.context;return n.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":r,"p-dialog-default":!r,"p-input-filled":o&&"filled"===o.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===f.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n }\n \n .p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n }\n \n .p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n }\n \n /* Resizable */\n .p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n }\n \n .p-dialog-draggable .p-dialog-header {\n cursor: move;\n } \n}\n",inlineStyles:{mask:function(e){var t=e.props;return H({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function M(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=g.forwardRef((function(e,t){var d=g.useContext(r.PrimeReactContext),m=N.getProps(e,d),y=m.id?m.id:n.UniqueComponentId(),E=I(g.useState(y),2),O=E[0],D=I(g.useState(!1),2),S=D[0],P=D[1],z=I(g.useState(!1),2),k=z[0],j=z[1],R=I(g.useState(m.maximized),2),H=R[0],M=R[1],B=g.useRef(null),U=g.useRef(null),X=g.useRef(null),_=g.useRef(null),L=g.useRef(null),A=g.useRef(null),Y=g.useRef(null),V=g.useRef(!1),Z=g.useRef(!1),F=g.useRef(null),J=g.useRef(null),W=g.useRef(null),$=g.useRef(y),q=g.useRef(null),K=m.onMaximize?m.maximized:H,G=k&&(m.blockScroll||m.maximizable&&K),Q=N.setMetaData(T(T({props:m},m.__parentMetadata),{},{state:{id:O,maximized:K,containerVisible:S}})),ee=Q.ptm,te=Q.cx,ne=Q.sx;o.useHandleStyle(N.css.styles,Q.isUnstyled,{name:"dialog"}),C(U,m.closable&&m.closeOnEscape,(function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length;ve(e),n.splice(r-1,1)}}));var re=I(a.useEventListener({type:"keydown",listener:function(e){return Ee(e)}}),2),oe=re[0],ie=re[1],ae=I(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ke(e)}}),2),le=ae[0],ce=ae[1],se=I(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ue=se[0],pe=se[1],de=I(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return De(e)}}),2),me=de[0],ge=de[1],fe=I(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Se(e)}}),2),be=fe[0],ye=fe[1],ve=function(e){m.onHide(),e.preventDefault()},he=function(e){X.current=e.target,m.onPointerDown&&m.onPointerDown(e)},xe=function(e){m.dismissableMask&&m.modal&&U.current===e.target&&!X.current&&ve(e),m.onMaskClick&&m.onMaskClick(e),X.current=null},we=function(e){m.onMaximize?m.onMaximize({originalEvent:e,maximized:!K}):M((function(e){return!e})),e.preventDefault()},Ee=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var r=t.primeDialogParams,o=r.length,i=r[o-1]?r[o-1].id:void 0;if(i===O){var a=document.getElementById(i);if("Tab"===e.key){e.preventDefault();var l=n.DomHandler.getFocusableElements(a);if(l&&l.length>0)if(document.activeElement){var c=l.indexOf(document.activeElement);e.shiftKey?-1===c||0===c?l[l.length-1].focus():l[c-1].focus():-1===c||c===l.length-1?l[0].focus():l[c+1].focus()}else l[0].focus()}}}},Oe=function(e){n.DomHandler.hasClass(e.target,"p-dialog-header-icon")||n.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||m.draggable&&(V.current=!0,F.current=e.pageX,J.current=e.pageY,B.current.style.margin="0",n.DomHandler.addClass(document.body,"p-unselectable-text"),m.onDragStart&&m.onDragStart(e))},De=function(e){if(V.current){var t=n.DomHandler.getOuterWidth(B.current),r=n.DomHandler.getOuterHeight(B.current),o=e.pageX-F.current,i=e.pageY-J.current,a=B.current.getBoundingClientRect(),l=a.left+o,c=a.top+i,s=n.DomHandler.getViewport(),u=getComputedStyle(B.current),p=parseFloat(u.marginLeft),d=parseFloat(u.marginTop);B.current.style.position="fixed",m.keepInViewport?(l>=m.minX&&l+t<s.width&&(F.current=e.pageX,B.current.style.left=l-p+"px"),c>=m.minY&&c+r<s.height&&(J.current=e.pageY,B.current.style.top=c-d+"px")):(F.current=e.pageX,B.current.style.left=l-p+"px",J.current=e.pageY,B.current.style.top=c-d+"px"),m.onDrag&&m.onDrag(e)}},Se=function(e){V.current&&(V.current=!1,n.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onDragEnd&&m.onDragEnd(e))},Pe=function(e){m.resizable&&(Z.current=!0,F.current=e.pageX,J.current=e.pageY,n.DomHandler.addClass(document.body,"p-unselectable-text"),m.onResizeStart&&m.onResizeStart(e))},ze=function(e,t,r){!r&&(r=n.DomHandler.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(r[t]/100):o},ke=function(e){if(Z.current){var t=e.pageX-F.current,r=e.pageY-J.current,o=n.DomHandler.getOuterWidth(B.current),i=n.DomHandler.getOuterHeight(B.current),a=B.current.getBoundingClientRect(),l=n.DomHandler.getViewport(),c=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),s=ze(B.current.style.minWidth,"width",l),u=ze(B.current.style.minHeight,"height",l),p=o+t,d=i+r;c&&(p+=t,d+=r),(!s||p>s)&&a.left+p<l.width&&(B.current.style.width=p+"px"),(!u||d>u)&&a.top+d<l.height&&(B.current.style.height=d+"px"),F.current=e.pageX,J.current=e.pageY,m.onResize&&m.onResize(e)}},Ie=function(e){Z.current&&(Z.current=!1,n.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onResizeEnd&&m.onResizeEnd(e))},je=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Ce=function(){B.current.setAttribute($.current,"")},Re=function(){var e;m.onShow&&m.onShow(),m.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&m.closable&&m.showHeader&&Y.current.focus(),Me()},He=function(){m.modal&&n.DomHandler.addClass(U.current,"p-component-overlay-leave")},Ne=function(){V.current=!1,n.ZIndexUtils.clear(U.current),P(!1),Te(),n.DomHandler.focus(q.current),q.current=null},Me=function(){Ue(),Be(!0)},Te=function(){Xe(),Be(!1)},Be=function(e){if(e){var t={id:O,hasBlockScroll:G};document.primeDialogParams||(document.primeDialogParams=[]);var r=document.primeDialogParams.findIndex((function(e){return e.id===O}));document.primeDialogParams=-1===r?[].concat(v(o=document.primeDialogParams)||h(o)||x(o)||w(),[t]):document.primeDialogParams.toSpliced(r,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==O}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?n.DomHandler.blockBodyScroll():n.DomHandler.unblockBodyScroll()},Ue=function(){m.draggable&&(me(),be()),m.resizable&&(le(),ue()),oe()},Xe=function(){ge(),ye(),ce(),pe(),ie()},_e=function(){W.current=n.DomHandler.createInlineStyle(d&&d.nonce||f.default.nonce);var e="";for(var t in m.breakpoints)e+="\n @media screen and (max-width: ".concat(t,") {\n .p-dialog[").concat($.current,"] {\n width: ").concat(m.breakpoints[t]," !important;\n }\n }\n ");W.current.innerHTML=e};a.useMountEffect((function(){m.visible&&P(!0),m.breakpoints&&_e()})),a.useUpdateEffect((function(){m.visible&&!S&&P(!0),m.visible!==k&&S&&j(m.visible),m.visible&&(q.current=document.activeElement)}),[m.visible,S]),a.useUpdateEffect((function(){S&&(n.ZIndexUtils.set("modal",U.current,d&&d.autoZIndex||f.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||f.default.zIndex.modal),j(!0))}),[S]),a.useUpdateEffect((function(){Be(!0)}),[G]),a.useUnmountEffect((function(){Te(),n.DomHandler.removeInlineStyle(W.current),n.ZIndexUtils.clear(U.current)})),g.useImperativeHandle(t,(function(){return{props:m,resetPosition:je,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return _.current},getHeader:function(){return L.current},getFooter:function(){return A.current},getCloseButton:function(){return Y.current}}}));var Le,Ae,Ye,Ve,Ze,Fe,Je,We,$e,qe,Ke,Ge,Qe=function(){if(m.closable){var e=m.ariaCloseIconLabel||r.localeOption("close"),t=n.mergeProps({className:te("closeButtonIcon"),"aria-hidden":!0},ee("closeButtonIcon")),o=n.IconUtils.getJSXIcon(m.closeIcon||g.createElement(l.TimesIcon,t),T({},t),{props:m}),i=n.mergeProps({ref:Y,type:"button",className:te("closeButton"),"aria-label":e,onClick:ve},ee("closeButton"));return g.createElement("button",i,o,g.createElement(p.Ripple,null))}return null},et=function(){var e=n.mergeProps({className:te("maximizableIcon")},ee("maximizableIcon")),t=n.IconUtils.getJSXIcon(K?m.minimizeIcon||g.createElement(s.WindowMinimizeIcon,e):m.maximizeIcon||g.createElement(c.WindowMaximizeIcon,e),e,{props:m});if(m.maximizable){var r=n.mergeProps({type:"button",className:te("maximizableButton"),onClick:we},ee("maximizableButton"));return g.createElement("button",r,t,g.createElement(p.Ripple,null))}return null},tt=function(){if(m.showHeader){var e=Qe(),t=et(),r=n.ObjectUtils.getJSXElement(m.icons,m),o=n.ObjectUtils.getJSXElement(m.header,m),i=O+"_header",a=n.mergeProps({ref:L,style:m.headerStyle,className:te("header"),onMouseDown:Oe},ee("header")),l=n.mergeProps({id:i,className:te("headerTitle")},ee("headerTitle")),c=n.mergeProps({className:te("headerIcons")},ee("headerIcons"));return g.createElement("div",a,g.createElement("div",l,o),g.createElement("div",c,r,t,e))}return null},nt=function(){var e=n.ObjectUtils.getJSXElement(m.footer,m),t=n.mergeProps({ref:A,className:te("footer")},ee("footer"));return e&&g.createElement("div",t,e)};return S&&(Ae=tt(),Le=n.mergeProps({id:O+"_content",ref:_,style:m.contentStyle,className:te("content")},ee("content")),Ye=g.createElement("div",Le,m.children),Ve=nt(),Ze=m.resizable?g.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Pe}):null,Fe=O+"_header",Je=O+"_content",We={enter:"center"===m.position?150:300,exit:"center"===m.position?150:300},$e=n.mergeProps({ref:U,style:ne("mask"),className:te("mask",{maskVisibleState:S}),onPointerUp:xe},ee("mask")),qe=n.mergeProps({ref:B,id:O,className:te("root",{props:m,maximized:K,context:d}),style:m.style,onClick:m.onClick,role:"dialog","aria-labelledby":Fe,"aria-describedby":Je,"aria-modal":m.modal,onPointerDown:he},N.getOtherProps(m),ee("root")),Ke=n.mergeProps({classNames:te("transition"),timeout:We,in:k,options:m.transitionOptions,unmountOnExit:!0,onEnter:Ce,onEntered:Re,onExiting:He,onExited:Ne},ee("transition")),Ge=g.createElement("div",$e,g.createElement(i.CSSTransition,b({nodeRef:B},Ke),g.createElement("div",qe,Ae,Ye,Ve,Ze))),g.createElement(u.Portal,{element:Ge,appendTo:m.appendTo,visible:!0}))}));return B.displayName="Dialog",e.Dialog=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.icons.windowmaximize,primereact.icons.windowminimize,primereact.portal,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.dialog=function(e,t,n,r,o,i,a,l,c,s,u,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(t),f=d(r);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return E="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},E(e)}function O(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function D(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function S(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function z(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return l}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,t){return P(e)||z(e,t)||x(e,t)||k()}var j=function(e){var t=g.useRef(void 0);return g.useEffect((function(){t.current=e})),t.current},C=function(e,t,r){var o,i,a,l,c,s,u,p,d,m,f,b,y,v,h,x=(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,s=o.listener,u=o.options,d=void 0===(p=o.when)||p,m=g.useRef(null),f=g.useRef(null),b=j(s),y=j(u),v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(h(),(e.when||d)&&(m.current=n.DomHandler.getTargetElement(e.target))),!f.current&&m.current&&(f.current=function(e){return s&&s(e)},m.current.addEventListener(c,f.current,u))},h=function(){f.current&&(m.current.removeEventListener(c,f.current,u),f.current=null)},g.useEffect((function(){d?m.current=n.DomHandler.getTargetElement(l):(h(),m.current=null)}),[l,d]),g.useEffect((function(){!f.current||""+b==""+s&&y===u||(h(),d&&v())}),[s,u,d]),i=function(){h()},g.useEffect((function(){return i}),[]),[v,h]),w=I(x,2),E=w[0],O=w[1];return g.useEffect((function(){if(t&&e.current)return E(),function(){O()}})),[e,r]};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=o.ComponentBase.extend({defaultProps:{__TYPE:"Dialog",__parentMetadata:null,appendTo:null,ariaCloseIconLabel:null,baseZIndex:0,blockScroll:!1,breakpoints:null,className:null,closable:!0,closeIcon:null,closeOnEscape:!0,contentClassName:null,contentStyle:null,dismissableMask:!1,draggable:!0,focusOnShow:!0,footer:null,header:null,headerClassName:null,headerStyle:null,icons:null,id:null,keepInViewport:!0,maskClassName:null,maskStyle:null,maximizable:!1,maximizeIcon:null,maximized:!1,minX:0,minY:0,minimizeIcon:null,modal:!0,onClick:null,onDrag:null,onDragEnd:null,onDragStart:null,onHide:null,onMaskClick:null,onMaximize:null,onResize:null,onResizeEnd:null,onResizeStart:null,onShow:null,position:"center",resizable:!0,rtl:!1,showHeader:!0,style:null,transitionOptions:null,visible:!1,children:void 0},css:{classes:{closeButtonIcon:"p-dialog-header-close-icon",closeButton:"p-dialog-header-icon p-dialog-header-close p-link",maximizableIcon:"p-dialog-header-maximize-icon",maximizableButton:"p-dialog-header-icon p-dialog-header-maximize p-link",header:function(e){return n.classNames("p-dialog-header",e.props.headerClassName)},headerTitle:"p-dialog-title",headerIcons:"p-dialog-header-icons",content:function(e){return n.classNames("p-dialog-content",e.props.contentClassName)},footer:"p-dialog-footer",mask:function(e){var t=e.props,r=e.maskVisibleState,o=["center","left","right","top","top-left","top-right","bottom","bottom-left","bottom-right"].find((function(e){return e===t.position||e.replace("-","")===t.position}));return n.classNames("p-dialog-mask",o?"p-dialog-".concat(o):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-dialog-visible":r,"p-dialog-draggable":t.draggable,"p-dialog-resizable":t.resizable},t.maskClassName)},root:function(e){var t=e.props,r=e.maximized,o=e.context;return n.classNames("p-dialog p-component",t.className,{"p-dialog-rtl":t.rtl,"p-dialog-maximized":r,"p-dialog-default":!r,"p-input-filled":o&&"filled"===o.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===f.default.ripple})},transition:"p-dialog"},styles:"\n@layer primereact {\n .p-dialog-mask {\n background-color: transparent;\n transition-property: background-color;\n }\n \n .p-dialog-visible {\n display: flex;\n }\n \n .p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n }\n \n .p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n }\n \n .p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n }\n \n .p-dialog-footer {\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n }\n \n .p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-dialog .p-dialog-title {\n flex-grow: 1;\n }\n \n /* Fluid */\n .p-fluid .p-dialog-footer .p-button {\n width: auto;\n }\n \n /* Animation */\n /* Center */\n .p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-dialog-enter-done {\n transform: none;\n }\n \n .p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n \n /* Top, Bottom, Left, Right, Top* and Bottom* */\n .p-dialog-top .p-dialog,\n .p-dialog-bottom .p-dialog,\n .p-dialog-left .p-dialog,\n .p-dialog-right .p-dialog,\n .p-dialog-top-left .p-dialog,\n .p-dialog-top-right .p-dialog,\n .p-dialog-bottom-left .p-dialog,\n .p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n }\n \n .p-dialog-top .p-dialog-enter,\n .p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n }\n \n .p-dialog-bottom .p-dialog-enter,\n .p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n }\n \n .p-dialog-left .p-dialog-enter,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-enter,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-enter,\n .p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n }\n \n .p-dialog-right .p-dialog-enter,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-enter,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-enter,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n }\n \n .p-dialog-top .p-dialog-enter-active,\n .p-dialog-bottom .p-dialog-enter-active,\n .p-dialog-left .p-dialog-enter-active,\n .p-dialog-top-left .p-dialog-enter-active,\n .p-dialog-bottom-left .p-dialog-enter-active,\n .p-dialog-right .p-dialog-enter-active,\n .p-dialog-top-right .p-dialog-enter-active,\n .p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n }\n \n .p-dialog-top .p-dialog-exit-active,\n .p-dialog-bottom .p-dialog-exit-active,\n .p-dialog-left .p-dialog-exit-active,\n .p-dialog-top-left .p-dialog-exit-active,\n .p-dialog-bottom-left .p-dialog-exit-active,\n .p-dialog-right .p-dialog-exit-active,\n .p-dialog-top-right .p-dialog-exit-active,\n .p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n }\n \n /* Maximize */\n .p-dialog-maximized {\n transition: none;\n transform: none;\n margin: 0;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px;\n left: 0px;\n }\n \n .p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n }\n \n .p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n }\n \n /* Resizable */\n .p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n }\n \n .p-dialog-draggable .p-dialog-header {\n cursor: move;\n } \n}\n",inlineStyles:{mask:function(e){var t=e.props;return H({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===t.position||"top-left"===t.position||"bottom-left"===t.position?"flex-start":"right"===t.position||"top-right"===t.position||"bottom-right"===t.position?"flex-end":"center",alignItems:"top"===t.position||"top-left"===t.position||"top-right"===t.position?"flex-start":"bottom"===t.position||"bottom-left"===t.position||"bottom-right"===t.position?"flex-end":"center",pointerEvents:!t.modal&&"none"},t.maskStyle)}}}});function M(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=g.forwardRef((function(e,t){var d=g.useContext(r.PrimeReactContext),m=N.getProps(e,d),y=m.id?m.id:n.UniqueComponentId(),E=I(g.useState(y),2),O=E[0],D=I(g.useState(!1),2),S=D[0],P=D[1],z=I(g.useState(!1),2),k=z[0],j=z[1],R=I(g.useState(m.maximized),2),H=R[0],M=R[1],B=g.useRef(null),U=g.useRef(null),X=g.useRef(null),_=g.useRef(null),L=g.useRef(null),A=g.useRef(null),Y=g.useRef(null),V=g.useRef(!1),Z=g.useRef(!1),F=g.useRef(null),J=g.useRef(null),W=g.useRef(null),$=g.useRef(y),q=g.useRef(null),K=m.onMaximize?m.maximized:H,G=k&&(m.blockScroll||m.maximizable&&K),Q=N.setMetaData(T(T({props:m},m.__parentMetadata),{},{state:{id:O,maximized:K,containerVisible:S}})),ee=Q.ptm,te=Q.cx,ne=Q.sx;o.useHandleStyle(N.css.styles,Q.isUnstyled,{name:"dialog"}),C(U,m.closable&&m.closeOnEscape,(function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var n=t.primeDialogParams,r=n.length;ve(e),n.splice(r-1,1)}}));var re=I(a.useEventListener({type:"keydown",listener:function(e){return Ee(e)}}),2),oe=re[0],ie=re[1],ae=I(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return ke(e)}}),2),le=ae[0],ce=ae[1],se=I(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Ie(e)}}),2),ue=se[0],pe=se[1],de=I(a.useEventListener({type:"mousemove",target:function(){return window.document},listener:function(e){return De(e)}}),2),me=de[0],ge=de[1],fe=I(a.useEventListener({type:"mouseup",target:function(){return window.document},listener:function(e){return Se(e)}}),2),be=fe[0],ye=fe[1],ve=function(e){m.onHide(),e.preventDefault()},he=function(e){X.current=e.target,m.onPointerDown&&m.onPointerDown(e)},xe=function(e){m.dismissableMask&&m.modal&&U.current===e.target&&!X.current&&ve(e),m.onMaskClick&&m.onMaskClick(e),X.current=null},we=function(e){m.onMaximize?m.onMaximize({originalEvent:e,maximized:!K}):M((function(e){return!e})),e.preventDefault()},Ee=function(e){var t=e.currentTarget;if(t&&t.primeDialogParams){var r=t.primeDialogParams,o=r.length,i=r[o-1]?r[o-1].id:void 0;if(i===O){var a=document.getElementById(i);if("Tab"===e.key){e.preventDefault();var l=n.DomHandler.getFocusableElements(a);if(l&&l.length>0)if(document.activeElement){var c=l.indexOf(document.activeElement);e.shiftKey?-1===c||0===c?l[l.length-1].focus():l[c-1].focus():-1===c||c===l.length-1?l[0].focus():l[c+1].focus()}else l[0].focus()}}}},Oe=function(e){n.DomHandler.hasClass(e.target,"p-dialog-header-icon")||n.DomHandler.hasClass(e.target.parentElement,"p-dialog-header-icon")||m.draggable&&(V.current=!0,F.current=e.pageX,J.current=e.pageY,B.current.style.margin="0",n.DomHandler.addClass(document.body,"p-unselectable-text"),m.onDragStart&&m.onDragStart(e))},De=function(e){if(V.current){var t=n.DomHandler.getOuterWidth(B.current),r=n.DomHandler.getOuterHeight(B.current),o=e.pageX-F.current,i=e.pageY-J.current,a=B.current.getBoundingClientRect(),l=a.left+o,c=a.top+i,s=n.DomHandler.getViewport(),u=getComputedStyle(B.current),p=parseFloat(u.marginLeft),d=parseFloat(u.marginTop);B.current.style.position="fixed",m.keepInViewport?(l>=m.minX&&l+t<s.width&&(F.current=e.pageX,B.current.style.left=l-p+"px"),c>=m.minY&&c+r<s.height&&(J.current=e.pageY,B.current.style.top=c-d+"px")):(F.current=e.pageX,B.current.style.left=l-p+"px",J.current=e.pageY,B.current.style.top=c-d+"px"),m.onDrag&&m.onDrag(e)}},Se=function(e){V.current&&(V.current=!1,n.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onDragEnd&&m.onDragEnd(e))},Pe=function(e){m.resizable&&(Z.current=!0,F.current=e.pageX,J.current=e.pageY,n.DomHandler.addClass(document.body,"p-unselectable-text"),m.onResizeStart&&m.onResizeStart(e))},ze=function(e,t,r){!r&&(r=n.DomHandler.getViewport());var o=parseInt(e);return/^(\d+|(\.\d+))(\.\d+)?%$/.test(e)?o*(r[t]/100):o},ke=function(e){if(Z.current){var t=e.pageX-F.current,r=e.pageY-J.current,o=n.DomHandler.getOuterWidth(B.current),i=n.DomHandler.getOuterHeight(B.current),a=B.current.getBoundingClientRect(),l=n.DomHandler.getViewport(),c=!parseInt(B.current.style.top)||!parseInt(B.current.style.left),s=ze(B.current.style.minWidth,"width",l),u=ze(B.current.style.minHeight,"height",l),p=o+t,d=i+r;c&&(p+=t,d+=r),(!s||p>s)&&a.left+p<l.width&&(B.current.style.width=p+"px"),(!u||d>u)&&a.top+d<l.height&&(B.current.style.height=d+"px"),F.current=e.pageX,J.current=e.pageY,m.onResize&&m.onResize(e)}},Ie=function(e){Z.current&&(Z.current=!1,n.DomHandler.removeClass(document.body,"p-unselectable-text"),m.onResizeEnd&&m.onResizeEnd(e))},je=function(){B.current.style.position="",B.current.style.left="",B.current.style.top="",B.current.style.margin=""},Ce=function(){B.current.setAttribute($.current,"")},Re=function(){var e;m.onShow&&m.onShow(),m.focusOnShow&&!((e=document.activeElement)&&B.current&&B.current.contains(e))&&m.closable&&m.showHeader&&Y.current.focus(),Me()},He=function(){m.modal&&n.DomHandler.addClass(U.current,"p-component-overlay-leave")},Ne=function(){V.current=!1,n.ZIndexUtils.clear(U.current),P(!1),Te(),n.DomHandler.focus(q.current),q.current=null},Me=function(){Ue(),Be(!0)},Te=function(){Xe(),Be(!1)},Be=function(e){if(e){var t={id:O,hasBlockScroll:G};document.primeDialogParams||(document.primeDialogParams=[]);var r=document.primeDialogParams.findIndex((function(e){return e.id===O}));document.primeDialogParams=-1===r?[].concat(v(o=document.primeDialogParams)||h(o)||x(o)||w(),[t]):document.primeDialogParams.toSpliced(r,1,t)}else document.primeDialogParams=document.primeDialogParams&&document.primeDialogParams.filter((function(e){return e.id!==O}));var o;document.primeDialogParams&&document.primeDialogParams.some((function(e){return e.hasBlockScroll}))?n.DomHandler.blockBodyScroll():n.DomHandler.unblockBodyScroll()},Ue=function(){m.draggable&&(me(),be()),m.resizable&&(le(),ue()),oe()},Xe=function(){ge(),ye(),ce(),pe(),ie()},_e=function(){W.current=n.DomHandler.createInlineStyle(d&&d.nonce||f.default.nonce);var e="";for(var t in m.breakpoints)e+="\n @media screen and (max-width: ".concat(t,") {\n .p-dialog[").concat($.current,"] {\n width: ").concat(m.breakpoints[t],";\n }\n }\n ");W.current.innerHTML=e};a.useMountEffect((function(){m.visible&&P(!0),m.breakpoints&&_e()})),a.useUpdateEffect((function(){m.visible&&!S&&P(!0),m.visible!==k&&S&&j(m.visible),m.visible&&(q.current=document.activeElement)}),[m.visible,S]),a.useUpdateEffect((function(){S&&(n.ZIndexUtils.set("modal",U.current,d&&d.autoZIndex||f.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||f.default.zIndex.modal),j(!0))}),[S]),a.useUpdateEffect((function(){Be(!0)}),[G]),a.useUnmountEffect((function(){Te(),n.DomHandler.removeInlineStyle(W.current),n.ZIndexUtils.clear(U.current)})),g.useImperativeHandle(t,(function(){return{props:m,resetPosition:je,getElement:function(){return B.current},getMask:function(){return U.current},getContent:function(){return _.current},getHeader:function(){return L.current},getFooter:function(){return A.current},getCloseButton:function(){return Y.current}}}));var Le,Ae,Ye,Ve,Ze,Fe,Je,We,$e,qe,Ke,Ge,Qe=function(){if(m.closable){var e=m.ariaCloseIconLabel||r.localeOption("close"),t=n.mergeProps({className:te("closeButtonIcon"),"aria-hidden":!0},ee("closeButtonIcon")),o=n.IconUtils.getJSXIcon(m.closeIcon||g.createElement(l.TimesIcon,t),T({},t),{props:m}),i=n.mergeProps({ref:Y,type:"button",className:te("closeButton"),"aria-label":e,onClick:ve},ee("closeButton"));return g.createElement("button",i,o,g.createElement(p.Ripple,null))}return null},et=function(){var e=n.mergeProps({className:te("maximizableIcon")},ee("maximizableIcon")),t=n.IconUtils.getJSXIcon(K?m.minimizeIcon||g.createElement(s.WindowMinimizeIcon,e):m.maximizeIcon||g.createElement(c.WindowMaximizeIcon,e),e,{props:m});if(m.maximizable){var r=n.mergeProps({type:"button",className:te("maximizableButton"),onClick:we},ee("maximizableButton"));return g.createElement("button",r,t,g.createElement(p.Ripple,null))}return null},tt=function(){if(m.showHeader){var e=Qe(),t=et(),r=n.ObjectUtils.getJSXElement(m.icons,m),o=n.ObjectUtils.getJSXElement(m.header,m),i=O+"_header",a=n.mergeProps({ref:L,style:m.headerStyle,className:te("header"),onMouseDown:Oe},ee("header")),l=n.mergeProps({id:i,className:te("headerTitle")},ee("headerTitle")),c=n.mergeProps({className:te("headerIcons")},ee("headerIcons"));return g.createElement("div",a,g.createElement("div",l,o),g.createElement("div",c,r,t,e))}return null},nt=function(){var e=n.ObjectUtils.getJSXElement(m.footer,m),t=n.mergeProps({ref:A,className:te("footer")},ee("footer"));return e&&g.createElement("div",t,e)};return S&&(Ae=tt(),Le=n.mergeProps({id:O+"_content",ref:_,style:m.contentStyle,className:te("content")},ee("content")),Ye=g.createElement("div",Le,m.children),Ve=nt(),Ze=m.resizable?g.createElement("span",{className:"p-resizable-handle",style:{zIndex:90},onMouseDown:Pe}):null,Fe=O+"_header",Je=O+"_content",We={enter:"center"===m.position?150:300,exit:"center"===m.position?150:300},$e=n.mergeProps({ref:U,style:ne("mask"),className:te("mask"),onPointerUp:xe},ee("mask")),qe=n.mergeProps({ref:B,id:O,className:te("root",{props:m,maximized:K,context:d}),style:m.style,onClick:m.onClick,role:"dialog","aria-labelledby":Fe,"aria-describedby":Je,"aria-modal":m.modal,onPointerDown:he},N.getOtherProps(m),ee("root")),Ke=n.mergeProps({classNames:te("transition"),timeout:We,in:k,options:m.transitionOptions,unmountOnExit:!0,onEnter:Ce,onEntered:Re,onExiting:He,onExited:Ne},ee("transition")),Ge=g.createElement("div",$e,g.createElement(i.CSSTransition,b({nodeRef:B},Ke),g.createElement("div",qe,Ae,Ye,Ve,Ze))),g.createElement(u.Portal,{element:Ge,appendTo:m.appendTo,visible:!0}))}));return B.displayName="Dialog",e.Dialog=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.icons.windowmaximize,primereact.icons.windowminimize,primereact.portal,primereact.ripple);
|
package/dropdown/dropdown.cjs.js
CHANGED
|
@@ -1216,6 +1216,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
1216
1216
|
if (props.autoFocus) {
|
|
1217
1217
|
utils.DomHandler.focus(focusInputRef.current, props.autoFocus);
|
|
1218
1218
|
}
|
|
1219
|
+
alignOverlay();
|
|
1219
1220
|
});
|
|
1220
1221
|
hooks.useUpdateEffect(function () {
|
|
1221
1222
|
if (overlayVisibleState && props.value) {
|
|
@@ -1333,7 +1334,8 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
1333
1334
|
};
|
|
1334
1335
|
var createDropdownIcon = function createDropdownIcon() {
|
|
1335
1336
|
var dropdownIconProps = utils.mergeProps({
|
|
1336
|
-
className: cx('dropdownIcon')
|
|
1337
|
+
className: cx('dropdownIcon'),
|
|
1338
|
+
'data-pr-overlay-visible': overlayVisibleState
|
|
1337
1339
|
}, ptm('dropdownIcon'));
|
|
1338
1340
|
var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps);
|
|
1339
1341
|
var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, dropdownIconProps), {
|
|
@@ -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/hooks"),o=require("primereact/icons/chevrondown"),l=require("primereact/icons/times"),i=require("primereact/overlayservice"),a=require("primereact/tooltip"),u=require("primereact/utils"),p=require("primereact/csstransition"),c=require("primereact/icons/search"),s=require("primereact/portal"),d=require("primereact/virtualscroller"),f=require("primereact/ripple");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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 b=v(e),g=m(t);function y(){return y=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},y.apply(this,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function w(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=w(e,"string");return"symbol"===h(t)?t:String(t)}function E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function j(){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 C(e,t){return I(e)||S(e,t)||P(e,t)||j()}var D=n.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return u.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":u.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return u.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return u.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple})},item:function(e){var t=e.label;return u.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),N=b.memo((function(e){var t=e.ptm,n=e.cx,r=e.selected,o=e.disabled,l=e.option,i=e.label,a=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,p=u.mergeProps({role:"option",key:e.label,className:u.classNames(l.className,n("item",{selected:r,disabled:o,label:i})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:l}));var n},"aria-label":i,"aria-selected":r,"data-p-highlight":r,"data-p-disabled":o},t("item",{context:{selected:r,disabled:o}}));return b.createElement("li",p,a,b.createElement(f.Ripple,null))}));function F(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}N.displayName="DropdownItem";var T=b.memo(b.forwardRef((function(e,n){var r=e.ptm,o=e.cx,i=e.sx,a=b.useContext(t.PrimeReactContext);b.useRef(null);var f,m,v,g,h,w=b.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,E={filter:function(e){return P(e)},reset:function(){return e.resetFilter()}},I=function(t,n){return r(t,L({hostName:e.hostName},n))},S=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},x=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(w.current,!1)}))},P=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},j=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=u.mergeProps({className:o("footer")},I("footer"));return b.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var i=e.getOptionLabel(t),a=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return b.createElement(N,{key:a,label:i,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:r,cx:o})}))},D=function(n,r){var l=u.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=u.mergeProps({className:o("emptyMessage")},I("emptyMessage"));return b.createElement("li",i,l)},F=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:l.props?l.props.itemSize:void 0};if(i=L(L({},i),t.style),e.optionGroupLabel){var a=e.optionGroupLabel,p=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=C(t,i),s=n+"_"+e.getOptionGroupRenderKey(t),d=u.mergeProps({className:o("itemGroup",{optionGroupLabel:a}),style:i},I("itemGroup"));return b.createElement(b.Fragment,{key:s},b.createElement("li",d,p),c)}var f=e.getOptionLabel(t),m=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return b.createElement(N,{key:m,label:f,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:r,cx:o})},T=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=u.mergeProps({className:o("clearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(w.current)}))}},I("clearIcon"));return u.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(l.TimesIcon,r),L({},r),{props:e})}return null},R=function(){if(e.filter){var t=T(),n=u.mergeProps({className:o("filterIcon")},I("filterIcon")),r=u.IconUtils.getJSXIcon(e.filterIcon||b.createElement(c.SearchIcon,n),L({},n),{props:e}),l=u.mergeProps({className:o("filterContainer",{clearIcon:t})},I("filterContainer")),i=u.mergeProps({ref:w,type:"text",autoComplete:"off",className:o("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return P(e)},value:e.filterValue},I("filterInput")),a=b.createElement("div",l,b.createElement("input",i),t,r);if(e.filterTemplate){var p={className:u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:E,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};a=u.ObjectUtils.getJSXElement(e.filterTemplate,p)}var s=u.mergeProps({className:o("header")},I("header"));return b.createElement("div",s,a)}return null},U=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&F(e,t.index,t)},contentTemplate:function(t){var n=O?D(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=u.mergeProps({ref:t.contentRef,style:t.style,className:u.classNames(t.className,o("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},I("list"));return b.createElement("ul",r,n)}});return b.createElement(d.VirtualScroller,y({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(F):e.hasFilter?D(e.emptyFilterMessage,!0):D(e.emptyMessage),l=u.mergeProps({className:o("wrapper"),style:i("wrapper")},I("wrapper")),a=u.mergeProps({className:o("list"),role:"listbox"},I("list"));return b.createElement("div",l,b.createElement("ul",a,n))},k=(f=R(),m=U(),v=j(),g=u.mergeProps({className:u.classNames(e.panelClassName,o("panel",{context:a})),style:i("panel"),onClick:e.onClick},I("panel")),h=u.mergeProps({classNames:o("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:e.onExit,onExited:e.onExited},I("transition")),b.createElement(p.CSSTransition,y({nodeRef:n},h),b.createElement("div",y({ref:n},g),f,m,v)));return b.createElement(s.Portal,{element:k,appendTo:e.appendTo})})));function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function U(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(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 M(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 G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="DropdownPanel";var H=b.memo(b.forwardRef((function(e,p){var c=b.useContext(t.PrimeReactContext),s=D.getProps(e,c),d=C(b.useState(""),2),f=d[0],m=d[1],v=C(b.useState(!1),2),w=v[0],O=v[1],I=C(b.useState(!1),2),S=I[0],x=I[1],P=b.useRef(null),j=b.useRef(null),N=b.useRef(s.inputRef),F=b.useRef(s.focusInputRef),L=b.useRef(null),U=b.useRef(null),k=b.useRef(null),M=b.useRef(null),H=s.virtualScrollerOptions&&s.virtualScrollerOptions.lazy,q=u.ObjectUtils.isNotEmpty(f),A=s.appendTo||c&&c.appendTo||g.default.appendTo,K=D.setMetaData(G(G({props:s},s.__parentMetadata),{},{state:{filter:f,focused:w,overlayVisible:S}})),V=K.ptm,_=K.cx,B=K.sx;n.useHandleStyle(D.css.styles,K.isUnstyled,{name:"dropdown"});var J=C(r.useOverlayListener({target:P,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&he():he())},when:S}),2),X=J[0],z=J[1],Z=function(e){return u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||u.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},$=function(e){s.showOnFocus&&!S&&ye(),O(!0),s.onFocus&&s.onFocus(e)},W=function(e){O(!1),s.onBlur&&setTimeout((function(){var t=N.current?N.current.value:void 0;s.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}),200)},Y=function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 32:case 13:S?he():ye(),e.preventDefault();break;case 27:case 9:he();break;default:le(e)}},Q=function(e){if(Ne){var t=re(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},ee=function(e){if(Ne)if(!S&&e.altKey)ye();else{var t=te(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},te=function e(t){if(s.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=ne(xe(Ne[n]),r);return o||(n+1!==Ne.length?e({group:n+1,option:-1}):null)}return ne(Ne,t)},ne=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Se(o)?e(r):o},re=function e(t){if(-1===t)return null;if(s.optionGroupLabel){var n=t.group,r=t.option,o=oe(xe(Ne[n]),r);return o||(n>0?e({group:n-1,option:xe(Ne[n-1]).length}):null)}return oe(Ne,t)},oe=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Se(r)?re(n):r},le=function(e){U.current&&clearTimeout(U.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(k.current=M.current===t?t:k.current?k.current+t:t,M.current=t,k.current){var n=ve(),r=s.optionGroupLabel?ue(n):ie(n+1);r&&me({originalEvent:e,option:r})}U.current=setTimeout((function(){k.current=null}),250)}},ie=function(e){return k.current?ae(e,Ne.length)||ae(0,e):null},ae=function(e,t){for(var n=e;n<t;n++){var r=Ne[n];if(pe(r))return r}return null},ue=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Ne.length;n++)for(var r=xe(Ne[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(pe(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=xe(Ne[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(pe(i[a]))return i[a];return null},pe=function(e){var t=Ee(e);return!!t&&(t=t.toLocaleLowerCase(s.filterLocale)).startsWith(k.current.toLocaleLowerCase(s.filterLocale))},ce=function(e){s.onChange&&s.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:e.target.value}})},se=function(e){O(!0),he(),s.onFocus&&s.onFocus(e)},de=function(e){m(""),s.onFilter&&s.onFilter({filter:""}),e&&e()},fe=function(e){s.onChange&&s.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:void 0}}),Oe()},me=function(e){if(Fe!==e.option){Oe(e.option);var t=Ie(e.option);s.onChange&&s.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}},ve=function(e){if(e=e||Ne,null!=s.value&&e){if(!s.optionGroupLabel)return ge(s.value,e);for(var t=0;t<e.length;t++){var n=ge(s.value,xe(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},be=function(){return s.optionValue?null:s.dataKey},ge=function(e,t){var n=be();return t.findIndex((function(t){return u.ObjectUtils.equals(e,Ie(t),n)}))},ye=function(){x(!0)},he=function(){x(!1)},we=function(){u.DomHandler.alignOverlay(j.current,N.current.parentElement,s.appendTo||c&&c.appendTo||g.default.appendTo)},Oe=function(e){N.current&&(N.current.value=e?Ee(e):s.value||"")},Ee=function(e){return s.optionLabel?u.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ie=function(e){return s.optionValue?u.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.optionDisabled?u.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},xe=function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Pe=function(){if(s.editable&&N.current){var e=Fe?Ee(Fe):null;N.current.value=e||s.value||""}};b.useImperativeHandle(p,(function(){return{props:s,show:ye,hide:he,clear:fe,focus:function(){return u.DomHandler.focus(F.current)},getElement:function(){return P.current},getOverlay:function(){return j.current},getInput:function(){return N.current},getFocusInput:function(){return F.current},getVirtualScroller:function(){return L.current}}})),b.useEffect((function(){u.ObjectUtils.combinedRefs(N,s.inputRef),u.ObjectUtils.combinedRefs(F,s.focusInputRef)}),[N,s.inputRef,F,s.focusInputRef]),r.useMountEffect((function(){s.autoFocus&&u.DomHandler.focus(F.current,s.autoFocus)})),r.useUpdateEffect((function(){var e;S&&s.value&&(e=u.DomHandler.findSingle(j.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[S,s.value]),r.useUpdateEffect((function(){S&&f&&s.filter&&we()}),[S,f,s.filter]),r.useUpdateEffect((function(){!f||s.options&&0!==s.options.length||m(""),Pe(),N.current&&(N.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(j.current)}));var je,Ce,De,Ne=function(){if(q&&!H){var e=f.trim().toLocaleLowerCase(s.filterLocale),n=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=R(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(xe(i),n,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(G(G({},i),E({},"".concat(s.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(s.options,n,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Fe=-1!==(je=ve(s.options))?s.optionGroupLabel?xe(s.options[je.group])[je.option]:s.options[je]:null,Le=u.ObjectUtils.isNotEmpty(s.tooltip),Te=D.getOtherProps(s),Re=u.ObjectUtils.reduceKeys(Te,u.DomHandler.ARIA_PROPS),Ue=function(){var e={value:"",label:s.placeholder};if(Fe){var t=Ie(Fe);e={value:"object"===h(t)?s.options.findIndex((function(e){return e===t})):t,label:Ee(Fe)}}var n=u.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},V("hiddenSelectedMessage")),r=u.mergeProps({ref:N,required:s.required,defaultValue:e.value,name:s.name,tabIndex:-1,"aria-hidden":"true"},V("select")),o=u.mergeProps({value:e.value},V("option"));return b.createElement("div",n,b.createElement("select",r,b.createElement("option",o,e.label)))}(),ke=(Ce=u.mergeProps({className:"p-hidden-accessible"},V("hiddenSelectedMessage")),De=u.mergeProps(G({ref:F,id:s.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:$,onBlur:W,onKeyDown:Y,disabled:s.disabled,tabIndex:s.tabIndex},Re),V("input")),b.createElement("div",Ce,b.createElement("input",De))),Me=function(){var e=u.ObjectUtils.isNotEmpty(Fe)?Ee(Fe):null;if(s.editable){var t=u.mergeProps(G({ref:N,type:"text",defaultValue:e||s.value||"",className:_("input",{label:e}),disabled:s.disabled,placeholder:s.placeholder,maxLength:s.maxLength,onInput:ce,onFocus:se,onBlur:W,"aria-haspopup":"listbox"},Re),V("input"));return b.createElement("input",t)}var n=s.valueTemplate?u.ObjectUtils.getJSXElement(s.valueTemplate,Fe,s):e||s.placeholder||"empty",r=u.mergeProps({ref:N,className:_("input",{label:e})},V("input"));return b.createElement("span",r,n)}(),Ge=function(){var e=u.mergeProps({className:_("dropdownIcon")},V("dropdownIcon")),t=u.IconUtils.getJSXIcon(s.dropdownIcon||b.createElement(o.ChevronDownIcon,e),G({},e),{props:s}),n=s.placeholder||s.ariaLabel,r=u.mergeProps({className:_("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":S,"aria-label":n},V("trigger"));return b.createElement("div",r,t)}(),He=function(){if(null!=s.value&&s.showClear&&!s.disabled){var e=u.mergeProps({className:_("clearIcon"),onPointerUp:fe},V("clearIcon"));return u.IconUtils.getJSXIcon(s.clearIcon||b.createElement(l.TimesIcon,e),G({},e),{props:s})}return null}(),qe=u.mergeProps({id:s.id,ref:P,className:u.classNames(s.className,_("root",{focusedState:w,overlayVisibleState:S})),style:s.style,onClick:function(e){return t=e,void(s.disabled||(s.onClick&&s.onClick(t),t.defaultPrevented||u.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||j.current&&j.current&&j.current.contains(t.target)||(u.DomHandler.focus(F.current),S?he():ye())));var t},onMouseDown:s.onMouseDown,onContextMenu:s.onContextMenu,"data-p-disabled":s.disabled,"data-p-focus":w},Te,V("root"));return b.createElement(b.Fragment,null,b.createElement("div",qe,ke,Ue,Me,He,Ge,b.createElement(T,y({hostName:"Dropdown",ref:j,visibleOptions:Ne,virtualScrollerRef:L},s,{appendTo:A,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},onOptionClick:function(e){e.option.disabled||(me(e),u.DomHandler.focus(F.current)),he()},filterValue:f,hasFilter:q,onFilterClearIconClick:function(e){de(e)},resetFilter:de,onFilterInputKeyDown:function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 13:case 27:he(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},getOptionLabel:Ee,getOptionRenderKey:function(e){return s.dataKey?u.ObjectUtils.resolveFieldData(e,s.dataKey):Ee(e)},isOptionDisabled:Se,getOptionGroupChildren:xe,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:function(e){return u.ObjectUtils.equals(s.value,Ie(e),be())},getSelectedOptionIndex:ve,in:S,onEnter:function(e){u.ZIndexUtils.set("overlay",j.current,c&&c.autoZIndex||g.default.autoZIndex,c&&c.zIndex.overlay||g.default.zIndex.overlay),u.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),we(),e&&e()},onEntered:function(e){e&&e(),X(),s.onShow&&s.onShow()},onExit:function(){z()},onExited:function(){s.filter&&s.resetFilterOnHide&&de(),u.ZIndexUtils.clear(j.current),s.onHide&&s.onHide()},ptm:V,cx:_,sx:B}))),Le&&b.createElement(a.Tooltip,y({target:P,content:s.tooltip},s.tooltipOptions,{pt:V("tooltip")})))})));H.displayName="Dropdown",exports.Dropdown=H;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),l=require("primereact/icons/times"),i=require("primereact/overlayservice"),a=require("primereact/tooltip"),u=require("primereact/utils"),p=require("primereact/csstransition"),c=require("primereact/icons/search"),s=require("primereact/portal"),d=require("primereact/virtualscroller"),f=require("primereact/ripple");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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 b=v(e),g=m(t);function y(){return y=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},y.apply(this,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function w(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=w(e,"string");return"symbol"===h(t)?t:String(t)}function E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function P(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function j(){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 C(e,t){return I(e)||S(e,t)||P(e,t)||j()}var D=n.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return u.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":u.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return u.classNames("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return u.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple})},item:function(e){var t=e.label;return u.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),N=b.memo((function(e){var t=e.ptm,n=e.cx,r=e.selected,o=e.disabled,l=e.option,i=e.label,a=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,p=u.mergeProps({role:"option",key:e.label,className:u.classNames(l.className,n("item",{selected:r,disabled:o,label:i})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:l}));var n},"aria-label":i,"aria-selected":r,"data-p-highlight":r,"data-p-disabled":o},t("item",{context:{selected:r,disabled:o}}));return b.createElement("li",p,a,b.createElement(f.Ripple,null))}));function F(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}N.displayName="DropdownItem";var T=b.memo(b.forwardRef((function(e,n){var r=e.ptm,o=e.cx,i=e.sx,a=b.useContext(t.PrimeReactContext);b.useRef(null);var f,m,v,g,h,w=b.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,E={filter:function(e){return P(e)},reset:function(){return e.resetFilter()}},I=function(t,n){return r(t,L({hostName:e.hostName},n))},S=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},x=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(w.current,!1)}))},P=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},j=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=u.mergeProps({className:o("footer")},I("footer"));return b.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,l){var i=e.getOptionLabel(t),a=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return b.createElement(N,{key:a,label:i,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:r,cx:o})}))},D=function(n,r){var l=u.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=u.mergeProps({className:o("emptyMessage")},I("emptyMessage"));return b.createElement("li",i,l)},F=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:l.props?l.props.itemSize:void 0};if(i=L(L({},i),t.style),e.optionGroupLabel){var a=e.optionGroupLabel,p=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=C(t,i),s=n+"_"+e.getOptionGroupRenderKey(t),d=u.mergeProps({className:o("itemGroup",{optionGroupLabel:a}),style:i},I("itemGroup"));return b.createElement(b.Fragment,{key:s},b.createElement("li",d,p),c)}var f=e.getOptionLabel(t),m=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return b.createElement(N,{key:m,label:f,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:r,cx:o})},T=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=u.mergeProps({className:o("clearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(w.current)}))}},I("clearIcon"));return u.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(l.TimesIcon,r),L({},r),{props:e})}return null},R=function(){if(e.filter){var t=T(),n=u.mergeProps({className:o("filterIcon")},I("filterIcon")),r=u.IconUtils.getJSXIcon(e.filterIcon||b.createElement(c.SearchIcon,n),L({},n),{props:e}),l=u.mergeProps({className:o("filterContainer",{clearIcon:t})},I("filterContainer")),i=u.mergeProps({ref:w,type:"text",autoComplete:"off",className:o("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return P(e)},value:e.filterValue},I("filterInput")),a=b.createElement("div",l,b.createElement("input",i),t,r);if(e.filterTemplate){var p={className:u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:E,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};a=u.ObjectUtils.getJSXElement(e.filterTemplate,p)}var s=u.mergeProps({className:o("header")},I("header"));return b.createElement("div",s,a)}return null},U=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&F(e,t.index,t)},contentTemplate:function(t){var n=O?D(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=u.mergeProps({ref:t.contentRef,style:t.style,className:u.classNames(t.className,o("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},I("list"));return b.createElement("ul",r,n)}});return b.createElement(d.VirtualScroller,y({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(F):e.hasFilter?D(e.emptyFilterMessage,!0):D(e.emptyMessage),l=u.mergeProps({className:o("wrapper"),style:i("wrapper")},I("wrapper")),a=u.mergeProps({className:o("list"),role:"listbox"},I("list"));return b.createElement("div",l,b.createElement("ul",a,n))},k=(f=R(),m=U(),v=j(),g=u.mergeProps({className:u.classNames(e.panelClassName,o("panel",{context:a})),style:i("panel"),onClick:e.onClick},I("panel")),h=u.mergeProps({classNames:o("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:e.onExit,onExited:e.onExited},I("transition")),b.createElement(p.CSSTransition,y({nodeRef:n},h),b.createElement("div",y({ref:n},g),f,m,v)));return b.createElement(s.Portal,{element:k,appendTo:e.appendTo})})));function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=U(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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function U(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function k(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 M(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 G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="DropdownPanel";var H=b.memo(b.forwardRef((function(e,p){var c=b.useContext(t.PrimeReactContext),s=D.getProps(e,c),d=C(b.useState(""),2),f=d[0],m=d[1],v=C(b.useState(!1),2),w=v[0],O=v[1],I=C(b.useState(!1),2),S=I[0],x=I[1],P=b.useRef(null),j=b.useRef(null),N=b.useRef(s.inputRef),F=b.useRef(s.focusInputRef),L=b.useRef(null),U=b.useRef(null),k=b.useRef(null),M=b.useRef(null),H=s.virtualScrollerOptions&&s.virtualScrollerOptions.lazy,q=u.ObjectUtils.isNotEmpty(f),A=s.appendTo||c&&c.appendTo||g.default.appendTo,K=D.setMetaData(G(G({props:s},s.__parentMetadata),{},{state:{filter:f,focused:w,overlayVisible:S}})),V=K.ptm,_=K.cx,B=K.sx;n.useHandleStyle(D.css.styles,K.isUnstyled,{name:"dropdown"});var J=C(r.useOverlayListener({target:P,overlay:j,listener:function(e,t){t.valid&&("outside"===t.type?!Z(e)&&he():he())},when:S}),2),X=J[0],z=J[1],Z=function(e){return u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||u.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},$=function(e){s.showOnFocus&&!S&&ye(),O(!0),s.onFocus&&s.onFocus(e)},W=function(e){O(!1),s.onBlur&&setTimeout((function(){var t=N.current?N.current.value:void 0;s.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}),200)},Y=function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 32:case 13:S?he():ye(),e.preventDefault();break;case 27:case 9:he();break;default:le(e)}},Q=function(e){if(Ne){var t=re(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},ee=function(e){if(Ne)if(!S&&e.altKey)ye();else{var t=te(ve());t&&me({originalEvent:e,option:t})}e.preventDefault()},te=function e(t){if(s.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=ne(xe(Ne[n]),r);return o||(n+1!==Ne.length?e({group:n+1,option:-1}):null)}return ne(Ne,t)},ne=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Se(o)?e(r):o},re=function e(t){if(-1===t)return null;if(s.optionGroupLabel){var n=t.group,r=t.option,o=oe(xe(Ne[n]),r);return o||(n>0?e({group:n-1,option:xe(Ne[n-1]).length}):null)}return oe(Ne,t)},oe=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Se(r)?re(n):r},le=function(e){U.current&&clearTimeout(U.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(k.current=M.current===t?t:k.current?k.current+t:t,M.current=t,k.current){var n=ve(),r=s.optionGroupLabel?ue(n):ie(n+1);r&&me({originalEvent:e,option:r})}U.current=setTimeout((function(){k.current=null}),250)}},ie=function(e){return k.current?ae(e,Ne.length)||ae(0,e):null},ae=function(e,t){for(var n=e;n<t;n++){var r=Ne[n];if(pe(r))return r}return null},ue=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Ne.length;n++)for(var r=xe(Ne[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(pe(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=xe(Ne[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(pe(i[a]))return i[a];return null},pe=function(e){var t=Ee(e);return!!t&&(t=t.toLocaleLowerCase(s.filterLocale)).startsWith(k.current.toLocaleLowerCase(s.filterLocale))},ce=function(e){s.onChange&&s.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:e.target.value}})},se=function(e){O(!0),he(),s.onFocus&&s.onFocus(e)},de=function(e){m(""),s.onFilter&&s.onFilter({filter:""}),e&&e()},fe=function(e){s.onChange&&s.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:void 0}}),Oe()},me=function(e){if(Fe!==e.option){Oe(e.option);var t=Ie(e.option);s.onChange&&s.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:t}})}},ve=function(e){if(e=e||Ne,null!=s.value&&e){if(!s.optionGroupLabel)return ge(s.value,e);for(var t=0;t<e.length;t++){var n=ge(s.value,xe(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},be=function(){return s.optionValue?null:s.dataKey},ge=function(e,t){var n=be();return t.findIndex((function(t){return u.ObjectUtils.equals(e,Ie(t),n)}))},ye=function(){x(!0)},he=function(){x(!1)},we=function(){u.DomHandler.alignOverlay(j.current,N.current.parentElement,s.appendTo||c&&c.appendTo||g.default.appendTo)},Oe=function(e){N.current&&(N.current.value=e?Ee(e):s.value||"")},Ee=function(e){return s.optionLabel?u.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ie=function(e){return s.optionValue?u.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.optionDisabled?u.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},xe=function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Pe=function(){if(s.editable&&N.current){var e=Fe?Ee(Fe):null;N.current.value=e||s.value||""}};b.useImperativeHandle(p,(function(){return{props:s,show:ye,hide:he,clear:fe,focus:function(){return u.DomHandler.focus(F.current)},getElement:function(){return P.current},getOverlay:function(){return j.current},getInput:function(){return N.current},getFocusInput:function(){return F.current},getVirtualScroller:function(){return L.current}}})),b.useEffect((function(){u.ObjectUtils.combinedRefs(N,s.inputRef),u.ObjectUtils.combinedRefs(F,s.focusInputRef)}),[N,s.inputRef,F,s.focusInputRef]),r.useMountEffect((function(){s.autoFocus&&u.DomHandler.focus(F.current,s.autoFocus),we()})),r.useUpdateEffect((function(){var e;S&&s.value&&(e=u.DomHandler.findSingle(j.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[S,s.value]),r.useUpdateEffect((function(){S&&f&&s.filter&&we()}),[S,f,s.filter]),r.useUpdateEffect((function(){!f||s.options&&0!==s.options.length||m(""),Pe(),N.current&&(N.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(j.current)}));var je,Ce,De,Ne=function(){if(q&&!H){var e=f.trim().toLocaleLowerCase(s.filterLocale),n=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,o=[],l=R(s.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(xe(i),n,e,s.filterMatchMode,s.filterLocale);a&&a.length&&o.push(G(G({},i),E({},"".concat(s.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(s.options,n,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Fe=-1!==(je=ve(s.options))?s.optionGroupLabel?xe(s.options[je.group])[je.option]:s.options[je]:null,Le=u.ObjectUtils.isNotEmpty(s.tooltip),Te=D.getOtherProps(s),Re=u.ObjectUtils.reduceKeys(Te,u.DomHandler.ARIA_PROPS),Ue=function(){var e={value:"",label:s.placeholder};if(Fe){var t=Ie(Fe);e={value:"object"===h(t)?s.options.findIndex((function(e){return e===t})):t,label:Ee(Fe)}}var n=u.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},V("hiddenSelectedMessage")),r=u.mergeProps({ref:N,required:s.required,defaultValue:e.value,name:s.name,tabIndex:-1,"aria-hidden":"true"},V("select")),o=u.mergeProps({value:e.value},V("option"));return b.createElement("div",n,b.createElement("select",r,b.createElement("option",o,e.label)))}(),ke=(Ce=u.mergeProps({className:"p-hidden-accessible"},V("hiddenSelectedMessage")),De=u.mergeProps(G({ref:F,id:s.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:$,onBlur:W,onKeyDown:Y,disabled:s.disabled,tabIndex:s.tabIndex},Re),V("input")),b.createElement("div",Ce,b.createElement("input",De))),Me=function(){var e=u.ObjectUtils.isNotEmpty(Fe)?Ee(Fe):null;if(s.editable){var t=u.mergeProps(G({ref:N,type:"text",defaultValue:e||s.value||"",className:_("input",{label:e}),disabled:s.disabled,placeholder:s.placeholder,maxLength:s.maxLength,onInput:ce,onFocus:se,onBlur:W,"aria-haspopup":"listbox"},Re),V("input"));return b.createElement("input",t)}var n=s.valueTemplate?u.ObjectUtils.getJSXElement(s.valueTemplate,Fe,s):e||s.placeholder||"empty",r=u.mergeProps({ref:N,className:_("input",{label:e})},V("input"));return b.createElement("span",r,n)}(),Ge=function(){var e=u.mergeProps({className:_("dropdownIcon"),"data-pr-overlay-visible":S},V("dropdownIcon")),t=u.IconUtils.getJSXIcon(s.dropdownIcon||b.createElement(o.ChevronDownIcon,e),G({},e),{props:s}),n=s.placeholder||s.ariaLabel,r=u.mergeProps({className:_("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":S,"aria-label":n},V("trigger"));return b.createElement("div",r,t)}(),He=function(){if(null!=s.value&&s.showClear&&!s.disabled){var e=u.mergeProps({className:_("clearIcon"),onPointerUp:fe},V("clearIcon"));return u.IconUtils.getJSXIcon(s.clearIcon||b.createElement(l.TimesIcon,e),G({},e),{props:s})}return null}(),qe=u.mergeProps({id:s.id,ref:P,className:u.classNames(s.className,_("root",{focusedState:w,overlayVisibleState:S})),style:s.style,onClick:function(e){return t=e,void(s.disabled||(s.onClick&&s.onClick(t),t.defaultPrevented||u.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||j.current&&j.current&&j.current.contains(t.target)||(u.DomHandler.focus(F.current),S?he():ye())));var t},onMouseDown:s.onMouseDown,onContextMenu:s.onContextMenu,"data-p-disabled":s.disabled,"data-p-focus":w},Te,V("root"));return b.createElement(b.Fragment,null,b.createElement("div",qe,ke,Ue,Me,He,Ge,b.createElement(T,y({hostName:"Dropdown",ref:j,visibleOptions:Ne,virtualScrollerRef:L},s,{appendTo:A,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},onOptionClick:function(e){e.option.disabled||(me(e),u.DomHandler.focus(F.current)),he()},filterValue:f,hasFilter:q,onFilterClearIconClick:function(e){de(e)},resetFilter:de,onFilterInputKeyDown:function(e){switch(e.which){case 40:ee(e);break;case 38:Q(e);break;case 13:case 27:he(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),s.onFilter&&s.onFilter({originalEvent:e,filter:t})},getOptionLabel:Ee,getOptionRenderKey:function(e){return s.dataKey?u.ObjectUtils.resolveFieldData(e,s.dataKey):Ee(e)},isOptionDisabled:Se,getOptionGroupChildren:xe,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},isSelected:function(e){return u.ObjectUtils.equals(s.value,Ie(e),be())},getSelectedOptionIndex:ve,in:S,onEnter:function(e){u.ZIndexUtils.set("overlay",j.current,c&&c.autoZIndex||g.default.autoZIndex,c&&c.zIndex.overlay||g.default.zIndex.overlay),u.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),we(),e&&e()},onEntered:function(e){e&&e(),X(),s.onShow&&s.onShow()},onExit:function(){z()},onExited:function(){s.filter&&s.resetFilterOnHide&&de(),u.ZIndexUtils.clear(j.current),s.onHide&&s.onHide()},ptm:V,cx:_,sx:B}))),Le&&b.createElement(a.Tooltip,y({target:P,content:s.tooltip},s.tooltipOptions,{pt:V("tooltip")})))})));H.displayName="Dropdown",exports.Dropdown=H;
|
package/dropdown/dropdown.esm.js
CHANGED
|
@@ -1189,6 +1189,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
1189
1189
|
if (props.autoFocus) {
|
|
1190
1190
|
DomHandler.focus(focusInputRef.current, props.autoFocus);
|
|
1191
1191
|
}
|
|
1192
|
+
alignOverlay();
|
|
1192
1193
|
});
|
|
1193
1194
|
useUpdateEffect(function () {
|
|
1194
1195
|
if (overlayVisibleState && props.value) {
|
|
@@ -1306,7 +1307,8 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
1306
1307
|
};
|
|
1307
1308
|
var createDropdownIcon = function createDropdownIcon() {
|
|
1308
1309
|
var dropdownIconProps = mergeProps({
|
|
1309
|
-
className: cx('dropdownIcon')
|
|
1310
|
+
className: cx('dropdownIcon'),
|
|
1311
|
+
'data-pr-overlay-visible': overlayVisibleState
|
|
1310
1312
|
}, ptm('dropdownIcon'));
|
|
1311
1313
|
var icon = props.dropdownIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, dropdownIconProps);
|
|
1312
1314
|
var dropdownIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, dropdownIconProps), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,FilterService as o}from"primereact/api";import{ComponentBase as l,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as a,useMountEffect as u,useUpdateEffect as p,useUnmountEffect as c}from"primereact/hooks";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{TimesIcon as f}from"primereact/icons/times";import{OverlayService as d}from"primereact/overlayservice";import{Tooltip as m}from"primereact/tooltip";import{classNames as v,ObjectUtils as b,mergeProps as g,DomHandler as y,IconUtils as h,ZIndexUtils as w}from"primereact/utils";import{CSSTransition as O}from"primereact/csstransition";import{SearchIcon as E}from"primereact/icons/search";import{Portal as I}from"primereact/portal";import{VirtualScroller as S}from"primereact/virtualscroller";import{Ripple as x}from"primereact/ripple";function C(){return C=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},C.apply(this,arguments)}function F(e){return F="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},F(e)}function D(e,t){if("object"!==F(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==F(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function N(e){var t=D(e,"string");return"symbol"===F(t)?t:String(t)}function L(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function T(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 k(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function R(){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 M(e,t){return P(e)||j(e,t)||k(e,t)||R()}var G=l.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return v("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":b.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":v("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return v("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return v("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var n=e.context;return v("p-dropdown-panel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},item:function(e){var t=e.label;return v("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),A=e.memo((function(t){var n=t.ptm,r=t.cx,o=t.selected,l=t.disabled,i=t.option,a=t.label,u=t.template?b.getJSXElement(t.template,t.option):t.label,p=g({role:"option",key:t.label,className:v(i.className,r("item",{selected:o,disabled:l,label:a})),style:t.style,onClick:function(e){return n=e,void(t.onClick&&t.onClick({originalEvent:n,option:i}));var n},"aria-label":a,"aria-selected":o,"data-p-highlight":o,"data-p-disabled":l},n("item",{context:{selected:o,disabled:l}}));return e.createElement("li",p,u,e.createElement(x,null))}));function K(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 V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){L(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}A.displayName="DropdownItem";var H=e.memo(e.forwardRef((function(t,o){var l=t.ptm,i=t.cx,a=t.sx,u=e.useContext(n);e.useRef(null);var p,c,s,d,m,w=e.useRef(null),x=!(t.visibleOptions&&t.visibleOptions.length)&&t.hasFilter,F={filter:function(e){return P(e)},reset:function(){return t.resetFilter()}},D=function(e,n){return l(e,V({hostName:t.hostName},n))},N=function(){t.onEnter((function(){if(t.virtualScrollerRef.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return t.virtualScrollerRef.current.scrollToIndex(e)}),0)}}))},L=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&y.focus(w.current,!1)}))},P=function(e){t.virtualScrollerRef.current&&t.virtualScrollerRef.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},j=function(){if(t.panelFooterTemplate){var n=b.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide),r=g({className:i("footer")},D("footer"));return e.createElement("div",r,n)}return null},T=function(n,r){return t.getOptionGroupChildren(n).map((function(n,o){var a=t.getOptionLabel(n),u=o+"_"+t.getOptionRenderKey(n),p=t.isOptionDisabled(n);return e.createElement(A,{key:u,label:a,option:n,style:r,template:t.itemTemplate,selected:t.isSelected(n),disabled:p,onClick:t.onOptionClick,ptm:l,cx:i})}))},k=function(n,o){var l=b.getJSXElement(n,t)||r(o?"emptyFilterMessage":"emptyMessage"),a=g({className:i("emptyMessage")},D("emptyMessage"));return e.createElement("li",a,l)},R=function(n,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a={height:o.props?o.props.itemSize:void 0};if(a=V(V({},a),n.style),t.optionGroupLabel){var u=t.optionGroupLabel,p=t.optionGroupTemplate?b.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n),c=T(n,a),s=r+"_"+t.getOptionGroupRenderKey(n),f=g({className:i("itemGroup",{optionGroupLabel:u}),style:a},D("itemGroup"));return e.createElement(e.Fragment,{key:s},e.createElement("li",f,p),c)}var d=t.getOptionLabel(n),m=r+"_"+t.getOptionRenderKey(n),v=t.isOptionDisabled(n);return e.createElement(A,{key:m,label:d,option:n,style:a,template:t.itemTemplate,selected:t.isSelected(n),disabled:v,onClick:t.onOptionClick,ptm:l,cx:i})},M=function(){if(t.showFilterClear&&t.filterValue){var n=r("clear"),o=g({className:i("clearIcon"),"aria-label":n,onClick:function(){return t.onFilterClearIconClick((function(){return y.focus(w.current)}))}},D("clearIcon"));return h.getJSXIcon(t.filterClearIcon||e.createElement(f,o),V({},o),{props:t})}return null},G=function(){if(t.filter){var n=M(),r=g({className:i("filterIcon")},D("filterIcon")),o=h.getJSXIcon(t.filterIcon||e.createElement(E,r),V({},r),{props:t}),l=g({className:i("filterContainer",{clearIcon:n})},D("filterContainer")),a=g({ref:w,type:"text",autoComplete:"off",className:i("filterInput"),placeholder:t.filterPlaceholder,onKeyDown:t.onFilterInputKeyDown,onChange:function(e){return P(e)},value:t.filterValue},D("filterInput")),u=e.createElement("div",l,e.createElement("input",a),n,o);if(t.filterTemplate){var p={className:v("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!n}),element:u,filterOptions:F,filterInputKeyDown:t.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:n,props:t};u=b.getJSXElement(t.filterTemplate,p)}var c=g({className:i("header")},D("header"));return e.createElement("div",c,u)}return null},K=function(){if(t.virtualScrollerOptions){var n=V(V({},t.virtualScrollerOptions),{style:V(V({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:v("p-dropdown-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(V(V({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&R(e,t.index,t)},contentTemplate:function(n){var r=x?k(t.hasFilter?t.emptyFilterMessage:t.emptyMessage):n.children,o=g({ref:n.contentRef,style:n.style,className:v(n.className,i("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox"},D("list"));return e.createElement("ul",o,r)}});return e.createElement(S,C({ref:t.virtualScrollerRef},n,{pt:l("virtualScroller")}))}var r=b.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(R):t.hasFilter?k(t.emptyFilterMessage,!0):k(t.emptyMessage),o=g({className:i("wrapper"),style:a("wrapper")},D("wrapper")),u=g({className:i("list"),role:"listbox"},D("list"));return e.createElement("div",o,e.createElement("ul",u,r))},H=(p=G(),c=K(),s=j(),d=g({className:v(t.panelClassName,i("panel",{context:u})),style:a("panel"),onClick:t.onClick},D("panel")),m=g({classNames:i("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:L,onExit:t.onExit,onExited:t.onExited},D("transition")),e.createElement(O,C({nodeRef:o},m),e.createElement("div",C({ref:o},d),p,c,s)));return e.createElement(I,{element:H,appendTo:t.appendTo})})));function J(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=X(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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function X(e,t){if(e){if("string"==typeof e)return _(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)?_(e,t):void 0}}function _(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 B(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){L(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="DropdownPanel";var q=e.memo(e.forwardRef((function(r,l){var O=e.useContext(n),E=G.getProps(r,O),I=M(e.useState(""),2),S=I[0],x=I[1],D=M(e.useState(!1),2),N=D[0],P=D[1],j=M(e.useState(!1),2),T=j[0],k=j[1],R=e.useRef(null),A=e.useRef(null),K=e.useRef(E.inputRef),V=e.useRef(E.focusInputRef),X=e.useRef(null),_=e.useRef(null),B=e.useRef(null),q=e.useRef(null),U=E.virtualScrollerOptions&&E.virtualScrollerOptions.lazy,Z=b.isNotEmpty(S),$=E.appendTo||O&&O.appendTo||t.appendTo,W=G.setMetaData(z(z({props:E},E.__parentMetadata),{},{state:{filter:S,focused:N,overlayVisible:T}})),Y=W.ptm,Q=W.cx,ee=W.sx;i(G.css.styles,W.isUnstyled,{name:"dropdown"});var te=M(a({target:R,overlay:A,listener:function(e,t){t.valid&&("outside"===t.type?!oe(e)&&De():De())},when:T}),2),ne=te[0],re=te[1],oe=function(e){return y.hasClass(e.target,"p-dropdown-clear-icon")||y.hasClass(e.target,"p-dropdown-filter-clear-icon")},le=function(e){E.showOnFocus&&!T&&Fe(),P(!0),E.onFocus&&E.onFocus(e)},ie=function(e){P(!1),E.onBlur&&setTimeout((function(){var t=K.current?K.current.value:void 0;E.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:E.name,id:E.id,value:t}})}),200)},ae=function(e){switch(e.which){case 40:pe(e);break;case 38:ue(e);break;case 32:case 13:T?De():Fe(),e.preventDefault();break;case 27:case 9:De();break;default:me(e)}},ue=function(e){if(Ke){var t=fe(Se());t&&Ie({originalEvent:e,option:t})}e.preventDefault()},pe=function(e){if(Ke)if(!T&&e.altKey)Fe();else{var t=ce(Se());t&&Ie({originalEvent:e,option:t})}e.preventDefault()},ce=function e(t){if(E.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=se(ke(Ke[n]),r);return o||(n+1!==Ke.length?e({group:n+1,option:-1}):null)}return se(Ke,t)},se=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Te(o)?e(r):o},fe=function e(t){if(-1===t)return null;if(E.optionGroupLabel){var n=t.group,r=t.option,o=de(ke(Ke[n]),r);return o||(n>0?e({group:n-1,option:ke(Ke[n-1]).length}):null)}return de(Ke,t)},de=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Te(r)?fe(n):r},me=function(e){_.current&&clearTimeout(_.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(B.current=q.current===t?t:B.current?B.current+t:t,q.current=t,B.current){var n=Se(),r=E.optionGroupLabel?ge(n):ve(n+1);r&&Ie({originalEvent:e,option:r})}_.current=setTimeout((function(){B.current=null}),250)}},ve=function(e){return B.current?be(e,Ke.length)||be(0,e):null},be=function(e,t){for(var n=e;n<t;n++){var r=Ke[n];if(ye(r))return r}return null},ge=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Ke.length;n++)for(var r=ke(Ke[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(ye(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=ke(Ke[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(ye(i[a]))return i[a];return null},ye=function(e){var t=Pe(e);return!!t&&(t=t.toLocaleLowerCase(E.filterLocale)).startsWith(B.current.toLocaleLowerCase(E.filterLocale))},he=function(e){E.onChange&&E.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:E.name,id:E.id,value:e.target.value}})},we=function(e){P(!0),De(),E.onFocus&&E.onFocus(e)},Oe=function(e){x(""),E.onFilter&&E.onFilter({filter:""}),e&&e()},Ee=function(e){E.onChange&&E.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:E.name,id:E.id,value:void 0}}),Le()},Ie=function(e){if(Ve!==e.option){Le(e.option);var t=je(e.option);E.onChange&&E.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:E.name,id:E.id,value:t}})}},Se=function(e){if(e=e||Ke,null!=E.value&&e){if(!E.optionGroupLabel)return Ce(E.value,e);for(var t=0;t<e.length;t++){var n=Ce(E.value,ke(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},xe=function(){return E.optionValue?null:E.dataKey},Ce=function(e,t){var n=xe();return t.findIndex((function(t){return b.equals(e,je(t),n)}))},Fe=function(){k(!0)},De=function(){k(!1)},Ne=function(){y.alignOverlay(A.current,K.current.parentElement,E.appendTo||O&&O.appendTo||t.appendTo)},Le=function(e){K.current&&(K.current.value=e?Pe(e):E.value||"")},Pe=function(e){return E.optionLabel?b.resolveFieldData(e,E.optionLabel):e&&void 0!==e.label?e.label:e},je=function(e){return E.optionValue?b.resolveFieldData(e,E.optionValue):e&&void 0!==e.value?e.value:e},Te=function(e){return E.optionDisabled?b.isFunction(E.optionDisabled)?E.optionDisabled(e):b.resolveFieldData(e,E.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ke=function(e){return b.resolveFieldData(e,E.optionGroupChildren)},Re=function(){if(E.editable&&K.current){var e=Ve?Pe(Ve):null;K.current.value=e||E.value||""}};e.useImperativeHandle(l,(function(){return{props:E,show:Fe,hide:De,clear:Ee,focus:function(){return y.focus(V.current)},getElement:function(){return R.current},getOverlay:function(){return A.current},getInput:function(){return K.current},getFocusInput:function(){return V.current},getVirtualScroller:function(){return X.current}}})),e.useEffect((function(){b.combinedRefs(K,E.inputRef),b.combinedRefs(V,E.focusInputRef)}),[K,E.inputRef,V,E.focusInputRef]),u((function(){E.autoFocus&&y.focus(V.current,E.autoFocus)})),p((function(){var e;T&&E.value&&(e=y.findSingle(A.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[T,E.value]),p((function(){T&&S&&E.filter&&Ne()}),[T,S,E.filter]),p((function(){!S||E.options&&0!==E.options.length||x(""),Re(),K.current&&(K.current.selectedIndex=1)})),c((function(){w.clear(A.current)}));var Me,Ge,Ae,Ke=function(){if(Z&&!U){var e=S.trim().toLocaleLowerCase(E.filterLocale),t=E.filterBy?E.filterBy.split(","):[E.optionLabel||"label"];if(E.optionGroupLabel){var n,r=[],l=J(E.options);try{for(l.s();!(n=l.n()).done;){var i=n.value,a=o.filter(ke(i),t,e,E.filterMatchMode,E.filterLocale);a&&a.length&&r.push(z(z({},i),L({},"".concat(E.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return r}return o.filter(E.options,t,e,E.filterMatchMode,E.filterLocale)}return E.options}(),Ve=-1!==(Me=Se(E.options))?E.optionGroupLabel?ke(E.options[Me.group])[Me.option]:E.options[Me]:null,He=b.isNotEmpty(E.tooltip),Je=G.getOtherProps(E),Xe=b.reduceKeys(Je,y.ARIA_PROPS),_e=function(){var t={value:"",label:E.placeholder};if(Ve){var n=je(Ve);t={value:"object"===F(n)?E.options.findIndex((function(e){return e===n})):n,label:Pe(Ve)}}var r=g({className:"p-hidden-accessible p-dropdown-hidden-select"},Y("hiddenSelectedMessage")),o=g({ref:K,required:E.required,defaultValue:t.value,name:E.name,tabIndex:-1,"aria-hidden":"true"},Y("select")),l=g({value:t.value},Y("option"));return e.createElement("div",r,e.createElement("select",o,e.createElement("option",l,t.label)))}(),Be=(Ge=g({className:"p-hidden-accessible"},Y("hiddenSelectedMessage")),Ae=g(z({ref:V,id:E.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:le,onBlur:ie,onKeyDown:ae,disabled:E.disabled,tabIndex:E.tabIndex},Xe),Y("input")),e.createElement("div",Ge,e.createElement("input",Ae))),ze=function(){var t=b.isNotEmpty(Ve)?Pe(Ve):null;if(E.editable){var n=g(z({ref:K,type:"text",defaultValue:t||E.value||"",className:Q("input",{label:t}),disabled:E.disabled,placeholder:E.placeholder,maxLength:E.maxLength,onInput:he,onFocus:we,onBlur:ie,"aria-haspopup":"listbox"},Xe),Y("input"));return e.createElement("input",n)}var r=E.valueTemplate?b.getJSXElement(E.valueTemplate,Ve,E):t||E.placeholder||"empty",o=g({ref:K,className:Q("input",{label:t})},Y("input"));return e.createElement("span",o,r)}(),qe=function(){var t=g({className:Q("dropdownIcon")},Y("dropdownIcon")),n=h.getJSXIcon(E.dropdownIcon||e.createElement(s,t),z({},t),{props:E}),r=E.placeholder||E.ariaLabel,o=g({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":T,"aria-label":r},Y("trigger"));return e.createElement("div",o,n)}(),Ue=function(){if(null!=E.value&&E.showClear&&!E.disabled){var t=g({className:Q("clearIcon"),onPointerUp:Ee},Y("clearIcon"));return h.getJSXIcon(E.clearIcon||e.createElement(f,t),z({},t),{props:E})}return null}(),Ze=g({id:E.id,ref:R,className:v(E.className,Q("root",{focusedState:N,overlayVisibleState:T})),style:E.style,onClick:function(e){return t=e,void(E.disabled||(E.onClick&&E.onClick(t),t.defaultPrevented||y.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||A.current&&A.current&&A.current.contains(t.target)||(y.focus(V.current),T?De():Fe())));var t},onMouseDown:E.onMouseDown,onContextMenu:E.onContextMenu,"data-p-disabled":E.disabled,"data-p-focus":N},Je,Y("root"));return e.createElement(e.Fragment,null,e.createElement("div",Ze,Be,_e,ze,Ue,qe,e.createElement(H,C({hostName:"Dropdown",ref:A,visibleOptions:Ke,virtualScrollerRef:X},E,{appendTo:$,onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:R.current})},onOptionClick:function(e){e.option.disabled||(Ie(e),y.focus(V.current)),De()},filterValue:S,hasFilter:Z,onFilterClearIconClick:function(e){Oe(e)},resetFilter:Oe,onFilterInputKeyDown:function(e){switch(e.which){case 40:pe(e);break;case 38:ue(e);break;case 13:case 27:De(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;x(t),E.onFilter&&E.onFilter({originalEvent:e,filter:t})},getOptionLabel:Pe,getOptionRenderKey:function(e){return E.dataKey?b.resolveFieldData(e,E.dataKey):Pe(e)},isOptionDisabled:Te,getOptionGroupChildren:ke,getOptionGroupLabel:function(e){return b.resolveFieldData(e,E.optionGroupLabel)},getOptionGroupRenderKey:function(e){return b.resolveFieldData(e,E.optionGroupLabel)},isSelected:function(e){return b.equals(E.value,je(e),xe())},getSelectedOptionIndex:Se,in:T,onEnter:function(e){w.set("overlay",A.current,O&&O.autoZIndex||t.autoZIndex,O&&O.zIndex.overlay||t.zIndex.overlay),y.addStyles(A.current,{position:"absolute",top:"0",left:"0"}),Ne(),e&&e()},onEntered:function(e){e&&e(),ne(),E.onShow&&E.onShow()},onExit:function(){re()},onExited:function(){E.filter&&E.resetFilterOnHide&&Oe(),w.clear(A.current),E.onHide&&E.onHide()},ptm:Y,cx:Q,sx:ee}))),He&&e.createElement(m,C({target:R,content:E.tooltip},E.tooltipOptions,{pt:Y("tooltip")})))})));q.displayName="Dropdown";export{q as Dropdown};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,FilterService as o}from"primereact/api";import{ComponentBase as l,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as a,useMountEffect as u,useUpdateEffect as p,useUnmountEffect as c}from"primereact/hooks";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{TimesIcon as f}from"primereact/icons/times";import{OverlayService as d}from"primereact/overlayservice";import{Tooltip as m}from"primereact/tooltip";import{classNames as v,ObjectUtils as b,mergeProps as g,DomHandler as y,IconUtils as h,ZIndexUtils as w}from"primereact/utils";import{CSSTransition as O}from"primereact/csstransition";import{SearchIcon as E}from"primereact/icons/search";import{Portal as I}from"primereact/portal";import{VirtualScroller as S}from"primereact/virtualscroller";import{Ripple as x}from"primereact/ripple";function C(){return C=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},C.apply(this,arguments)}function F(e){return F="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},F(e)}function D(e,t){if("object"!==F(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==F(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function N(e){var t=D(e,"string");return"symbol"===F(t)?t:String(t)}function L(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,p=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return a}}function T(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 k(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function R(){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 M(e,t){return P(e)||j(e,t)||k(e,t)||R()}var G=l.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.overlayVisibleState;return v("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":b.isNotEmpty(t.value),"p-inputwrapper-focus":n||r})},input:function(e){var t=e.props,n=e.label;return t.editable?"p-dropdown-label p-inputtext":v("p-dropdown-label p-inputtext",{"p-placeholder":null===n&&t.placeholder,"p-dropdown-label-empty":null===n&&!t.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var t=e.optionGroupLabel;return v("p-dropdown-item-group",{"p-dropdown-item-empty":!t||0===t.length})},dropdownIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterContainer:function(e){return v("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:"p-dropdown-filter p-inputtext p-component",list:function(e){return"p-dropdown-items"},panel:function(e){var n=e.context;return v("p-dropdown-panel p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},item:function(e){var t=e.label;return v("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!t||0===t.length})},wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){}}}}),A=e.memo((function(t){var n=t.ptm,r=t.cx,o=t.selected,l=t.disabled,i=t.option,a=t.label,u=t.template?b.getJSXElement(t.template,t.option):t.label,p=g({role:"option",key:t.label,className:v(i.className,r("item",{selected:o,disabled:l,label:a})),style:t.style,onClick:function(e){return n=e,void(t.onClick&&t.onClick({originalEvent:n,option:i}));var n},"aria-label":a,"aria-selected":o,"data-p-highlight":o,"data-p-disabled":l},n("item",{context:{selected:o,disabled:l}}));return e.createElement("li",p,u,e.createElement(x,null))}));function K(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 V(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){L(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}A.displayName="DropdownItem";var H=e.memo(e.forwardRef((function(t,o){var l=t.ptm,i=t.cx,a=t.sx,u=e.useContext(n);e.useRef(null);var p,c,s,d,m,w=e.useRef(null),x=!(t.visibleOptions&&t.visibleOptions.length)&&t.hasFilter,F={filter:function(e){return P(e)},reset:function(){return t.resetFilter()}},D=function(e,n){return l(e,V({hostName:t.hostName},n))},N=function(){t.onEnter((function(){if(t.virtualScrollerRef.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return t.virtualScrollerRef.current.scrollToIndex(e)}),0)}}))},L=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&y.focus(w.current,!1)}))},P=function(e){t.virtualScrollerRef.current&&t.virtualScrollerRef.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},j=function(){if(t.panelFooterTemplate){var n=b.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide),r=g({className:i("footer")},D("footer"));return e.createElement("div",r,n)}return null},T=function(n,r){return t.getOptionGroupChildren(n).map((function(n,o){var a=t.getOptionLabel(n),u=o+"_"+t.getOptionRenderKey(n),p=t.isOptionDisabled(n);return e.createElement(A,{key:u,label:a,option:n,style:r,template:t.itemTemplate,selected:t.isSelected(n),disabled:p,onClick:t.onOptionClick,ptm:l,cx:i})}))},k=function(n,o){var l=b.getJSXElement(n,t)||r(o?"emptyFilterMessage":"emptyMessage"),a=g({className:i("emptyMessage")},D("emptyMessage"));return e.createElement("li",a,l)},R=function(n,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a={height:o.props?o.props.itemSize:void 0};if(a=V(V({},a),n.style),t.optionGroupLabel){var u=t.optionGroupLabel,p=t.optionGroupTemplate?b.getJSXElement(t.optionGroupTemplate,n,r):t.getOptionGroupLabel(n),c=T(n,a),s=r+"_"+t.getOptionGroupRenderKey(n),f=g({className:i("itemGroup",{optionGroupLabel:u}),style:a},D("itemGroup"));return e.createElement(e.Fragment,{key:s},e.createElement("li",f,p),c)}var d=t.getOptionLabel(n),m=r+"_"+t.getOptionRenderKey(n),v=t.isOptionDisabled(n);return e.createElement(A,{key:m,label:d,option:n,style:a,template:t.itemTemplate,selected:t.isSelected(n),disabled:v,onClick:t.onOptionClick,ptm:l,cx:i})},M=function(){if(t.showFilterClear&&t.filterValue){var n=r("clear"),o=g({className:i("clearIcon"),"aria-label":n,onClick:function(){return t.onFilterClearIconClick((function(){return y.focus(w.current)}))}},D("clearIcon"));return h.getJSXIcon(t.filterClearIcon||e.createElement(f,o),V({},o),{props:t})}return null},G=function(){if(t.filter){var n=M(),r=g({className:i("filterIcon")},D("filterIcon")),o=h.getJSXIcon(t.filterIcon||e.createElement(E,r),V({},r),{props:t}),l=g({className:i("filterContainer",{clearIcon:n})},D("filterContainer")),a=g({ref:w,type:"text",autoComplete:"off",className:i("filterInput"),placeholder:t.filterPlaceholder,onKeyDown:t.onFilterInputKeyDown,onChange:function(e){return P(e)},value:t.filterValue},D("filterInput")),u=e.createElement("div",l,e.createElement("input",a),n,o);if(t.filterTemplate){var p={className:v("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!n}),element:u,filterOptions:F,filterInputKeyDown:t.onFilterInputKeyDown,filterInputChange:P,filterIconClassName:"p-dropdown-filter-icon",clearIcon:n,props:t};u=b.getJSXElement(t.filterTemplate,p)}var c=g({className:i("header")},D("header"));return e.createElement("div",c,u)}return null},K=function(){if(t.virtualScrollerOptions){var n=V(V({},t.virtualScrollerOptions),{style:V(V({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:v("p-dropdown-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(V(V({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&R(e,t.index,t)},contentTemplate:function(n){var r=x?k(t.hasFilter?t.emptyFilterMessage:t.emptyMessage):n.children,o=g({ref:n.contentRef,style:n.style,className:v(n.className,i("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox"},D("list"));return e.createElement("ul",o,r)}});return e.createElement(S,C({ref:t.virtualScrollerRef},n,{pt:l("virtualScroller")}))}var r=b.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(R):t.hasFilter?k(t.emptyFilterMessage,!0):k(t.emptyMessage),o=g({className:i("wrapper"),style:a("wrapper")},D("wrapper")),u=g({className:i("list"),role:"listbox"},D("list"));return e.createElement("div",o,e.createElement("ul",u,r))},H=(p=G(),c=K(),s=j(),d=g({className:v(t.panelClassName,i("panel",{context:u})),style:a("panel"),onClick:t.onClick},D("panel")),m=g({classNames:i("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:L,onExit:t.onExit,onExited:t.onExited},D("transition")),e.createElement(O,C({nodeRef:o},m),e.createElement("div",C({ref:o},d),p,c,s)));return e.createElement(I,{element:H,appendTo:t.appendTo})})));function J(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=X(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 l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function X(e,t){if(e){if("string"==typeof e)return _(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)?_(e,t):void 0}}function _(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 B(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){L(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}H.displayName="DropdownPanel";var q=e.memo(e.forwardRef((function(r,l){var O=e.useContext(n),E=G.getProps(r,O),I=M(e.useState(""),2),S=I[0],x=I[1],D=M(e.useState(!1),2),N=D[0],P=D[1],j=M(e.useState(!1),2),T=j[0],k=j[1],R=e.useRef(null),A=e.useRef(null),K=e.useRef(E.inputRef),V=e.useRef(E.focusInputRef),X=e.useRef(null),_=e.useRef(null),B=e.useRef(null),q=e.useRef(null),U=E.virtualScrollerOptions&&E.virtualScrollerOptions.lazy,Z=b.isNotEmpty(S),$=E.appendTo||O&&O.appendTo||t.appendTo,W=G.setMetaData(z(z({props:E},E.__parentMetadata),{},{state:{filter:S,focused:N,overlayVisible:T}})),Y=W.ptm,Q=W.cx,ee=W.sx;i(G.css.styles,W.isUnstyled,{name:"dropdown"});var te=M(a({target:R,overlay:A,listener:function(e,t){t.valid&&("outside"===t.type?!oe(e)&&De():De())},when:T}),2),ne=te[0],re=te[1],oe=function(e){return y.hasClass(e.target,"p-dropdown-clear-icon")||y.hasClass(e.target,"p-dropdown-filter-clear-icon")},le=function(e){E.showOnFocus&&!T&&Fe(),P(!0),E.onFocus&&E.onFocus(e)},ie=function(e){P(!1),E.onBlur&&setTimeout((function(){var t=K.current?K.current.value:void 0;E.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:E.name,id:E.id,value:t}})}),200)},ae=function(e){switch(e.which){case 40:pe(e);break;case 38:ue(e);break;case 32:case 13:T?De():Fe(),e.preventDefault();break;case 27:case 9:De();break;default:me(e)}},ue=function(e){if(Ke){var t=fe(Se());t&&Ie({originalEvent:e,option:t})}e.preventDefault()},pe=function(e){if(Ke)if(!T&&e.altKey)Fe();else{var t=ce(Se());t&&Ie({originalEvent:e,option:t})}e.preventDefault()},ce=function e(t){if(E.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=se(ke(Ke[n]),r);return o||(n+1!==Ke.length?e({group:n+1,option:-1}):null)}return se(Ke,t)},se=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Te(o)?e(r):o},fe=function e(t){if(-1===t)return null;if(E.optionGroupLabel){var n=t.group,r=t.option,o=de(ke(Ke[n]),r);return o||(n>0?e({group:n-1,option:ke(Ke[n-1]).length}):null)}return de(Ke,t)},de=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Te(r)?fe(n):r},me=function(e){_.current&&clearTimeout(_.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(B.current=q.current===t?t:B.current?B.current+t:t,q.current=t,B.current){var n=Se(),r=E.optionGroupLabel?ge(n):ve(n+1);r&&Ie({originalEvent:e,option:r})}_.current=setTimeout((function(){B.current=null}),250)}},ve=function(e){return B.current?be(e,Ke.length)||be(0,e):null},be=function(e,t){for(var n=e;n<t;n++){var r=Ke[n];if(ye(r))return r}return null},ge=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<Ke.length;n++)for(var r=ke(Ke[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(ye(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=ke(Ke[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(ye(i[a]))return i[a];return null},ye=function(e){var t=Pe(e);return!!t&&(t=t.toLocaleLowerCase(E.filterLocale)).startsWith(B.current.toLocaleLowerCase(E.filterLocale))},he=function(e){E.onChange&&E.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:E.name,id:E.id,value:e.target.value}})},we=function(e){P(!0),De(),E.onFocus&&E.onFocus(e)},Oe=function(e){x(""),E.onFilter&&E.onFilter({filter:""}),e&&e()},Ee=function(e){E.onChange&&E.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:E.name,id:E.id,value:void 0}}),Le()},Ie=function(e){if(Ve!==e.option){Le(e.option);var t=je(e.option);E.onChange&&E.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:E.name,id:E.id,value:t}})}},Se=function(e){if(e=e||Ke,null!=E.value&&e){if(!E.optionGroupLabel)return Ce(E.value,e);for(var t=0;t<e.length;t++){var n=Ce(E.value,ke(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},xe=function(){return E.optionValue?null:E.dataKey},Ce=function(e,t){var n=xe();return t.findIndex((function(t){return b.equals(e,je(t),n)}))},Fe=function(){k(!0)},De=function(){k(!1)},Ne=function(){y.alignOverlay(A.current,K.current.parentElement,E.appendTo||O&&O.appendTo||t.appendTo)},Le=function(e){K.current&&(K.current.value=e?Pe(e):E.value||"")},Pe=function(e){return E.optionLabel?b.resolveFieldData(e,E.optionLabel):e&&void 0!==e.label?e.label:e},je=function(e){return E.optionValue?b.resolveFieldData(e,E.optionValue):e&&void 0!==e.value?e.value:e},Te=function(e){return E.optionDisabled?b.isFunction(E.optionDisabled)?E.optionDisabled(e):b.resolveFieldData(e,E.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ke=function(e){return b.resolveFieldData(e,E.optionGroupChildren)},Re=function(){if(E.editable&&K.current){var e=Ve?Pe(Ve):null;K.current.value=e||E.value||""}};e.useImperativeHandle(l,(function(){return{props:E,show:Fe,hide:De,clear:Ee,focus:function(){return y.focus(V.current)},getElement:function(){return R.current},getOverlay:function(){return A.current},getInput:function(){return K.current},getFocusInput:function(){return V.current},getVirtualScroller:function(){return X.current}}})),e.useEffect((function(){b.combinedRefs(K,E.inputRef),b.combinedRefs(V,E.focusInputRef)}),[K,E.inputRef,V,E.focusInputRef]),u((function(){E.autoFocus&&y.focus(V.current,E.autoFocus),Ne()})),p((function(){var e;T&&E.value&&(e=y.findSingle(A.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[T,E.value]),p((function(){T&&S&&E.filter&&Ne()}),[T,S,E.filter]),p((function(){!S||E.options&&0!==E.options.length||x(""),Re(),K.current&&(K.current.selectedIndex=1)})),c((function(){w.clear(A.current)}));var Me,Ge,Ae,Ke=function(){if(Z&&!U){var e=S.trim().toLocaleLowerCase(E.filterLocale),t=E.filterBy?E.filterBy.split(","):[E.optionLabel||"label"];if(E.optionGroupLabel){var n,r=[],l=J(E.options);try{for(l.s();!(n=l.n()).done;){var i=n.value,a=o.filter(ke(i),t,e,E.filterMatchMode,E.filterLocale);a&&a.length&&r.push(z(z({},i),L({},"".concat(E.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return r}return o.filter(E.options,t,e,E.filterMatchMode,E.filterLocale)}return E.options}(),Ve=-1!==(Me=Se(E.options))?E.optionGroupLabel?ke(E.options[Me.group])[Me.option]:E.options[Me]:null,He=b.isNotEmpty(E.tooltip),Je=G.getOtherProps(E),Xe=b.reduceKeys(Je,y.ARIA_PROPS),_e=function(){var t={value:"",label:E.placeholder};if(Ve){var n=je(Ve);t={value:"object"===F(n)?E.options.findIndex((function(e){return e===n})):n,label:Pe(Ve)}}var r=g({className:"p-hidden-accessible p-dropdown-hidden-select"},Y("hiddenSelectedMessage")),o=g({ref:K,required:E.required,defaultValue:t.value,name:E.name,tabIndex:-1,"aria-hidden":"true"},Y("select")),l=g({value:t.value},Y("option"));return e.createElement("div",r,e.createElement("select",o,e.createElement("option",l,t.label)))}(),Be=(Ge=g({className:"p-hidden-accessible"},Y("hiddenSelectedMessage")),Ae=g(z({ref:V,id:E.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:le,onBlur:ie,onKeyDown:ae,disabled:E.disabled,tabIndex:E.tabIndex},Xe),Y("input")),e.createElement("div",Ge,e.createElement("input",Ae))),ze=function(){var t=b.isNotEmpty(Ve)?Pe(Ve):null;if(E.editable){var n=g(z({ref:K,type:"text",defaultValue:t||E.value||"",className:Q("input",{label:t}),disabled:E.disabled,placeholder:E.placeholder,maxLength:E.maxLength,onInput:he,onFocus:we,onBlur:ie,"aria-haspopup":"listbox"},Xe),Y("input"));return e.createElement("input",n)}var r=E.valueTemplate?b.getJSXElement(E.valueTemplate,Ve,E):t||E.placeholder||"empty",o=g({ref:K,className:Q("input",{label:t})},Y("input"));return e.createElement("span",o,r)}(),qe=function(){var t=g({className:Q("dropdownIcon"),"data-pr-overlay-visible":T},Y("dropdownIcon")),n=h.getJSXIcon(E.dropdownIcon||e.createElement(s,t),z({},t),{props:E}),r=E.placeholder||E.ariaLabel,o=g({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":T,"aria-label":r},Y("trigger"));return e.createElement("div",o,n)}(),Ue=function(){if(null!=E.value&&E.showClear&&!E.disabled){var t=g({className:Q("clearIcon"),onPointerUp:Ee},Y("clearIcon"));return h.getJSXIcon(E.clearIcon||e.createElement(f,t),z({},t),{props:E})}return null}(),Ze=g({id:E.id,ref:R,className:v(E.className,Q("root",{focusedState:N,overlayVisibleState:T})),style:E.style,onClick:function(e){return t=e,void(E.disabled||(E.onClick&&E.onClick(t),t.defaultPrevented||y.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||A.current&&A.current&&A.current.contains(t.target)||(y.focus(V.current),T?De():Fe())));var t},onMouseDown:E.onMouseDown,onContextMenu:E.onContextMenu,"data-p-disabled":E.disabled,"data-p-focus":N},Je,Y("root"));return e.createElement(e.Fragment,null,e.createElement("div",Ze,Be,_e,ze,Ue,qe,e.createElement(H,C({hostName:"Dropdown",ref:A,visibleOptions:Ke,virtualScrollerRef:X},E,{appendTo:$,onClick:function(e){d.emit("overlay-click",{originalEvent:e,target:R.current})},onOptionClick:function(e){e.option.disabled||(Ie(e),y.focus(V.current)),De()},filterValue:S,hasFilter:Z,onFilterClearIconClick:function(e){Oe(e)},resetFilter:Oe,onFilterInputKeyDown:function(e){switch(e.which){case 40:pe(e);break;case 38:ue(e);break;case 13:case 27:De(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;x(t),E.onFilter&&E.onFilter({originalEvent:e,filter:t})},getOptionLabel:Pe,getOptionRenderKey:function(e){return E.dataKey?b.resolveFieldData(e,E.dataKey):Pe(e)},isOptionDisabled:Te,getOptionGroupChildren:ke,getOptionGroupLabel:function(e){return b.resolveFieldData(e,E.optionGroupLabel)},getOptionGroupRenderKey:function(e){return b.resolveFieldData(e,E.optionGroupLabel)},isSelected:function(e){return b.equals(E.value,je(e),xe())},getSelectedOptionIndex:Se,in:T,onEnter:function(e){w.set("overlay",A.current,O&&O.autoZIndex||t.autoZIndex,O&&O.zIndex.overlay||t.zIndex.overlay),y.addStyles(A.current,{position:"absolute",top:"0",left:"0"}),Ne(),e&&e()},onEntered:function(e){e&&e(),ne(),E.onShow&&E.onShow()},onExit:function(){re()},onExited:function(){E.filter&&E.resetFilterOnHide&&Oe(),w.clear(A.current),E.onHide&&E.onHide()},ptm:Y,cx:Q,sx:ee}))),He&&e.createElement(m,C({target:R,content:E.tooltip},E.tooltipOptions,{pt:Y("tooltip")})))})));q.displayName="Dropdown";export{q as Dropdown};
|
package/dropdown/dropdown.js
CHANGED
|
@@ -1200,6 +1200,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
|
|
|
1200
1200
|
if (props.autoFocus) {
|
|
1201
1201
|
utils.DomHandler.focus(focusInputRef.current, props.autoFocus);
|
|
1202
1202
|
}
|
|
1203
|
+
alignOverlay();
|
|
1203
1204
|
});
|
|
1204
1205
|
hooks.useUpdateEffect(function () {
|
|
1205
1206
|
if (overlayVisibleState && props.value) {
|
|
@@ -1317,7 +1318,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
|
|
|
1317
1318
|
};
|
|
1318
1319
|
var createDropdownIcon = function createDropdownIcon() {
|
|
1319
1320
|
var dropdownIconProps = utils.mergeProps({
|
|
1320
|
-
className: cx('dropdownIcon')
|
|
1321
|
+
className: cx('dropdownIcon'),
|
|
1322
|
+
'data-pr-overlay-visible': overlayVisibleState
|
|
1321
1323
|
}, ptm('dropdownIcon'));
|
|
1322
1324
|
var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps);
|
|
1323
1325
|
var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, dropdownIconProps), {
|