primereact 10.5.0 → 10.5.2
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 +94 -92
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +231 -13
- package/api/api.esm.js +94 -92
- package/api/api.esm.min.js +1 -1
- package/api/api.js +94 -92
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +91 -48
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +6 -1
- package/autocomplete/autocomplete.esm.js +91 -48
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +91 -48
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +13 -13
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +13 -13
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +13 -13
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +4 -3
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +4 -3
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +4 -3
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +2 -3
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +2 -3
- package/button/button.esm.min.js +1 -1
- package/button/button.js +2 -3
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +30 -11
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +9 -0
- package/calendar/calendar.esm.js +30 -11
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +30 -11
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +17 -15
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +4 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +17 -15
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +28 -14
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +28 -14
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +28 -14
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +72 -156
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +10 -34
- package/checkbox/checkbox.esm.js +72 -156
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +72 -156
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +25 -12
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +6 -1
- package/chips/chips.esm.js +25 -12
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +25 -12
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +5 -5
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +4 -4
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +5 -5
- package/colorpicker/colorpicker.min.js +1 -1
- package/componentbase/componentbase.cjs.js +4 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +5 -7
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +4 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +7 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +7 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +8 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +5 -5
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +5 -5
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +5 -5
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -3
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -3
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -3
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +2773 -20019
- package/core/core.min.js +41 -41
- package/datatable/datatable.cjs.js +134 -115
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +11 -3
- package/datatable/datatable.esm.js +134 -115
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +134 -115
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +16 -13
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +4 -1
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +17 -15
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +6 -6
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +6 -6
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +6 -6
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +123 -53
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +41 -0
- package/dropdown/dropdown.esm.js +123 -53
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +123 -55
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +125 -54
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +125 -54
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +125 -54
- package/editor/editor.min.js +1 -1
- package/galleria/galleria.cjs.js +22 -19
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +4 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +23 -20
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.cjs.js +115 -72
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.esm.js +116 -73
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +115 -72
- package/hooks/hooks.min.js +1 -1
- package/icons/arrowdown/index.cjs.js +2 -642
- package/icons/arrowdown/index.cjs.min.js +1 -1
- package/icons/arrowdown/index.esm.js +2 -642
- package/icons/arrowdown/index.esm.min.js +1 -1
- package/icons/arrowdown/index.js +2 -642
- package/icons/arrowdown/index.min.js +1 -1
- package/icons/arrowup/index.cjs.js +2 -642
- package/icons/arrowup/index.cjs.min.js +1 -1
- package/icons/arrowup/index.esm.js +2 -642
- package/icons/arrowup/index.esm.min.js +1 -1
- package/icons/arrowup/index.js +2 -642
- package/icons/arrowup/index.min.js +1 -1
- package/icons/ban/index.cjs.js +2 -642
- package/icons/ban/index.cjs.min.js +1 -1
- package/icons/ban/index.esm.js +2 -642
- package/icons/ban/index.esm.min.js +1 -1
- package/icons/ban/index.js +2 -642
- package/icons/ban/index.min.js +1 -1
- package/icons/blank/index.cjs.js +62 -0
- package/icons/blank/index.cjs.min.js +1 -0
- package/icons/blank/index.d.ts +19 -0
- package/icons/blank/index.esm.js +38 -0
- package/icons/blank/index.esm.min.js +1 -0
- package/icons/blank/index.js +65 -0
- package/icons/blank/index.min.js +1 -0
- package/icons/blank/package.json +7 -0
- package/icons/download/index.cjs.js +2 -642
- package/icons/download/index.cjs.min.js +1 -1
- package/icons/download/index.esm.js +2 -642
- package/icons/download/index.esm.min.js +1 -1
- package/icons/download/index.js +2 -642
- package/icons/download/index.min.js +1 -1
- package/icons/exclamationtriangle/index.cjs.js +2 -642
- package/icons/exclamationtriangle/index.cjs.min.js +1 -1
- package/icons/exclamationtriangle/index.esm.js +2 -642
- package/icons/exclamationtriangle/index.esm.min.js +1 -1
- package/icons/exclamationtriangle/index.js +2 -642
- package/icons/exclamationtriangle/index.min.js +1 -1
- package/icons/eyeslash/index.cjs.js +2 -642
- package/icons/eyeslash/index.cjs.min.js +1 -1
- package/icons/eyeslash/index.esm.js +2 -642
- package/icons/eyeslash/index.esm.min.js +1 -1
- package/icons/eyeslash/index.js +2 -642
- package/icons/eyeslash/index.min.js +1 -1
- package/icons/filter/index.cjs.js +2 -642
- package/icons/filter/index.cjs.min.js +1 -1
- package/icons/filter/index.esm.js +2 -642
- package/icons/filter/index.esm.min.js +1 -1
- package/icons/filter/index.js +2 -642
- package/icons/filter/index.min.js +1 -1
- package/icons/filterslash/index.cjs.js +2 -642
- package/icons/filterslash/index.cjs.min.js +1 -1
- package/icons/filterslash/index.esm.js +2 -642
- package/icons/filterslash/index.esm.min.js +1 -1
- package/icons/filterslash/index.js +2 -642
- package/icons/filterslash/index.min.js +1 -1
- package/icons/infocircle/index.cjs.js +2 -642
- package/icons/infocircle/index.cjs.min.js +1 -1
- package/icons/infocircle/index.esm.js +2 -642
- package/icons/infocircle/index.esm.min.js +1 -1
- package/icons/infocircle/index.js +2 -642
- package/icons/infocircle/index.min.js +1 -1
- package/icons/pencil/index.cjs.js +2 -642
- package/icons/pencil/index.cjs.min.js +1 -1
- package/icons/pencil/index.esm.js +2 -642
- package/icons/pencil/index.esm.min.js +1 -1
- package/icons/pencil/index.js +2 -642
- package/icons/pencil/index.min.js +1 -1
- package/icons/plus/index.cjs.js +2 -642
- package/icons/plus/index.cjs.min.js +1 -1
- package/icons/plus/index.esm.js +2 -642
- package/icons/plus/index.esm.min.js +1 -1
- package/icons/plus/index.js +2 -642
- package/icons/plus/index.min.js +1 -1
- package/icons/refresh/index.cjs.js +2 -642
- package/icons/refresh/index.cjs.min.js +1 -1
- package/icons/refresh/index.esm.js +2 -642
- package/icons/refresh/index.esm.min.js +1 -1
- package/icons/refresh/index.js +2 -642
- package/icons/refresh/index.min.js +1 -1
- package/icons/search/index.cjs.js +2 -642
- package/icons/search/index.cjs.min.js +1 -1
- package/icons/search/index.esm.js +2 -642
- package/icons/search/index.esm.min.js +1 -1
- package/icons/search/index.js +2 -642
- package/icons/search/index.min.js +1 -1
- package/icons/searchminus/index.cjs.js +2 -642
- package/icons/searchminus/index.cjs.min.js +1 -1
- package/icons/searchminus/index.esm.js +2 -642
- package/icons/searchminus/index.esm.min.js +1 -1
- package/icons/searchminus/index.js +2 -642
- package/icons/searchminus/index.min.js +1 -1
- package/icons/searchplus/index.cjs.js +2 -642
- package/icons/searchplus/index.cjs.min.js +1 -1
- package/icons/searchplus/index.esm.js +2 -642
- package/icons/searchplus/index.esm.min.js +1 -1
- package/icons/searchplus/index.js +2 -642
- package/icons/searchplus/index.min.js +1 -1
- package/icons/sortalt/index.cjs.js +2 -642
- package/icons/sortalt/index.cjs.min.js +1 -1
- package/icons/sortalt/index.esm.js +2 -642
- package/icons/sortalt/index.esm.min.js +1 -1
- package/icons/sortalt/index.js +2 -642
- package/icons/sortalt/index.min.js +1 -1
- package/icons/sortamountdown/index.cjs.js +2 -642
- package/icons/sortamountdown/index.cjs.min.js +1 -1
- package/icons/sortamountdown/index.esm.js +2 -642
- package/icons/sortamountdown/index.esm.min.js +1 -1
- package/icons/sortamountdown/index.js +2 -642
- package/icons/sortamountdown/index.min.js +1 -1
- package/icons/sortamountupalt/index.cjs.js +2 -642
- package/icons/sortamountupalt/index.cjs.min.js +1 -1
- package/icons/sortamountupalt/index.esm.js +2 -642
- package/icons/sortamountupalt/index.esm.min.js +1 -1
- package/icons/sortamountupalt/index.js +2 -642
- package/icons/sortamountupalt/index.min.js +1 -1
- package/icons/spinner/index.cjs.js +2 -642
- package/icons/spinner/index.cjs.min.js +1 -1
- package/icons/spinner/index.esm.js +2 -642
- package/icons/spinner/index.esm.min.js +1 -1
- package/icons/spinner/index.js +2 -642
- package/icons/spinner/index.min.js +1 -1
- package/icons/star/index.cjs.js +2 -642
- package/icons/star/index.cjs.min.js +1 -1
- package/icons/star/index.esm.js +2 -642
- package/icons/star/index.esm.min.js +1 -1
- package/icons/star/index.js +2 -642
- package/icons/star/index.min.js +1 -1
- package/icons/starfill/index.cjs.js +2 -642
- package/icons/starfill/index.cjs.min.js +1 -1
- package/icons/starfill/index.esm.js +2 -642
- package/icons/starfill/index.esm.min.js +1 -1
- package/icons/starfill/index.js +2 -642
- package/icons/starfill/index.min.js +1 -1
- package/icons/thlarge/index.cjs.js +2 -642
- package/icons/thlarge/index.cjs.min.js +1 -1
- package/icons/thlarge/index.esm.js +2 -642
- package/icons/thlarge/index.esm.min.js +1 -1
- package/icons/thlarge/index.js +2 -642
- package/icons/thlarge/index.min.js +1 -1
- package/icons/timescircle/index.cjs.js +2 -642
- package/icons/timescircle/index.cjs.min.js +1 -1
- package/icons/timescircle/index.esm.js +2 -642
- package/icons/timescircle/index.esm.min.js +1 -1
- package/icons/timescircle/index.js +2 -642
- package/icons/timescircle/index.min.js +1 -1
- package/icons/trash/index.cjs.js +2 -642
- package/icons/trash/index.cjs.min.js +1 -1
- package/icons/trash/index.esm.js +2 -642
- package/icons/trash/index.esm.min.js +1 -1
- package/icons/trash/index.js +2 -642
- package/icons/trash/index.min.js +1 -1
- package/icons/undo/index.cjs.js +2 -642
- package/icons/undo/index.cjs.min.js +1 -1
- package/icons/undo/index.esm.js +2 -642
- package/icons/undo/index.esm.min.js +1 -1
- package/icons/undo/index.js +2 -642
- package/icons/undo/index.min.js +1 -1
- package/icons/upload/index.cjs.js +2 -642
- package/icons/upload/index.cjs.min.js +1 -1
- package/icons/upload/index.esm.js +2 -642
- package/icons/upload/index.esm.min.js +1 -1
- package/icons/upload/index.js +2 -642
- package/icons/upload/index.min.js +1 -1
- package/icons/windowmaximize/index.cjs.js +2 -642
- package/icons/windowmaximize/index.cjs.min.js +1 -1
- package/icons/windowmaximize/index.esm.js +2 -642
- package/icons/windowmaximize/index.esm.min.js +1 -1
- package/icons/windowmaximize/index.js +2 -642
- package/icons/windowmaximize/index.min.js +1 -1
- package/icons/windowminimize/index.cjs.js +2 -642
- package/icons/windowminimize/index.cjs.min.js +1 -1
- package/icons/windowminimize/index.esm.js +2 -642
- package/icons/windowminimize/index.esm.min.js +1 -1
- package/icons/windowminimize/index.js +2 -642
- package/icons/windowminimize/index.min.js +1 -1
- package/image/image.cjs.js +18 -575
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +20 -577
- package/image/image.esm.min.js +1 -1
- package/image/image.js +18 -575
- package/image/image.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +22 -39
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -5
- package/inputnumber/inputnumber.esm.js +22 -39
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +22 -39
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.cjs.js +20 -96
- package/inputswitch/inputswitch.cjs.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +9 -20
- package/inputswitch/inputswitch.esm.js +20 -96
- package/inputswitch/inputswitch.esm.min.js +1 -1
- package/inputswitch/inputswitch.js +20 -96
- package/inputswitch/inputswitch.min.js +1 -1
- package/inputtext/inputtext.cjs.js +7 -6
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +7 -6
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +7 -6
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +5 -4
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +5 -4
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +5 -4
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/listbox/listbox.cjs.js +17 -14
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +15 -0
- package/listbox/listbox.esm.js +18 -15
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +17 -14
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +3 -3
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +3 -3
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +3 -3
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +5 -4
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +5 -4
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +5 -4
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +3 -2
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +3 -2
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +3 -2
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +18 -14
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +18 -14
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +18 -14
- package/menubar/menubar.min.js +1 -1
- package/message/message.cjs.js +2 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.d.ts +1 -1
- package/message/message.esm.js +2 -8
- package/message/message.esm.min.js +1 -1
- package/message/message.js +2 -8
- package/message/message.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.d.ts +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +237 -0
- package/metergroup/metergroup.cjs.min.js +1 -0
- package/metergroup/metergroup.d.ts +183 -0
- package/metergroup/metergroup.esm.js +233 -0
- package/metergroup/metergroup.esm.min.js +1 -0
- package/metergroup/metergroup.js +236 -0
- package/metergroup/metergroup.min.js +1 -0
- package/multiselect/multiselect.cjs.js +157 -160
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +25 -1
- package/multiselect/multiselect.esm.js +157 -160
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +157 -160
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +3 -4
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +3 -4
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +3 -4
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/orderlist/orderlist.cjs.js +35 -11
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.d.ts +5 -0
- package/orderlist/orderlist.esm.js +35 -11
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +35 -11
- package/orderlist/orderlist.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +3 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +125 -108
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.d.ts +88 -0
- package/paginator/paginator.esm.js +125 -108
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +125 -108
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +19 -14
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +18 -0
- package/panelmenu/panelmenu.esm.js +19 -14
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +19 -14
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/index.d.ts +12 -0
- package/passthrough/tailwind/index.cjs.js +279 -173
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +279 -173
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +279 -173
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +98 -57
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +5 -0
- package/password/password.esm.js +100 -59
- package/password/password.esm.min.js +1 -1
- package/password/password.js +98 -57
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +127 -102
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -0
- package/picklist/picklist.esm.js +127 -102
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +127 -102
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +2075 -2180
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2076 -2180
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +2075 -2180
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +69 -146
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +17 -35
- package/radiobutton/radiobutton.esm.js +70 -147
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +69 -146
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -3
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -3
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -3
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +344 -67
- package/resources/themes/arya-green/theme.css +344 -67
- package/resources/themes/arya-orange/theme.css +344 -67
- package/resources/themes/bootstrap4-dark-blue/theme.css +389 -64
- package/resources/themes/bootstrap4-light-blue/theme.css +389 -64
- package/resources/themes/fluent-light/theme.css +341 -64
- package/resources/themes/lara-dark-amber/theme.css +470 -67
- package/resources/themes/lara-dark-blue/theme.css +470 -67
- package/resources/themes/lara-dark-cyan/theme.css +470 -67
- package/resources/themes/lara-dark-green/theme.css +470 -67
- package/resources/themes/lara-dark-indigo/theme.css +470 -67
- package/resources/themes/lara-dark-pink/theme.css +470 -67
- package/resources/themes/lara-dark-teal/theme.css +470 -67
- package/resources/themes/lara-light-amber/theme.css +470 -67
- package/resources/themes/lara-light-blue/theme.css +470 -67
- package/resources/themes/lara-light-cyan/theme.css +470 -67
- package/resources/themes/lara-light-green/theme.css +470 -67
- package/resources/themes/lara-light-indigo/theme.css +470 -67
- package/resources/themes/lara-light-pink/theme.css +470 -67
- package/resources/themes/lara-light-teal/theme.css +470 -67
- package/resources/themes/luna-amber/theme.css +344 -67
- package/resources/themes/luna-blue/theme.css +344 -67
- package/resources/themes/luna-green/theme.css +344 -67
- package/resources/themes/luna-pink/theme.css +344 -67
- package/resources/themes/md-dark-deeppurple/theme.css +995 -289
- package/resources/themes/md-dark-indigo/theme.css +684 -232
- package/resources/themes/md-light-deeppurple/theme.css +868 -162
- package/resources/themes/md-light-indigo/theme.css +566 -101
- package/resources/themes/mdc-dark-deeppurple/theme.css +995 -289
- package/resources/themes/mdc-dark-indigo/theme.css +697 -232
- package/resources/themes/mdc-light-deeppurple/theme.css +868 -162
- package/resources/themes/mdc-light-indigo/theme.css +566 -101
- package/resources/themes/mira/theme.css +344 -67
- package/resources/themes/nano/theme.css +344 -67
- package/resources/themes/nova/theme.css +344 -67
- package/resources/themes/nova-accent/theme.css +344 -67
- package/resources/themes/nova-alt/theme.css +344 -67
- package/resources/themes/rhea/theme.css +343 -66
- package/resources/themes/saga-blue/theme.css +344 -67
- package/resources/themes/saga-green/theme.css +344 -67
- package/resources/themes/saga-orange/theme.css +344 -67
- package/resources/themes/soho-dark/theme.css +413 -88
- package/resources/themes/soho-light/theme.css +392 -67
- package/resources/themes/tailwind-light/theme.css +344 -67
- package/resources/themes/vela-blue/theme.css +344 -67
- package/resources/themes/vela-green/theme.css +344 -67
- package/resources/themes/vela-orange/theme.css +344 -67
- package/resources/themes/viva-dark/theme.css +392 -67
- package/resources/themes/viva-light/theme.css +392 -67
- package/selectbutton/selectbutton.cjs.js +15 -8
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.d.ts +5 -0
- package/selectbutton/selectbutton.esm.js +15 -8
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +16 -9
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +4 -3
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.d.ts +4 -4
- package/sidebar/sidebar.esm.js +4 -3
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +4 -3
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +7 -5
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +7 -5
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +7 -5
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +18 -2
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +18 -2
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +18 -2
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +9 -12
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -2
- package/splitbutton/splitbutton.esm.js +9 -12
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +9 -12
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +16 -21
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +5 -5
- package/splitter/splitter.esm.js +16 -21
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +16 -21
- package/splitter/splitter.min.js +1 -1
- package/steps/steps.cjs.js +4 -3
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +4 -3
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +4 -3
- package/steps/steps.min.js +1 -1
- package/styleclass/styleclass.cjs.js +21 -1
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.d.ts +10 -0
- package/styleclass/styleclass.esm.js +21 -1
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +22 -2
- package/styleclass/styleclass.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +5 -4
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +5 -4
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +5 -4
- package/tabmenu/tabmenu.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +6 -8
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +6 -8
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +6 -8
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +93 -92
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +93 -92
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +93 -92
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +56 -95
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.d.ts +24 -0
- package/togglebutton/togglebutton.esm.js +55 -94
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +56 -95
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.d.ts +3 -3
- package/tooltip/tooltipoptions.d.ts +5 -0
- package/tree/tree.cjs.js +52 -39
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +5 -0
- package/tree/tree.esm.js +52 -39
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +52 -39
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +5 -4
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +5 -4
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +5 -4
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +18 -15
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +18 -15
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +18 -15
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +36 -94
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +12 -13
- package/tristatecheckbox/tristatecheckbox.esm.js +37 -95
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +36 -94
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +64 -72
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.d.ts +11 -2
- package/utils/utils.esm.js +65 -72
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +64 -72
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +17 -15
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +14 -12
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +17 -15
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +519 -39
package/password/password.cjs.js
CHANGED
|
@@ -38,6 +38,21 @@ function _interopNamespace(e) {
|
|
|
38
38
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
39
39
|
var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
|
|
40
40
|
|
|
41
|
+
function _extends() {
|
|
42
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
43
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
44
|
+
var source = arguments[i];
|
|
45
|
+
for (var key in source) {
|
|
46
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
47
|
+
target[key] = source[key];
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return target;
|
|
52
|
+
};
|
|
53
|
+
return _extends.apply(this, arguments);
|
|
54
|
+
}
|
|
55
|
+
|
|
41
56
|
function _typeof(o) {
|
|
42
57
|
"@babel/helpers - typeof";
|
|
43
58
|
|
|
@@ -79,21 +94,6 @@ function _defineProperty(obj, key, value) {
|
|
|
79
94
|
return obj;
|
|
80
95
|
}
|
|
81
96
|
|
|
82
|
-
function _extends() {
|
|
83
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
84
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
85
|
-
var source = arguments[i];
|
|
86
|
-
for (var key in source) {
|
|
87
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
88
|
-
target[key] = source[key];
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
return target;
|
|
93
|
-
};
|
|
94
|
-
return _extends.apply(this, arguments);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
97
|
function _arrayWithHoles(arr) {
|
|
98
98
|
if (Array.isArray(arr)) return arr;
|
|
99
99
|
}
|
|
@@ -181,9 +181,11 @@ var classes = {
|
|
|
181
181
|
var strength = _ref5.strength;
|
|
182
182
|
return utils.classNames('p-password-info', strength);
|
|
183
183
|
},
|
|
184
|
+
showIcon: 'p-password-show-icon',
|
|
185
|
+
hideIcon: 'p-password-hide-icon',
|
|
184
186
|
transition: 'p-connected-overlay'
|
|
185
187
|
};
|
|
186
|
-
var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n";
|
|
188
|
+
var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n";
|
|
187
189
|
var PasswordBase = componentbase.ComponentBase.extend({
|
|
188
190
|
defaultProps: {
|
|
189
191
|
__TYPE: 'Password',
|
|
@@ -211,6 +213,7 @@ var PasswordBase = componentbase.ComponentBase.extend({
|
|
|
211
213
|
className: null,
|
|
212
214
|
inputStyle: null,
|
|
213
215
|
inputClassName: null,
|
|
216
|
+
invalid: false,
|
|
214
217
|
panelStyle: null,
|
|
215
218
|
panelClassName: null,
|
|
216
219
|
transitionOptions: null,
|
|
@@ -327,6 +330,43 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
327
330
|
}
|
|
328
331
|
}
|
|
329
332
|
};
|
|
333
|
+
var updateFeedback = function updateFeedback(value) {
|
|
334
|
+
if (!props.feedback) {
|
|
335
|
+
return false;
|
|
336
|
+
}
|
|
337
|
+
var label = null;
|
|
338
|
+
var meter = null;
|
|
339
|
+
switch (testStrength(value)) {
|
|
340
|
+
case 1:
|
|
341
|
+
label = weakLabel;
|
|
342
|
+
meter = {
|
|
343
|
+
strength: 'weak',
|
|
344
|
+
width: '33.33%'
|
|
345
|
+
};
|
|
346
|
+
break;
|
|
347
|
+
case 2:
|
|
348
|
+
label = mediumLabel;
|
|
349
|
+
meter = {
|
|
350
|
+
strength: 'medium',
|
|
351
|
+
width: '66.66%'
|
|
352
|
+
};
|
|
353
|
+
break;
|
|
354
|
+
case 3:
|
|
355
|
+
label = strongLabel;
|
|
356
|
+
meter = {
|
|
357
|
+
strength: 'strong',
|
|
358
|
+
width: '100%'
|
|
359
|
+
};
|
|
360
|
+
break;
|
|
361
|
+
default:
|
|
362
|
+
label = promptLabel;
|
|
363
|
+
meter = null;
|
|
364
|
+
break;
|
|
365
|
+
}
|
|
366
|
+
setMeterState(meter);
|
|
367
|
+
setInfoTextState(label);
|
|
368
|
+
return true;
|
|
369
|
+
};
|
|
330
370
|
var onPanelClick = function onPanelClick(event) {
|
|
331
371
|
if (props.feedback) {
|
|
332
372
|
overlayservice.OverlayService.emit('overlay-click', {
|
|
@@ -389,38 +429,6 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
389
429
|
var onKeyup = function onKeyup(e) {
|
|
390
430
|
var keyCode = e.code;
|
|
391
431
|
if (props.feedback) {
|
|
392
|
-
var value = e.target.value;
|
|
393
|
-
var label = null;
|
|
394
|
-
var meter = null;
|
|
395
|
-
switch (testStrength(value)) {
|
|
396
|
-
case 1:
|
|
397
|
-
label = weakLabel;
|
|
398
|
-
meter = {
|
|
399
|
-
strength: 'weak',
|
|
400
|
-
width: '33.33%'
|
|
401
|
-
};
|
|
402
|
-
break;
|
|
403
|
-
case 2:
|
|
404
|
-
label = mediumLabel;
|
|
405
|
-
meter = {
|
|
406
|
-
strength: 'medium',
|
|
407
|
-
width: '66.66%'
|
|
408
|
-
};
|
|
409
|
-
break;
|
|
410
|
-
case 3:
|
|
411
|
-
label = strongLabel;
|
|
412
|
-
meter = {
|
|
413
|
-
strength: 'strong',
|
|
414
|
-
width: '100%'
|
|
415
|
-
};
|
|
416
|
-
break;
|
|
417
|
-
default:
|
|
418
|
-
label = promptLabel;
|
|
419
|
-
meter = null;
|
|
420
|
-
break;
|
|
421
|
-
}
|
|
422
|
-
setMeterState(meter);
|
|
423
|
-
setInfoTextState(label);
|
|
424
432
|
if (!!keyCode && keyCode !== 'Escape' && !overlayVisibleState) {
|
|
425
433
|
show();
|
|
426
434
|
}
|
|
@@ -436,7 +444,16 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
436
444
|
}
|
|
437
445
|
};
|
|
438
446
|
var testStrength = function testStrength(str) {
|
|
439
|
-
if (
|
|
447
|
+
if (!str || str.length === 0) {
|
|
448
|
+
return 0;
|
|
449
|
+
}
|
|
450
|
+
if (strongCheckRegExp.current.test(str)) {
|
|
451
|
+
return 3;
|
|
452
|
+
} else if (mediumCheckRegExp.current.test(str)) {
|
|
453
|
+
return 2;
|
|
454
|
+
} else if (str.length > 0) {
|
|
455
|
+
return 1;
|
|
456
|
+
}
|
|
440
457
|
return 0;
|
|
441
458
|
};
|
|
442
459
|
React__namespace.useImperativeHandle(ref, function () {
|
|
@@ -471,24 +488,47 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
471
488
|
utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
|
|
472
489
|
}
|
|
473
490
|
}, [isFilled]);
|
|
491
|
+
hooks.useUpdateEffect(function () {
|
|
492
|
+
updateFeedback(props.value);
|
|
493
|
+
}, [props.value]);
|
|
474
494
|
hooks.useMountEffect(function () {
|
|
475
495
|
alignOverlay();
|
|
476
496
|
});
|
|
477
497
|
hooks.useUnmountEffect(function () {
|
|
478
498
|
utils.ZIndexUtils.clear(overlayRef.current);
|
|
479
499
|
});
|
|
500
|
+
var onToggleMaskKeyDown = function onToggleMaskKeyDown(event) {
|
|
501
|
+
if (event.key === 'Enter' || event.code === 'Space') {
|
|
502
|
+
toggleMask();
|
|
503
|
+
event.preventDefault();
|
|
504
|
+
}
|
|
505
|
+
};
|
|
480
506
|
var createIcon = function createIcon() {
|
|
481
507
|
var icon;
|
|
482
|
-
var hideIconProps = mergeProps(
|
|
483
|
-
|
|
508
|
+
var hideIconProps = mergeProps({
|
|
509
|
+
key: 'hideIcon',
|
|
510
|
+
role: 'switch',
|
|
511
|
+
tabIndex: props.tabIndex || '0',
|
|
512
|
+
className: cx('hideIcon'),
|
|
513
|
+
onClick: toggleMask,
|
|
514
|
+
onKeyDown: onToggleMaskKeyDown,
|
|
515
|
+
'aria-label': PrimeReact.ariaLabel('passwordHide') || 'Hide Password',
|
|
516
|
+
'aria-checked': 'false'
|
|
517
|
+
}, ptm('hideIcon'));
|
|
518
|
+
var showIconProps = mergeProps({
|
|
519
|
+
key: 'showIcon',
|
|
520
|
+
role: 'switch',
|
|
521
|
+
tabIndex: props.tabIndex || '0',
|
|
522
|
+
className: cx('showIcon'),
|
|
523
|
+
onClick: toggleMask,
|
|
524
|
+
onKeyDown: onToggleMaskKeyDown,
|
|
525
|
+
'aria-label': PrimeReact.ariaLabel('passwordShow') || 'Show Password',
|
|
526
|
+
'aria-checked': 'true'
|
|
527
|
+
}, ptm('showIcon'));
|
|
484
528
|
if (unmaskedState) {
|
|
485
|
-
icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon,
|
|
486
|
-
onClick: toggleMask
|
|
487
|
-
}));
|
|
529
|
+
icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, hideIconProps);
|
|
488
530
|
} else {
|
|
489
|
-
icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon,
|
|
490
|
-
onClick: toggleMask
|
|
491
|
-
}));
|
|
531
|
+
icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, showIconProps);
|
|
492
532
|
}
|
|
493
533
|
var eyeIcon = utils.IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
|
|
494
534
|
props: props
|
|
@@ -591,6 +631,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
591
631
|
onFocus: onFocus,
|
|
592
632
|
onInput: onInput,
|
|
593
633
|
onKeyUp: onKeyup,
|
|
634
|
+
invalid: props.invalid,
|
|
594
635
|
style: props.inputStyle,
|
|
595
636
|
tabIndex: props.tabIndex,
|
|
596
637
|
tooltip: props.tooltip,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),l=require("primereact/icons/eye"),a=require("primereact/icons/eyeslash"),i=require("primereact/inputtext"),s=require("primereact/overlayservice"),u=require("primereact/portal"),c=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=f(e),m=p(t);function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function b(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=b(e,"string");return"symbol"===y(t)?t:String(t)}function v(){return v=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},v.apply(this,arguments)}function w(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function O(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 E(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return w(e)||h(e,t)||E(e,t)||S()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return c.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return c.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===m.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return c.classNames("p-password-strength",e.strength)},info:function(e){return c.classNames("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n"}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=g(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=d.memo(d.forwardRef((function(e,p){var f=o.useMergeProps(),y=d.useContext(t.PrimeReactContext),b=j.getProps(e,y),g=b.promptLabel||t.localeOption("passwordPrompt"),w=b.weakLabel||t.localeOption("weak"),h=b.mediumLabel||t.localeOption("medium"),O=b.strongLabel||t.localeOption("strong"),E=x(d.useState(!1),2),S=E[0],I=E[1],N=x(d.useState(null),2),P=N[0],R=N[1],C=x(d.useState(g),2),U=C[0],D=C[1],H=x(d.useState(!1),2),L=H[0],M=H[1],T=x(d.useState(!1),2),q=T[0],A=T[1],_=d.useRef(null),Z=d.useRef(null),z=d.useRef(b.inputRef),F=d.useRef(new RegExp(b.mediumRegex)),J=d.useRef(new RegExp(b.strongRegex)),K=q?"text":"password",X={props:b,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:q}},B=j.setMetaData(X),V=B.ptm,G=B.cx;n.useHandleStyle(j.css.styles,B.isUnstyled,{name:"password"});var Y=o.useDisplayOrder("password",S);o.useGlobalOnEscapeKey({callback:function(){ae()},when:S&&b.feedback&&Y,priority:[o.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,Y]});var W=x(o.useOverlayListener({target:_,overlay:Z,listener:function(e,t){t.valid&&ae()},when:S}),2),$=W[0],Q=W[1],ee=z.current&&z.current.value,te=d.useMemo((function(){return c.ObjectUtils.isNotEmpty(b.value)||c.ObjectUtils.isNotEmpty(b.defaultValue)||c.ObjectUtils.isNotEmpty(ee)}),[b.value,b.defaultValue,ee]),ne=function(){if(P){var e=null;switch(P.strength){case"weak":e=w;break;case"medium":e=h;break;case"strong":e=O}e&&U!==e&&D(e)}else U!==g&&D(g)},re=function(e){b.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:_.current})},oe=function(){A((function(e){return!e}))},le=function(){ne(),I(!0)},ae=function(){I(!1)},ie=function(){z.current&&c.DomHandler.alignOverlay(Z.current,z.current.parentElement,b.appendTo||y&&y.appendTo||m.default.appendTo)},se=function(){c.ZIndexUtils.set("overlay",Z.current,y&&y.autoZIndex||m.default.autoZIndex,y&&y.zIndex.overlay||m.default.zIndex.overlay),c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),ie()},ue=function(){$(),b.onShow&&b.onShow()},ce=function(){Q()},pe=function(){c.ZIndexUtils.clear(Z.current),b.onHide&&b.onHide()},fe=function(e){return J.current.test(e)?3:F.current.test(e)?2:e.length?1:0};d.useImperativeHandle(p,(function(){return{props:b,toggleMask:oe,focus:function(){return c.DomHandler.focus(z.current)},getElement:function(){return _.current},getOverlay:function(){return Z.current},getInput:function(){return z.current}}})),d.useEffect((function(){c.ObjectUtils.combinedRefs(z,b.inputRef)}),[z,b.inputRef]),d.useEffect((function(){F.current=new RegExp(b.mediumRegex)}),[b.mediumRegex]),d.useEffect((function(){J.current=new RegExp(b.strongRegex)}),[b.strongRegex]),d.useEffect((function(){!te&&c.DomHandler.hasClass(_.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(_.current,"p-inputwrapper-filled")}),[te]),o.useMountEffect((function(){ie()})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)}));var de=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":b.toggleMask},b.className),me=j.getOtherProps(b),ye=function(){var e,t=f(V("hideIcon")),n=f(V("showIcon"));e=q?b.hideIcon||d.createElement(a.EyeSlashIcon,v({},t,{onClick:oe})):b.showIcon||d.createElement(l.EyeIcon,v({},n,{onClick:oe}));var r=c.IconUtils.getJSXIcon(e,k({},q?t:n),{props:b});if(b.toggleMask){var o=r;if(b.icon)o=c.ObjectUtils.getJSXElement(b.icon,{onClick:oe,className:de,element:o,props:b});return o}return null}(),be=function(){var e=P||{strength:"",width:"0%"},t=e.strength,n=e.width,o=c.ObjectUtils.getJSXElement(b.header,b),l=c.ObjectUtils.getJSXElement(b.footer,b),a=f({className:G("panel",{context:y}),style:b.panelStyle,onClick:re},V("panel")),i=f({className:G("meter")},V("meter")),s=f({className:G("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),p=f({className:G("info",{strength:t})},V("info")),m=b.content?c.ObjectUtils.getJSXElement(b.content,b):d.createElement(d.Fragment,null,d.createElement("div",i,d.createElement("div",s)),d.createElement("div",p,U)),g=f({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:se,onEntered:ue,onExit:ce,onExited:pe},V("transition")),w=d.createElement(r.CSSTransition,v({nodeRef:Z},g),d.createElement("div",v({ref:Z},a),o,m,l));return d.createElement(u.Portal,{element:w,appendTo:b.appendTo})}(),ge=f({ref:_,id:b.id,className:G("root",{isFilled:te,focusedState:L}),style:b.style},V("root")),ve=f(k(k({ref:z,id:b.inputId},me),{},{className:c.classNames(b.inputClassName,G("input")),onBlur:function(e){M(!1),b.feedback&&ae(),b.onBlur&&b.onBlur(e)},onFocus:function(e){M(!0),b.feedback&&le(),b.onFocus&&b.onFocus(e)},onInput:function(e,t){b.onInput&&b.onInput(e,t),b.onChange||(c.ObjectUtils.isNotEmpty(e.target.value)?c.DomHandler.addClass(_.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(_.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(b.feedback){var n=null,r=null;switch(fe(e.target.value)){case 1:n=w,r={strength:"weak",width:"33.33%"};break;case 2:n=h,r={strength:"medium",width:"66.66%"};break;case 3:n=O,r={strength:"strong",width:"100%"};break;default:n=g,r=null}R(r),D(n),t&&"Escape"!==t&&!S&&le()}b.onKeyUp&&b.onKeyUp(e)},style:b.inputStyle,tabIndex:b.tabIndex,tooltip:b.tooltip,tooltipOptions:b.tooltipOptions,type:K,value:b.value,__parentMetadata:{parent:X}}),V("input"));return d.createElement("div",ge,d.createElement(i.InputText,ve),ye,be)})));N.displayName="Password",exports.Password=N;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/icons/eye"),l=require("primereact/icons/eyeslash"),i=require("primereact/inputtext"),s=require("primereact/overlayservice"),u=require("primereact/portal"),c=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(e),m=p(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 b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function w(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=w(e,"string");return"symbol"===b(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function O(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 E(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return h(e)||v(e,t)||E(e,t)||S()}var I=n.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return c.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return c.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===m.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return c.classNames("p-password-strength",e.strength)},info:function(e){return c.classNames("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n"}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=g(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=f.memo(f.forwardRef((function(e,p){var d=o.useMergeProps(),b=f.useContext(t.PrimeReactContext),w=I.getProps(e,b),g=w.promptLabel||t.localeOption("passwordPrompt"),h=w.weakLabel||t.localeOption("weak"),v=w.mediumLabel||t.localeOption("medium"),O=w.strongLabel||t.localeOption("strong"),E=x(f.useState(!1),2),S=E[0],j=E[1],N=x(f.useState(null),2),P=N[0],R=N[1],C=x(f.useState(g),2),U=C[0],D=C[1],H=x(f.useState(!1),2),L=H[0],M=H[1],T=x(f.useState(!1),2),q=T[0],A=T[1],_=f.useRef(null),Z=f.useRef(null),K=f.useRef(w.inputRef),z=f.useRef(new RegExp(w.mediumRegex)),F=f.useRef(new RegExp(w.strongRegex)),J=q?"text":"password",X={props:w,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:q}},B=I.setMetaData(X),V=B.ptm,G=B.cx;n.useHandleStyle(I.css.styles,B.isUnstyled,{name:"password"});var Y=o.useDisplayOrder("password",S);o.useGlobalOnEscapeKey({callback:function(){ie()},when:S&&w.feedback&&Y,priority:[o.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,Y]});var W=x(o.useOverlayListener({target:_,overlay:Z,listener:function(e,t){t.valid&&ie()},when:S}),2),$=W[0],Q=W[1],ee=K.current&&K.current.value,te=f.useMemo((function(){return c.ObjectUtils.isNotEmpty(w.value)||c.ObjectUtils.isNotEmpty(w.defaultValue)||c.ObjectUtils.isNotEmpty(ee)}),[w.value,w.defaultValue,ee]),ne=function(){if(P){var e=null;switch(P.strength){case"weak":e=h;break;case"medium":e=v;break;case"strong":e=O}e&&U!==e&&D(e)}else U!==g&&D(g)},re=function(e){if(!w.feedback)return!1;var t=null,n=null;switch(fe(e)){case 1:t=h,n={strength:"weak",width:"33.33%"};break;case 2:t=v,n={strength:"medium",width:"66.66%"};break;case 3:t=O,n={strength:"strong",width:"100%"};break;default:t=g,n=null}return R(n),D(t),!0},oe=function(e){w.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:_.current})},ae=function(){A((function(e){return!e}))},le=function(){ne(),j(!0)},ie=function(){j(!1)},se=function(){K.current&&c.DomHandler.alignOverlay(Z.current,K.current.parentElement,w.appendTo||b&&b.appendTo||m.default.appendTo)},ue=function(){c.ZIndexUtils.set("overlay",Z.current,b&&b.autoZIndex||m.default.autoZIndex,b&&b.zIndex.overlay||m.default.zIndex.overlay),c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),se()},ce=function(){$(),w.onShow&&w.onShow()},pe=function(){Q()},de=function(){c.ZIndexUtils.clear(Z.current),w.onHide&&w.onHide()},fe=function(e){return e&&0!==e.length?F.current.test(e)?3:z.current.test(e)?2:e.length>0?1:0:0};f.useImperativeHandle(p,(function(){return{props:w,toggleMask:ae,focus:function(){return c.DomHandler.focus(K.current)},getElement:function(){return _.current},getOverlay:function(){return Z.current},getInput:function(){return K.current}}})),f.useEffect((function(){c.ObjectUtils.combinedRefs(K,w.inputRef)}),[K,w.inputRef]),f.useEffect((function(){z.current=new RegExp(w.mediumRegex)}),[w.mediumRegex]),f.useEffect((function(){F.current=new RegExp(w.strongRegex)}),[w.strongRegex]),f.useEffect((function(){!te&&c.DomHandler.hasClass(_.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(_.current,"p-inputwrapper-filled")}),[te]),o.useUpdateEffect((function(){re(w.value)}),[w.value]),o.useMountEffect((function(){se()})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)}));var me=function(e){"Enter"!==e.key&&"Space"!==e.code||(ae(),e.preventDefault())},ye=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":w.toggleMask},w.className),be=I.getOtherProps(w),we=function(){var e=d({key:"hideIcon",role:"switch",tabIndex:w.tabIndex||"0",className:G("hideIcon"),onClick:ae,onKeyDown:me,"aria-label":t.ariaLabel("passwordHide")||"Hide Password","aria-checked":"false"},V("hideIcon")),n=d({key:"showIcon",role:"switch",tabIndex:w.tabIndex||"0",className:G("showIcon"),onClick:ae,onKeyDown:me,"aria-label":t.ariaLabel("passwordShow")||"Show Password","aria-checked":"true"},V("showIcon")),r=c.IconUtils.getJSXIcon(q?w.hideIcon||f.createElement(l.EyeSlashIcon,e):w.showIcon||f.createElement(a.EyeIcon,n),k({},q?e:n),{props:w});if(w.toggleMask){var o=r;if(w.icon)o=c.ObjectUtils.getJSXElement(w.icon,{onClick:ae,className:ye,element:o,props:w});return o}return null}(),ge=function(){var e=P||{strength:"",width:"0%"},t=e.strength,n=e.width,o=c.ObjectUtils.getJSXElement(w.header,w),a=c.ObjectUtils.getJSXElement(w.footer,w),l=d({className:G("panel",{context:b}),style:w.panelStyle,onClick:oe},V("panel")),i=d({className:G("meter")},V("meter")),s=d({className:G("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),p=d({className:G("info",{strength:t})},V("info")),m=w.content?c.ObjectUtils.getJSXElement(w.content,w):f.createElement(f.Fragment,null,f.createElement("div",i,f.createElement("div",s)),f.createElement("div",p,U)),g=d({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:pe,onExited:de},V("transition")),h=f.createElement(r.CSSTransition,y({nodeRef:Z},g),f.createElement("div",y({ref:Z},l),o,m,a));return f.createElement(u.Portal,{element:h,appendTo:w.appendTo})}(),he=d({ref:_,id:w.id,className:G("root",{isFilled:te,focusedState:L}),style:w.style},V("root")),ve=d(k(k({ref:K,id:w.inputId},be),{},{className:c.classNames(w.inputClassName,G("input")),onBlur:function(e){M(!1),w.feedback&&ie(),w.onBlur&&w.onBlur(e)},onFocus:function(e){M(!0),w.feedback&&le(),w.onFocus&&w.onFocus(e)},onInput:function(e,t){w.onInput&&w.onInput(e,t),w.onChange||(c.ObjectUtils.isNotEmpty(e.target.value)?c.DomHandler.addClass(_.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(_.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;w.feedback&&t&&"Escape"!==t&&!S&&le(),w.onKeyUp&&w.onKeyUp(e)},invalid:w.invalid,style:w.inputStyle,tabIndex:w.tabIndex,tooltip:w.tooltip,tooltipOptions:w.tooltipOptions,type:J,value:w.value,__parentMetadata:{parent:X}}),V("input"));return f.createElement("div",he,f.createElement(i.InputText,ve),we,ge)})));N.displayName="Password",exports.Password=N;
|
package/password/password.d.ts
CHANGED
|
@@ -50,6 +50,11 @@ export interface PasswordPassThroughOptions {
|
|
|
50
50
|
* Uses to pass attributes to the show icon's DOM element.
|
|
51
51
|
*/
|
|
52
52
|
showIcon?: PasswordPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
|
|
53
|
+
/**
|
|
54
|
+
* When present, it specifies that the component should have invalid state style.
|
|
55
|
+
* @defaultValue false
|
|
56
|
+
*/
|
|
57
|
+
invalid?: boolean | undefined;
|
|
53
58
|
/**
|
|
54
59
|
* Uses to pass attributes to the panel's DOM element.
|
|
55
60
|
*/
|
package/password/password.esm.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
|
|
3
|
+
import PrimeReact, { PrimeReactContext, localeOption, ariaLabel } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
5
|
import { CSSTransition } from 'primereact/csstransition';
|
|
6
|
-
import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
|
|
6
|
+
import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useUpdateEffect, useMountEffect, useUnmountEffect } from 'primereact/hooks';
|
|
7
7
|
import { EyeIcon } from 'primereact/icons/eye';
|
|
8
8
|
import { EyeSlashIcon } from 'primereact/icons/eyeslash';
|
|
9
9
|
import { InputText } from 'primereact/inputtext';
|
|
@@ -11,6 +11,21 @@ import { OverlayService } from 'primereact/overlayservice';
|
|
|
11
11
|
import { Portal } from 'primereact/portal';
|
|
12
12
|
import { classNames, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
|
|
13
13
|
|
|
14
|
+
function _extends() {
|
|
15
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
16
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
17
|
+
var source = arguments[i];
|
|
18
|
+
for (var key in source) {
|
|
19
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
20
|
+
target[key] = source[key];
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
return target;
|
|
25
|
+
};
|
|
26
|
+
return _extends.apply(this, arguments);
|
|
27
|
+
}
|
|
28
|
+
|
|
14
29
|
function _typeof(o) {
|
|
15
30
|
"@babel/helpers - typeof";
|
|
16
31
|
|
|
@@ -52,21 +67,6 @@ function _defineProperty(obj, key, value) {
|
|
|
52
67
|
return obj;
|
|
53
68
|
}
|
|
54
69
|
|
|
55
|
-
function _extends() {
|
|
56
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
57
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
58
|
-
var source = arguments[i];
|
|
59
|
-
for (var key in source) {
|
|
60
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
61
|
-
target[key] = source[key];
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
return target;
|
|
66
|
-
};
|
|
67
|
-
return _extends.apply(this, arguments);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
70
|
function _arrayWithHoles(arr) {
|
|
71
71
|
if (Array.isArray(arr)) return arr;
|
|
72
72
|
}
|
|
@@ -154,9 +154,11 @@ var classes = {
|
|
|
154
154
|
var strength = _ref5.strength;
|
|
155
155
|
return classNames('p-password-info', strength);
|
|
156
156
|
},
|
|
157
|
+
showIcon: 'p-password-show-icon',
|
|
158
|
+
hideIcon: 'p-password-hide-icon',
|
|
157
159
|
transition: 'p-connected-overlay'
|
|
158
160
|
};
|
|
159
|
-
var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n";
|
|
161
|
+
var styles = "\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n";
|
|
160
162
|
var PasswordBase = ComponentBase.extend({
|
|
161
163
|
defaultProps: {
|
|
162
164
|
__TYPE: 'Password',
|
|
@@ -184,6 +186,7 @@ var PasswordBase = ComponentBase.extend({
|
|
|
184
186
|
className: null,
|
|
185
187
|
inputStyle: null,
|
|
186
188
|
inputClassName: null,
|
|
189
|
+
invalid: false,
|
|
187
190
|
panelStyle: null,
|
|
188
191
|
panelClassName: null,
|
|
189
192
|
transitionOptions: null,
|
|
@@ -300,6 +303,43 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
300
303
|
}
|
|
301
304
|
}
|
|
302
305
|
};
|
|
306
|
+
var updateFeedback = function updateFeedback(value) {
|
|
307
|
+
if (!props.feedback) {
|
|
308
|
+
return false;
|
|
309
|
+
}
|
|
310
|
+
var label = null;
|
|
311
|
+
var meter = null;
|
|
312
|
+
switch (testStrength(value)) {
|
|
313
|
+
case 1:
|
|
314
|
+
label = weakLabel;
|
|
315
|
+
meter = {
|
|
316
|
+
strength: 'weak',
|
|
317
|
+
width: '33.33%'
|
|
318
|
+
};
|
|
319
|
+
break;
|
|
320
|
+
case 2:
|
|
321
|
+
label = mediumLabel;
|
|
322
|
+
meter = {
|
|
323
|
+
strength: 'medium',
|
|
324
|
+
width: '66.66%'
|
|
325
|
+
};
|
|
326
|
+
break;
|
|
327
|
+
case 3:
|
|
328
|
+
label = strongLabel;
|
|
329
|
+
meter = {
|
|
330
|
+
strength: 'strong',
|
|
331
|
+
width: '100%'
|
|
332
|
+
};
|
|
333
|
+
break;
|
|
334
|
+
default:
|
|
335
|
+
label = promptLabel;
|
|
336
|
+
meter = null;
|
|
337
|
+
break;
|
|
338
|
+
}
|
|
339
|
+
setMeterState(meter);
|
|
340
|
+
setInfoTextState(label);
|
|
341
|
+
return true;
|
|
342
|
+
};
|
|
303
343
|
var onPanelClick = function onPanelClick(event) {
|
|
304
344
|
if (props.feedback) {
|
|
305
345
|
OverlayService.emit('overlay-click', {
|
|
@@ -362,38 +402,6 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
362
402
|
var onKeyup = function onKeyup(e) {
|
|
363
403
|
var keyCode = e.code;
|
|
364
404
|
if (props.feedback) {
|
|
365
|
-
var value = e.target.value;
|
|
366
|
-
var label = null;
|
|
367
|
-
var meter = null;
|
|
368
|
-
switch (testStrength(value)) {
|
|
369
|
-
case 1:
|
|
370
|
-
label = weakLabel;
|
|
371
|
-
meter = {
|
|
372
|
-
strength: 'weak',
|
|
373
|
-
width: '33.33%'
|
|
374
|
-
};
|
|
375
|
-
break;
|
|
376
|
-
case 2:
|
|
377
|
-
label = mediumLabel;
|
|
378
|
-
meter = {
|
|
379
|
-
strength: 'medium',
|
|
380
|
-
width: '66.66%'
|
|
381
|
-
};
|
|
382
|
-
break;
|
|
383
|
-
case 3:
|
|
384
|
-
label = strongLabel;
|
|
385
|
-
meter = {
|
|
386
|
-
strength: 'strong',
|
|
387
|
-
width: '100%'
|
|
388
|
-
};
|
|
389
|
-
break;
|
|
390
|
-
default:
|
|
391
|
-
label = promptLabel;
|
|
392
|
-
meter = null;
|
|
393
|
-
break;
|
|
394
|
-
}
|
|
395
|
-
setMeterState(meter);
|
|
396
|
-
setInfoTextState(label);
|
|
397
405
|
if (!!keyCode && keyCode !== 'Escape' && !overlayVisibleState) {
|
|
398
406
|
show();
|
|
399
407
|
}
|
|
@@ -409,7 +417,16 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
409
417
|
}
|
|
410
418
|
};
|
|
411
419
|
var testStrength = function testStrength(str) {
|
|
412
|
-
if (
|
|
420
|
+
if (!str || str.length === 0) {
|
|
421
|
+
return 0;
|
|
422
|
+
}
|
|
423
|
+
if (strongCheckRegExp.current.test(str)) {
|
|
424
|
+
return 3;
|
|
425
|
+
} else if (mediumCheckRegExp.current.test(str)) {
|
|
426
|
+
return 2;
|
|
427
|
+
} else if (str.length > 0) {
|
|
428
|
+
return 1;
|
|
429
|
+
}
|
|
413
430
|
return 0;
|
|
414
431
|
};
|
|
415
432
|
React.useImperativeHandle(ref, function () {
|
|
@@ -444,24 +461,47 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
444
461
|
DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
|
|
445
462
|
}
|
|
446
463
|
}, [isFilled]);
|
|
464
|
+
useUpdateEffect(function () {
|
|
465
|
+
updateFeedback(props.value);
|
|
466
|
+
}, [props.value]);
|
|
447
467
|
useMountEffect(function () {
|
|
448
468
|
alignOverlay();
|
|
449
469
|
});
|
|
450
470
|
useUnmountEffect(function () {
|
|
451
471
|
ZIndexUtils.clear(overlayRef.current);
|
|
452
472
|
});
|
|
473
|
+
var onToggleMaskKeyDown = function onToggleMaskKeyDown(event) {
|
|
474
|
+
if (event.key === 'Enter' || event.code === 'Space') {
|
|
475
|
+
toggleMask();
|
|
476
|
+
event.preventDefault();
|
|
477
|
+
}
|
|
478
|
+
};
|
|
453
479
|
var createIcon = function createIcon() {
|
|
454
480
|
var icon;
|
|
455
|
-
var hideIconProps = mergeProps(
|
|
456
|
-
|
|
481
|
+
var hideIconProps = mergeProps({
|
|
482
|
+
key: 'hideIcon',
|
|
483
|
+
role: 'switch',
|
|
484
|
+
tabIndex: props.tabIndex || '0',
|
|
485
|
+
className: cx('hideIcon'),
|
|
486
|
+
onClick: toggleMask,
|
|
487
|
+
onKeyDown: onToggleMaskKeyDown,
|
|
488
|
+
'aria-label': ariaLabel('passwordHide') || 'Hide Password',
|
|
489
|
+
'aria-checked': 'false'
|
|
490
|
+
}, ptm('hideIcon'));
|
|
491
|
+
var showIconProps = mergeProps({
|
|
492
|
+
key: 'showIcon',
|
|
493
|
+
role: 'switch',
|
|
494
|
+
tabIndex: props.tabIndex || '0',
|
|
495
|
+
className: cx('showIcon'),
|
|
496
|
+
onClick: toggleMask,
|
|
497
|
+
onKeyDown: onToggleMaskKeyDown,
|
|
498
|
+
'aria-label': ariaLabel('passwordShow') || 'Show Password',
|
|
499
|
+
'aria-checked': 'true'
|
|
500
|
+
}, ptm('showIcon'));
|
|
457
501
|
if (unmaskedState) {
|
|
458
|
-
icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon,
|
|
459
|
-
onClick: toggleMask
|
|
460
|
-
}));
|
|
502
|
+
icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, hideIconProps);
|
|
461
503
|
} else {
|
|
462
|
-
icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon,
|
|
463
|
-
onClick: toggleMask
|
|
464
|
-
}));
|
|
504
|
+
icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, showIconProps);
|
|
465
505
|
}
|
|
466
506
|
var eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
|
|
467
507
|
props: props
|
|
@@ -564,6 +604,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
564
604
|
onFocus: onFocus,
|
|
565
605
|
onInput: onInput,
|
|
566
606
|
onKeyUp: onKeyup,
|
|
607
|
+
invalid: props.invalid,
|
|
567
608
|
style: props.inputStyle,
|
|
568
609
|
tabIndex: props.tabIndex,
|
|
569
610
|
tooltip: props.tooltip,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useDisplayOrder as u,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as s,useOverlayListener as c,useMountEffect as f,useUnmountEffect as m}from"primereact/hooks";import{EyeIcon as d}from"primereact/icons/eye";import{EyeSlashIcon as y}from"primereact/icons/eyeslash";import{InputText as g}from"primereact/inputtext";import{OverlayService as b}from"primereact/overlayservice";import{Portal as w}from"primereact/portal";import{classNames as v,ObjectUtils as h,DomHandler as E,ZIndexUtils as S,IconUtils as x}from"primereact/utils";function O(e){return O="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},O(e)}function k(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=k(e,"string");return"symbol"===O(t)?t:String(t)}function R(){return R=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},R.apply(this,arguments)}function j(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,l=[],u=!0,p=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){p=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(p)throw o}}return l}}function P(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 C(e,t){if(e){if("string"==typeof e)return P(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)?P(e,t):void 0}}function L(){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 A(e,t){return j(e)||N(e,t)||C(e,t)||L()}var T=o.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return v("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return v("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return v("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},meter:"p-password-meter",meterLabel:function(e){return v("p-password-strength",e.strength)},info:function(e){return v("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n"}});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 D(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){var r,o,i;r=e,i=n[t],(o=I(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(o,O){var k=l(),I=e.useContext(n),j=T.getProps(o,I),N=j.promptLabel||r("passwordPrompt"),P=j.weakLabel||r("weak"),C=j.mediumLabel||r("medium"),L=j.strongLabel||r("strong"),M=A(e.useState(!1),2),F=M[0],z=M[1],J=A(e.useState(null),2),U=J[0],X=J[1],Z=A(e.useState(N),2),H=Z[0],_=Z[1],B=A(e.useState(!1),2),K=B[0],V=B[1],W=A(e.useState(!1),2),Y=W[0],$=W[1],q=e.useRef(null),G=e.useRef(null),Q=e.useRef(j.inputRef),ee=e.useRef(new RegExp(j.mediumRegex)),te=e.useRef(new RegExp(j.strongRegex)),ne=Y?"text":"password",re={props:j,state:{overlayVisible:F,meter:U,infoText:H,focused:K,unmasked:Y}},oe=T.setMetaData(re),ie=oe.ptm,ae=oe.cx;i(T.css.styles,oe.isUnstyled,{name:"password"});var le=u("password",F);p({callback:function(){be()},when:F&&j.feedback&&le,priority:[s.PASSWORD,le]});var ue=A(c({target:q,overlay:G,listener:function(e,t){t.valid&&be()},when:F}),2),pe=ue[0],se=ue[1],ce=Q.current&&Q.current.value,fe=e.useMemo((function(){return h.isNotEmpty(j.value)||h.isNotEmpty(j.defaultValue)||h.isNotEmpty(ce)}),[j.value,j.defaultValue,ce]),me=function(){if(U){var e=null;switch(U.strength){case"weak":e=P;break;case"medium":e=C;break;case"strong":e=L}e&&H!==e&&_(e)}else H!==N&&_(N)},de=function(e){j.feedback&&b.emit("overlay-click",{originalEvent:e,target:q.current})},ye=function(){$((function(e){return!e}))},ge=function(){me(),z(!0)},be=function(){z(!1)},we=function(){Q.current&&E.alignOverlay(G.current,Q.current.parentElement,j.appendTo||I&&I.appendTo||t.appendTo)},ve=function(){S.set("overlay",G.current,I&&I.autoZIndex||t.autoZIndex,I&&I.zIndex.overlay||t.zIndex.overlay),E.addStyles(G.current,{position:"absolute",top:"0",left:"0"}),we()},he=function(){pe(),j.onShow&&j.onShow()},Ee=function(){se()},Se=function(){S.clear(G.current),j.onHide&&j.onHide()},xe=function(e){return te.current.test(e)?3:ee.current.test(e)?2:e.length?1:0};e.useImperativeHandle(O,(function(){return{props:j,toggleMask:ye,focus:function(){return E.focus(Q.current)},getElement:function(){return q.current},getOverlay:function(){return G.current},getInput:function(){return Q.current}}})),e.useEffect((function(){h.combinedRefs(Q,j.inputRef)}),[Q,j.inputRef]),e.useEffect((function(){ee.current=new RegExp(j.mediumRegex)}),[j.mediumRegex]),e.useEffect((function(){te.current=new RegExp(j.strongRegex)}),[j.strongRegex]),e.useEffect((function(){!fe&&E.hasClass(q.current,"p-inputwrapper-filled")&&E.removeClass(q.current,"p-inputwrapper-filled")}),[fe]),f((function(){we()})),m((function(){S.clear(G.current)}));var Oe=v("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":fe,"p-inputwrapper-focus":K,"p-input-icon-right":j.toggleMask},j.className),ke=T.getOtherProps(j),Ie=function(){var t,n=k(ie("hideIcon")),r=k(ie("showIcon"));t=Y?j.hideIcon||e.createElement(y,R({},n,{onClick:ye})):j.showIcon||e.createElement(d,R({},r,{onClick:ye}));var o=x.getJSXIcon(t,D({},Y?n:r),{props:j});if(j.toggleMask){var i=o;if(j.icon)i=h.getJSXElement(j.icon,{onClick:ye,className:Oe,element:i,props:j});return i}return null}(),Re=function(){var t=U||{strength:"",width:"0%"},n=t.strength,r=t.width,o=h.getJSXElement(j.header,j),i=h.getJSXElement(j.footer,j),l=k({className:ae("panel",{context:I}),style:j.panelStyle,onClick:de},ie("panel")),u=k({className:ae("meter")},ie("meter")),p=k({className:ae("meterLabel",{strength:n}),style:{width:r}},ie("meterLabel")),s=k({className:ae("info",{strength:n})},ie("info")),c=j.content?h.getJSXElement(j.content,j):e.createElement(e.Fragment,null,e.createElement("div",u,e.createElement("div",p)),e.createElement("div",s,H)),f=k({classNames:ae("transition"),in:F,timeout:{enter:120,exit:100},options:j.transitionOptions,unmountOnExit:!0,onEnter:ve,onEntered:he,onExit:Ee,onExited:Se},ie("transition")),m=e.createElement(a,R({nodeRef:G},f),e.createElement("div",R({ref:G},l),o,c,i));return e.createElement(w,{element:m,appendTo:j.appendTo})}(),je=k({ref:q,id:j.id,className:ae("root",{isFilled:fe,focusedState:K}),style:j.style},ie("root")),Ne=k(D(D({ref:Q,id:j.inputId},ke),{},{className:v(j.inputClassName,ae("input")),onBlur:function(e){V(!1),j.feedback&&be(),j.onBlur&&j.onBlur(e)},onFocus:function(e){V(!0),j.feedback&&ge(),j.onFocus&&j.onFocus(e)},onInput:function(e,t){j.onInput&&j.onInput(e,t),j.onChange||(h.isNotEmpty(e.target.value)?E.addClass(q.current,"p-inputwrapper-filled"):E.removeClass(q.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(j.feedback){var n=null,r=null;switch(xe(e.target.value)){case 1:n=P,r={strength:"weak",width:"33.33%"};break;case 2:n=C,r={strength:"medium",width:"66.66%"};break;case 3:n=L,r={strength:"strong",width:"100%"};break;default:n=N,r=null}X(r),_(n),t&&"Escape"!==t&&!F&&ge()}j.onKeyUp&&j.onKeyUp(e)},style:j.inputStyle,tabIndex:j.tabIndex,tooltip:j.tooltip,tooltipOptions:j.tooltipOptions,type:ne,value:j.value,__parentMetadata:{parent:re}}),ie("input"));return e.createElement("div",je,e.createElement(g,Ne),Ie,Re)})));F.displayName="Password";export{F as Password};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,ariaLabel as o}from"primereact/api";import{ComponentBase as a,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as u,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as f,useUpdateEffect as d,useMountEffect as m,useUnmountEffect as w}from"primereact/hooks";import{EyeIcon as y}from"primereact/icons/eye";import{EyeSlashIcon as g}from"primereact/icons/eyeslash";import{InputText as h}from"primereact/inputtext";import{OverlayService as b}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as E,ObjectUtils as S,DomHandler as x,ZIndexUtils as k,IconUtils as O}from"primereact/utils";function I(){return I=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},I.apply(this,arguments)}function R(e){return R="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},R(e)}function N(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=N(e,"string");return"symbol"===R(t)?t:String(t)}function P(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}function L(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 A(e,t){if(e){if("string"==typeof e)return L(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)?L(e,t):void 0}}function T(){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 D(e,t){return P(e)||C(e,t)||A(e,t)||T()}var M=a.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return E("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return E("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return E("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},meter:"p-password-meter",meterLabel:function(e){return E("p-password-strength",e.strength)},info:function(e){return E("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-password {\n position: relative;\n display: inline-flex;\n }\n \n .p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-password .p-password-panel {\n min-width: 100%;\n }\n \n .p-password-meter {\n height: 10px;\n }\n \n .p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n }\n \n .p-fluid .p-password {\n display: flex;\n }\n \n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n\n .p-password .p-password-show-icon,\n .p-password .p-password-hide-icon {\n line-height: 1.5;\n cursor: pointer;\n }\n}\n"}});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 H(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){var r,o,a;r=e,a=n[t],(o=j(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(a,R){var N=s(),j=e.useContext(n),P=M.getProps(a,j),C=P.promptLabel||r("passwordPrompt"),L=P.weakLabel||r("weak"),A=P.mediumLabel||r("medium"),T=P.strongLabel||r("strong"),F=D(e.useState(!1),2),z=F[0],J=F[1],K=D(e.useState(null),2),U=K[0],X=K[1],Z=D(e.useState(C),2),_=Z[0],B=Z[1],V=D(e.useState(!1),2),W=V[0],Y=V[1],$=D(e.useState(!1),2),q=$[0],G=$[1],Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(P.inputRef),ne=e.useRef(new RegExp(P.mediumRegex)),re=e.useRef(new RegExp(P.strongRegex)),oe=q?"text":"password",ae={props:P,state:{overlayVisible:z,meter:U,infoText:_,focused:W,unmasked:q}},ie=M.setMetaData(ae),le=ie.ptm,se=ie.cx;i(M.css.styles,ie.isUnstyled,{name:"password"});var ue=u("password",z);p({callback:function(){ve()},when:z&&P.feedback&&ue,priority:[c.PASSWORD,ue]});var pe=D(f({target:Q,overlay:ee,listener:function(e,t){t.valid&&ve()},when:z}),2),ce=pe[0],fe=pe[1],de=te.current&&te.current.value,me=e.useMemo((function(){return S.isNotEmpty(P.value)||S.isNotEmpty(P.defaultValue)||S.isNotEmpty(de)}),[P.value,P.defaultValue,de]),we=function(){if(U){var e=null;switch(U.strength){case"weak":e=L;break;case"medium":e=A;break;case"strong":e=T}e&&_!==e&&B(e)}else _!==C&&B(C)},ye=function(e){if(!P.feedback)return!1;var t=null,n=null;switch(Ie(e)){case 1:t=L,n={strength:"weak",width:"33.33%"};break;case 2:t=A,n={strength:"medium",width:"66.66%"};break;case 3:t=T,n={strength:"strong",width:"100%"};break;default:t=C,n=null}return X(n),B(t),!0},ge=function(e){P.feedback&&b.emit("overlay-click",{originalEvent:e,target:Q.current})},he=function(){G((function(e){return!e}))},be=function(){we(),J(!0)},ve=function(){J(!1)},Ee=function(){te.current&&x.alignOverlay(ee.current,te.current.parentElement,P.appendTo||j&&j.appendTo||t.appendTo)},Se=function(){k.set("overlay",ee.current,j&&j.autoZIndex||t.autoZIndex,j&&j.zIndex.overlay||t.zIndex.overlay),x.addStyles(ee.current,{position:"absolute",top:"0",left:"0"}),Ee()},xe=function(){ce(),P.onShow&&P.onShow()},ke=function(){fe()},Oe=function(){k.clear(ee.current),P.onHide&&P.onHide()},Ie=function(e){return e&&0!==e.length?re.current.test(e)?3:ne.current.test(e)?2:e.length>0?1:0:0};e.useImperativeHandle(R,(function(){return{props:P,toggleMask:he,focus:function(){return x.focus(te.current)},getElement:function(){return Q.current},getOverlay:function(){return ee.current},getInput:function(){return te.current}}})),e.useEffect((function(){S.combinedRefs(te,P.inputRef)}),[te,P.inputRef]),e.useEffect((function(){ne.current=new RegExp(P.mediumRegex)}),[P.mediumRegex]),e.useEffect((function(){re.current=new RegExp(P.strongRegex)}),[P.strongRegex]),e.useEffect((function(){!me&&x.hasClass(Q.current,"p-inputwrapper-filled")&&x.removeClass(Q.current,"p-inputwrapper-filled")}),[me]),d((function(){ye(P.value)}),[P.value]),m((function(){Ee()})),w((function(){k.clear(ee.current)}));var Re=function(e){"Enter"!==e.key&&"Space"!==e.code||(he(),e.preventDefault())},Ne=E("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":me,"p-inputwrapper-focus":W,"p-input-icon-right":P.toggleMask},P.className),je=M.getOtherProps(P),Pe=function(){var t=N({key:"hideIcon",role:"switch",tabIndex:P.tabIndex||"0",className:se("hideIcon"),onClick:he,onKeyDown:Re,"aria-label":o("passwordHide")||"Hide Password","aria-checked":"false"},le("hideIcon")),n=N({key:"showIcon",role:"switch",tabIndex:P.tabIndex||"0",className:se("showIcon"),onClick:he,onKeyDown:Re,"aria-label":o("passwordShow")||"Show Password","aria-checked":"true"},le("showIcon")),r=O.getJSXIcon(q?P.hideIcon||e.createElement(g,t):P.showIcon||e.createElement(y,n),H({},q?t:n),{props:P});if(P.toggleMask){var a=r;if(P.icon)a=S.getJSXElement(P.icon,{onClick:he,className:Ne,element:a,props:P});return a}return null}(),Ce=function(){var t=U||{strength:"",width:"0%"},n=t.strength,r=t.width,o=S.getJSXElement(P.header,P),a=S.getJSXElement(P.footer,P),i=N({className:se("panel",{context:j}),style:P.panelStyle,onClick:ge},le("panel")),s=N({className:se("meter")},le("meter")),u=N({className:se("meterLabel",{strength:n}),style:{width:r}},le("meterLabel")),p=N({className:se("info",{strength:n})},le("info")),c=P.content?S.getJSXElement(P.content,P):e.createElement(e.Fragment,null,e.createElement("div",s,e.createElement("div",u)),e.createElement("div",p,_)),f=N({classNames:se("transition"),in:z,timeout:{enter:120,exit:100},options:P.transitionOptions,unmountOnExit:!0,onEnter:Se,onEntered:xe,onExit:ke,onExited:Oe},le("transition")),d=e.createElement(l,I({nodeRef:ee},f),e.createElement("div",I({ref:ee},i),o,c,a));return e.createElement(v,{element:d,appendTo:P.appendTo})}(),Le=N({ref:Q,id:P.id,className:se("root",{isFilled:me,focusedState:W}),style:P.style},le("root")),Ae=N(H(H({ref:te,id:P.inputId},je),{},{className:E(P.inputClassName,se("input")),onBlur:function(e){Y(!1),P.feedback&&ve(),P.onBlur&&P.onBlur(e)},onFocus:function(e){Y(!0),P.feedback&&be(),P.onFocus&&P.onFocus(e)},onInput:function(e,t){P.onInput&&P.onInput(e,t),P.onChange||(S.isNotEmpty(e.target.value)?x.addClass(Q.current,"p-inputwrapper-filled"):x.removeClass(Q.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;P.feedback&&t&&"Escape"!==t&&!z&&be(),P.onKeyUp&&P.onKeyUp(e)},invalid:P.invalid,style:P.inputStyle,tabIndex:P.tabIndex,tooltip:P.tooltip,tooltipOptions:P.tooltipOptions,type:oe,value:P.value,__parentMetadata:{parent:ae}}),le("input"));return e.createElement("div",Le,e.createElement(h,Ae),Pe,Ce)})));z.displayName="Password";export{z as Password};
|