primereact 10.6.1 → 10.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/autocomplete.cjs.js +16 -8
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +5 -0
- package/autocomplete/autocomplete.esm.js +16 -8
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +16 -8
- package/autocomplete/autocomplete.min.js +1 -1
- package/blockui/blockui.cjs.js +3 -6
- package/blockui/blockui.cjs.min.js +1 -1
- package/blockui/blockui.esm.js +3 -6
- package/blockui/blockui.esm.min.js +1 -1
- package/blockui/blockui.js +3 -6
- package/blockui/blockui.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +2 -5
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +2 -5
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +2 -5
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +6 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.d.ts +5 -0
- package/buttongroup/buttongroup.esm.js +7 -2
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +6 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +30 -20
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +5 -0
- package/calendar/calendar.esm.js +30 -20
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +30 -20
- package/calendar/calendar.min.js +1 -1
- package/card/card.cjs.js +2 -5
- package/card/card.cjs.min.js +1 -1
- package/card/card.esm.js +3 -6
- package/card/card.esm.min.js +1 -1
- package/card/card.js +2 -5
- package/card/card.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +14 -16
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +5 -0
- package/cascadeselect/cascadeselect.esm.js +14 -16
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +14 -16
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chart/chart.cjs.js +4 -7
- package/chart/chart.cjs.min.js +1 -1
- package/chart/chart.esm.js +4 -7
- package/chart/chart.esm.min.js +1 -1
- package/chart/chart.js +4 -7
- package/chart/chart.min.js +1 -1
- package/checkbox/checkbox.cjs.js +6 -3
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.d.ts +5 -0
- package/checkbox/checkbox.esm.js +6 -3
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +6 -3
- package/checkbox/checkbox.min.js +1 -1
- package/chips/chips.cjs.js +5 -3
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.d.ts +5 -0
- package/chips/chips.esm.js +5 -3
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +5 -3
- package/chips/chips.min.js +1 -1
- package/colorpicker/colorpicker.cjs.js +2 -2
- package/colorpicker/colorpicker.cjs.min.js +1 -1
- package/colorpicker/colorpicker.esm.js +2 -2
- package/colorpicker/colorpicker.esm.min.js +1 -1
- package/colorpicker/colorpicker.js +2 -2
- package/colorpicker/colorpicker.min.js +1 -1
- package/column/column.d.ts +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/confirmpopup/confirmpopup.cjs.js +2 -2
- package/confirmpopup/confirmpopup.cjs.min.js +1 -1
- package/confirmpopup/confirmpopup.esm.js +2 -2
- package/confirmpopup/confirmpopup.esm.min.js +1 -1
- package/confirmpopup/confirmpopup.js +2 -2
- package/confirmpopup/confirmpopup.min.js +1 -1
- package/core/core.js +140 -60
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +15 -6
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +15 -6
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +15 -6
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +3 -3
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +3 -3
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +3 -3
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +41 -20
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +6 -1
- package/dropdown/dropdown.esm.js +41 -20
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +41 -20
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +7 -4
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.esm.js +7 -4
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +7 -4
- package/fileupload/fileupload.min.js +1 -1
- package/floatlabel/floatlabel.cjs.js +6 -1
- package/floatlabel/floatlabel.cjs.min.js +1 -1
- package/floatlabel/floatlabel.esm.js +7 -2
- package/floatlabel/floatlabel.esm.min.js +1 -1
- package/floatlabel/floatlabel.js +6 -1
- package/floatlabel/floatlabel.min.js +1 -1
- package/iconfield/iconfield.cjs.js +4 -4
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.js +4 -4
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.js +4 -4
- package/iconfield/iconfield.min.js +1 -1
- package/iconfield/package.json +7 -0
- package/image/image.cjs.js +2 -2
- package/image/image.cjs.min.js +1 -1
- package/image/image.esm.js +2 -2
- package/image/image.esm.min.js +1 -1
- package/image/image.js +2 -2
- package/image/image.min.js +1 -1
- package/inputicon/package.json +7 -0
- package/inputmask/inputmask.cjs.js +21 -1
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.d.ts +11 -1
- package/inputmask/inputmask.esm.js +22 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +21 -1
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +68 -23
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.d.ts +5 -0
- package/inputnumber/inputnumber.esm.js +68 -23
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +68 -23
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +348 -0
- package/inputotp/inputotp.cjs.min.js +1 -0
- package/inputotp/inputotp.d.ts +177 -0
- package/inputotp/inputotp.esm.js +340 -0
- package/inputotp/inputotp.esm.min.js +1 -0
- package/inputotp/inputotp.js +346 -0
- package/inputotp/inputotp.min.js +1 -0
- package/inputotp/package.json +7 -0
- package/inputtext/inputtext.cjs.js +9 -5
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.d.ts +5 -0
- package/inputtext/inputtext.esm.js +9 -5
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +9 -5
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +8 -4
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.d.ts +5 -0
- package/inputtextarea/inputtextarea.esm.js +8 -4
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +8 -4
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/knob/knob.cjs.js +2 -2
- package/knob/knob.cjs.min.js +1 -1
- package/knob/knob.esm.js +2 -2
- package/knob/knob.esm.min.js +1 -1
- package/knob/knob.js +2 -2
- package/knob/knob.min.js +1 -1
- package/mention/mention.cjs.js +13 -9
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +13 -9
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +13 -9
- package/mention/mention.min.js +1 -1
- package/metergroup/package.json +7 -0
- package/multiselect/multiselect.cjs.js +27 -8
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +5 -0
- package/multiselect/multiselect.esm.js +27 -8
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +27 -8
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +53 -50
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +53 -50
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +54 -51
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +5 -5
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +5 -5
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +5 -5
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +12 -15
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +12 -15
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +12 -15
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +134 -170
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +134 -170
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +134 -170
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +5 -3
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +5 -0
- package/password/password.esm.js +5 -3
- package/password/password.esm.min.js +1 -1
- package/password/password.js +5 -3
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +884 -1062
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +884 -1062
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +884 -1062
- package/primereact.all.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +8 -3
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +5 -0
- package/radiobutton/radiobutton.esm.js +8 -3
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +8 -3
- package/radiobutton/radiobutton.min.js +1 -1
- package/rating/rating.cjs.js +2 -2
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -2
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -2
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +51 -43
- package/resources/themes/arya-green/theme.css +51 -43
- package/resources/themes/arya-orange/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-dark-purple/theme.css +9 -0
- package/resources/themes/bootstrap4-light-blue/theme.css +51 -43
- package/resources/themes/bootstrap4-light-purple/theme.css +9 -0
- package/resources/themes/fluent-light/theme.css +51 -43
- package/resources/themes/lara-dark-amber/theme.css +51 -43
- package/resources/themes/lara-dark-blue/theme.css +51 -43
- package/resources/themes/lara-dark-cyan/theme.css +51 -43
- package/resources/themes/lara-dark-green/theme.css +51 -43
- package/resources/themes/lara-dark-indigo/theme.css +51 -43
- package/resources/themes/lara-dark-pink/theme.css +51 -43
- package/resources/themes/lara-dark-purple/theme.css +1124 -227
- package/resources/themes/lara-dark-teal/theme.css +51 -43
- package/resources/themes/lara-light-amber/theme.css +51 -43
- package/resources/themes/lara-light-blue/theme.css +51 -43
- package/resources/themes/lara-light-cyan/theme.css +51 -43
- package/resources/themes/lara-light-green/theme.css +51 -43
- package/resources/themes/lara-light-indigo/theme.css +51 -43
- package/resources/themes/lara-light-pink/theme.css +51 -43
- package/resources/themes/lara-light-purple/theme.css +1122 -229
- package/resources/themes/lara-light-teal/theme.css +51 -43
- package/resources/themes/luna-amber/theme.css +51 -43
- package/resources/themes/luna-blue/theme.css +51 -43
- package/resources/themes/luna-green/theme.css +51 -43
- package/resources/themes/luna-pink/theme.css +51 -43
- package/resources/themes/md-dark-deeppurple/theme.css +9 -0
- package/resources/themes/md-dark-indigo/theme.css +193 -185
- package/resources/themes/md-light-deeppurple/theme.css +9 -0
- package/resources/themes/md-light-indigo/theme.css +51 -43
- package/resources/themes/mdc-dark-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-dark-indigo/theme.css +193 -185
- package/resources/themes/mdc-light-deeppurple/theme.css +9 -0
- package/resources/themes/mdc-light-indigo/theme.css +51 -43
- package/resources/themes/mira/theme.css +51 -43
- package/resources/themes/nano/theme.css +51 -43
- package/resources/themes/nova/theme.css +51 -43
- package/resources/themes/nova-accent/theme.css +51 -43
- package/resources/themes/nova-alt/theme.css +51 -43
- package/resources/themes/rhea/theme.css +51 -43
- package/resources/themes/saga-blue/theme.css +51 -43
- package/resources/themes/saga-green/theme.css +51 -43
- package/resources/themes/saga-orange/theme.css +51 -43
- package/resources/themes/soho-dark/theme.css +76 -68
- package/resources/themes/soho-light/theme.css +51 -43
- package/resources/themes/tailwind-light/theme.css +52 -44
- package/resources/themes/vela-blue/theme.css +51 -43
- package/resources/themes/vela-green/theme.css +51 -43
- package/resources/themes/vela-orange/theme.css +51 -43
- package/resources/themes/viva-dark/theme.css +51 -43
- package/resources/themes/viva-light/theme.css +51 -43
- package/scrollpanel/scrollpanel.cjs.js +2 -5
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +3 -6
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +2 -5
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/selectbutton/selectbutton.cjs.js +2 -2
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -2
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -2
- package/selectbutton/selectbutton.min.js +1 -1
- package/sidebar/sidebar.cjs.js +5 -5
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +5 -5
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +5 -5
- package/sidebar/sidebar.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +2 -2
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +2 -2
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +2 -2
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +3 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +3 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +3 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +2 -2
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +2 -2
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +2 -2
- package/splitbutton/splitbutton.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +9 -2
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.d.ts +1 -1
- package/stepperpanel/stepperpanel.esm.js +9 -2
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +10 -4
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/steps/steps.cjs.js +2 -2
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.esm.js +2 -2
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +2 -2
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +2 -5
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +2 -5
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +2 -5
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/tabview.cjs.js +2 -2
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +2 -2
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +2 -2
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +2 -2
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +2 -2
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +2 -2
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +3 -3
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +3 -3
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +3 -3
- package/togglebutton/togglebutton.min.js +1 -1
- package/toolbar/toolbar.cjs.js +2 -5
- package/toolbar/toolbar.cjs.min.js +1 -1
- package/toolbar/toolbar.esm.js +3 -6
- package/toolbar/toolbar.esm.min.js +1 -1
- package/toolbar/toolbar.js +2 -5
- package/toolbar/toolbar.min.js +1 -1
- package/tree/tree.cjs.js +12 -5
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +12 -5
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +12 -5
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +7 -3
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +5 -0
- package/treeselect/treeselect.esm.js +7 -3
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +7 -3
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +6 -3
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +6 -3
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +6 -3
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +7 -3
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +5 -0
- package/tristatecheckbox/tristatecheckbox.esm.js +7 -3
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +7 -3
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/web-types.json +302 -11
package/password/password.cjs.js
CHANGED
|
@@ -158,7 +158,7 @@ var classes = {
|
|
|
158
158
|
'p-inputwrapper-filled': isFilled,
|
|
159
159
|
'p-inputwrapper-focus': focusedState,
|
|
160
160
|
'p-input-icon-right': props.toggleMask
|
|
161
|
-
}
|
|
161
|
+
});
|
|
162
162
|
},
|
|
163
163
|
input: function input(_ref2) {
|
|
164
164
|
var props = _ref2.props;
|
|
@@ -214,6 +214,7 @@ var PasswordBase = componentbase.ComponentBase.extend({
|
|
|
214
214
|
inputStyle: null,
|
|
215
215
|
inputClassName: null,
|
|
216
216
|
invalid: false,
|
|
217
|
+
variant: null,
|
|
217
218
|
panelStyle: null,
|
|
218
219
|
panelClassName: null,
|
|
219
220
|
transitionOptions: null,
|
|
@@ -614,10 +615,10 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
614
615
|
var rootProps = mergeProps({
|
|
615
616
|
ref: elementRef,
|
|
616
617
|
id: props.id,
|
|
617
|
-
className: cx('root', {
|
|
618
|
+
className: utils.classNames(props.className, cx('root', {
|
|
618
619
|
isFilled: isFilled,
|
|
619
620
|
focusedState: focusedState
|
|
620
|
-
}),
|
|
621
|
+
})),
|
|
621
622
|
style: props.style
|
|
622
623
|
}, ptm('root'));
|
|
623
624
|
var inputTextProps = mergeProps(_objectSpread(_objectSpread({
|
|
@@ -630,6 +631,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
630
631
|
onInput: onInput,
|
|
631
632
|
onKeyUp: onKeyup,
|
|
632
633
|
invalid: props.invalid,
|
|
634
|
+
variant: props.variant,
|
|
633
635
|
style: props.inputStyle,
|
|
634
636
|
tabIndex: props.tabIndex,
|
|
635
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"),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;
|
|
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,variant: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){return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":e.props.toggleMask})},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:c.classNames(w.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,variant:w.variant,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
|
@@ -55,6 +55,11 @@ export interface PasswordPassThroughOptions {
|
|
|
55
55
|
* @defaultValue false
|
|
56
56
|
*/
|
|
57
57
|
invalid?: boolean | undefined;
|
|
58
|
+
/**
|
|
59
|
+
* Specifies the input variant of the component.
|
|
60
|
+
* @defaultValue outlined
|
|
61
|
+
*/
|
|
62
|
+
variant?: 'outlined' | 'filled' | undefined;
|
|
58
63
|
/**
|
|
59
64
|
* Uses to pass attributes to the panel's DOM element.
|
|
60
65
|
*/
|
package/password/password.esm.js
CHANGED
|
@@ -131,7 +131,7 @@ var classes = {
|
|
|
131
131
|
'p-inputwrapper-filled': isFilled,
|
|
132
132
|
'p-inputwrapper-focus': focusedState,
|
|
133
133
|
'p-input-icon-right': props.toggleMask
|
|
134
|
-
}
|
|
134
|
+
});
|
|
135
135
|
},
|
|
136
136
|
input: function input(_ref2) {
|
|
137
137
|
var props = _ref2.props;
|
|
@@ -187,6 +187,7 @@ var PasswordBase = ComponentBase.extend({
|
|
|
187
187
|
inputStyle: null,
|
|
188
188
|
inputClassName: null,
|
|
189
189
|
invalid: false,
|
|
190
|
+
variant: null,
|
|
190
191
|
panelStyle: null,
|
|
191
192
|
panelClassName: null,
|
|
192
193
|
transitionOptions: null,
|
|
@@ -587,10 +588,10 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
587
588
|
var rootProps = mergeProps({
|
|
588
589
|
ref: elementRef,
|
|
589
590
|
id: props.id,
|
|
590
|
-
className: cx('root', {
|
|
591
|
+
className: classNames(props.className, cx('root', {
|
|
591
592
|
isFilled: isFilled,
|
|
592
593
|
focusedState: focusedState
|
|
593
|
-
}),
|
|
594
|
+
})),
|
|
594
595
|
style: props.style
|
|
595
596
|
}, ptm('root'));
|
|
596
597
|
var inputTextProps = mergeProps(_objectSpread(_objectSpread({
|
|
@@ -603,6 +604,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
603
604
|
onInput: onInput,
|
|
604
605
|
onKeyUp: onKeyup,
|
|
605
606
|
invalid: props.invalid,
|
|
607
|
+
variant: props.variant,
|
|
606
608
|
style: props.inputStyle,
|
|
607
609
|
tabIndex: props.tabIndex,
|
|
608
610
|
tooltip: props.tooltip,
|
|
@@ -1 +1 @@
|
|
|
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};
|
|
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,variant: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){return E("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":e.props.toggleMask})},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:E(P.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,variant:P.variant,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};
|
package/password/password.js
CHANGED
|
@@ -145,7 +145,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
|
|
|
145
145
|
'p-inputwrapper-filled': isFilled,
|
|
146
146
|
'p-inputwrapper-focus': focusedState,
|
|
147
147
|
'p-input-icon-right': props.toggleMask
|
|
148
|
-
}
|
|
148
|
+
});
|
|
149
149
|
},
|
|
150
150
|
input: function input(_ref2) {
|
|
151
151
|
var props = _ref2.props;
|
|
@@ -201,6 +201,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
|
|
|
201
201
|
inputStyle: null,
|
|
202
202
|
inputClassName: null,
|
|
203
203
|
invalid: false,
|
|
204
|
+
variant: null,
|
|
204
205
|
panelStyle: null,
|
|
205
206
|
panelClassName: null,
|
|
206
207
|
transitionOptions: null,
|
|
@@ -601,10 +602,10 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
|
|
|
601
602
|
var rootProps = mergeProps({
|
|
602
603
|
ref: elementRef,
|
|
603
604
|
id: props.id,
|
|
604
|
-
className: cx('root', {
|
|
605
|
+
className: utils.classNames(props.className, cx('root', {
|
|
605
606
|
isFilled: isFilled,
|
|
606
607
|
focusedState: focusedState
|
|
607
|
-
}),
|
|
608
|
+
})),
|
|
608
609
|
style: props.style
|
|
609
610
|
}, ptm('root'));
|
|
610
611
|
var inputTextProps = mergeProps(_objectSpread(_objectSpread({
|
|
@@ -617,6 +618,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
|
|
|
617
618
|
onInput: onInput,
|
|
618
619
|
onKeyUp: onKeyup,
|
|
619
620
|
invalid: props.invalid,
|
|
621
|
+
variant: props.variant,
|
|
620
622
|
style: props.inputStyle,
|
|
621
623
|
tabIndex: props.tabIndex,
|
|
622
624
|
tooltip: props.tooltip,
|
package/password/password.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,o,a,l,i,s,u,c,p){"use strict";function d(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 m=f(t),y=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function w(e){return w="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},w(e)}function g(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===w(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function O(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 E(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 S(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return v(e)||O(e,t)||S(e,t)||I()}var j=r.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 p.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 p.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return p.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return p.classNames("p-password-strength",e.strength)},info:function(e){return p.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 k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=h(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)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=m.memo(m.forwardRef((function(e,t){var d=a.useMergeProps(),f=m.useContext(n.PrimeReactContext),w=j.getProps(e,f),g=w.promptLabel||n.localeOption("passwordPrompt"),h=w.weakLabel||n.localeOption("weak"),v=w.mediumLabel||n.localeOption("medium"),O=w.strongLabel||n.localeOption("strong"),E=x(m.useState(!1),2),S=E[0],I=E[1],k=x(m.useState(null),2),P=k[0],R=k[1],C=x(m.useState(g),2),U=C[0],D=C[1],H=x(m.useState(!1),2),L=H[0],M=H[1],T=x(m.useState(!1),2),A=T[0],_=T[1],Z=m.useRef(null),K=m.useRef(null),z=m.useRef(w.inputRef),F=m.useRef(new RegExp(w.mediumRegex)),J=m.useRef(new RegExp(w.strongRegex)),X=A?"text":"password",B={props:w,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:A}},V=j.setMetaData(B),G=V.ptm,Y=V.cx;r.useHandleStyle(j.css.styles,V.isUnstyled,{name:"password"});var W=a.useDisplayOrder("password",S);a.useGlobalOnEscapeKey({callback:function(){ie()},when:S&&w.feedback&&W,priority:[a.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,W]});var $=x(a.useOverlayListener({target:Z,overlay:K,listener:function(e,t){t.valid&&ie()},when:S}),2),q=$[0],Q=$[1],ee=z.current&&z.current.value,te=m.useMemo((function(){return p.ObjectUtils.isNotEmpty(w.value)||p.ObjectUtils.isNotEmpty(w.defaultValue)||p.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&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:Z.current})},ae=function(){_((function(e){return!e}))},le=function(){ne(),I(!0)},ie=function(){I(!1)},se=function(){z.current&&p.DomHandler.alignOverlay(K.current,z.current.parentElement,w.appendTo||f&&f.appendTo||y.default.appendTo)},ue=function(){p.ZIndexUtils.set("overlay",K.current,f&&f.autoZIndex||y.default.autoZIndex,f&&f.zIndex.overlay||y.default.zIndex.overlay),p.DomHandler.addStyles(K.current,{position:"absolute",top:"0",left:"0"}),se()},ce=function(){q(),w.onShow&&w.onShow()},pe=function(){Q()},de=function(){p.ZIndexUtils.clear(K.current),w.onHide&&w.onHide()},fe=function(e){return e&&0!==e.length?J.current.test(e)?3:F.current.test(e)?2:e.length>0?1:0:0};m.useImperativeHandle(t,(function(){return{props:w,toggleMask:ae,focus:function(){return p.DomHandler.focus(z.current)},getElement:function(){return Z.current},getOverlay:function(){return K.current},getInput:function(){return z.current}}})),m.useEffect((function(){p.ObjectUtils.combinedRefs(z,w.inputRef)}),[z,w.inputRef]),m.useEffect((function(){F.current=new RegExp(w.mediumRegex)}),[w.mediumRegex]),m.useEffect((function(){J.current=new RegExp(w.strongRegex)}),[w.strongRegex]),m.useEffect((function(){!te&&p.DomHandler.hasClass(Z.current,"p-inputwrapper-filled")&&p.DomHandler.removeClass(Z.current,"p-inputwrapper-filled")}),[te]),a.useUpdateEffect((function(){re(w.value)}),[w.value]),a.useMountEffect((function(){se()})),a.useUnmountEffect((function(){p.ZIndexUtils.clear(K.current)}));var me=function(e){"Enter"!==e.key&&"Space"!==e.code||(ae(),e.preventDefault())},ye=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":w.toggleMask},w.className),be=j.getOtherProps(w),we=function(){var e=d({key:"hideIcon",role:"switch",tabIndex:w.tabIndex||"0",className:Y("hideIcon"),onClick:ae,onKeyDown:me,"aria-label":n.ariaLabel("passwordHide")||"Hide Password","aria-checked":"false"},G("hideIcon")),t=d({key:"showIcon",role:"switch",tabIndex:w.tabIndex||"0",className:Y("showIcon"),onClick:ae,onKeyDown:me,"aria-label":n.ariaLabel("passwordShow")||"Show Password","aria-checked":"true"},G("showIcon")),r=p.IconUtils.getJSXIcon(A?w.hideIcon||m.createElement(i.EyeSlashIcon,e):w.showIcon||m.createElement(l.EyeIcon,t),N({},A?e:t),{props:w});if(w.toggleMask){var o=r;if(w.icon)o=p.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,r=p.ObjectUtils.getJSXElement(w.header,w),a=p.ObjectUtils.getJSXElement(w.footer,w),l=d({className:Y("panel",{context:f}),style:w.panelStyle,onClick:oe},G("panel")),i=d({className:Y("meter")},G("meter")),s=d({className:Y("meterLabel",{strength:t}),style:{width:n}},G("meterLabel")),u=d({className:Y("info",{strength:t})},G("info")),y=w.content?p.ObjectUtils.getJSXElement(w.content,w):m.createElement(m.Fragment,null,m.createElement("div",i,m.createElement("div",s)),m.createElement("div",u,U)),g=d({classNames:Y("transition"),in:S,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:pe,onExited:de},G("transition")),h=m.createElement(o.CSSTransition,b({nodeRef:K},g),m.createElement("div",b({ref:K},l),r,y,a));return m.createElement(c.Portal,{element:h,appendTo:w.appendTo})}(),he=d({ref:Z,id:w.id,className:Y("root",{isFilled:te,focusedState:L}),style:w.style},G("root")),ve=d(N(N({ref:z,id:w.inputId},be),{},{className:p.classNames(w.inputClassName,Y("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||(p.ObjectUtils.isNotEmpty(e.target.value)?p.DomHandler.addClass(Z.current,"p-inputwrapper-filled"):p.DomHandler.removeClass(Z.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:X,value:w.value,__parentMetadata:{parent:B}}),G("input"));return m.createElement("div",he,m.createElement(s.InputText,ve),we,ge)})));return P.displayName="Password",e.Password=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.eye,primereact.icons.eyeslash,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,o,a,l,i,s,u,c,p){"use strict";function d(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 m=f(t),y=d(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function w(e){return w="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},w(e)}function g(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===w(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function O(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 E(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 S(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return v(e)||O(e,t)||S(e,t)||I()}var j=r.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,variant: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){return p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":e.props.toggleMask})},input:function(e){return p.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return p.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return p.classNames("p-password-strength",e.strength)},info:function(e){return p.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 k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=h(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)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=m.memo(m.forwardRef((function(e,t){var d=a.useMergeProps(),f=m.useContext(n.PrimeReactContext),w=j.getProps(e,f),g=w.promptLabel||n.localeOption("passwordPrompt"),h=w.weakLabel||n.localeOption("weak"),v=w.mediumLabel||n.localeOption("medium"),O=w.strongLabel||n.localeOption("strong"),E=x(m.useState(!1),2),S=E[0],I=E[1],k=x(m.useState(null),2),P=k[0],R=k[1],C=x(m.useState(g),2),U=C[0],D=C[1],H=x(m.useState(!1),2),L=H[0],M=H[1],T=x(m.useState(!1),2),A=T[0],_=T[1],Z=m.useRef(null),K=m.useRef(null),z=m.useRef(w.inputRef),F=m.useRef(new RegExp(w.mediumRegex)),J=m.useRef(new RegExp(w.strongRegex)),X=A?"text":"password",B={props:w,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:A}},V=j.setMetaData(B),G=V.ptm,Y=V.cx;r.useHandleStyle(j.css.styles,V.isUnstyled,{name:"password"});var W=a.useDisplayOrder("password",S);a.useGlobalOnEscapeKey({callback:function(){ie()},when:S&&w.feedback&&W,priority:[a.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,W]});var $=x(a.useOverlayListener({target:Z,overlay:K,listener:function(e,t){t.valid&&ie()},when:S}),2),q=$[0],Q=$[1],ee=z.current&&z.current.value,te=m.useMemo((function(){return p.ObjectUtils.isNotEmpty(w.value)||p.ObjectUtils.isNotEmpty(w.defaultValue)||p.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&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:Z.current})},ae=function(){_((function(e){return!e}))},le=function(){ne(),I(!0)},ie=function(){I(!1)},se=function(){z.current&&p.DomHandler.alignOverlay(K.current,z.current.parentElement,w.appendTo||f&&f.appendTo||y.default.appendTo)},ue=function(){p.ZIndexUtils.set("overlay",K.current,f&&f.autoZIndex||y.default.autoZIndex,f&&f.zIndex.overlay||y.default.zIndex.overlay),p.DomHandler.addStyles(K.current,{position:"absolute",top:"0",left:"0"}),se()},ce=function(){q(),w.onShow&&w.onShow()},pe=function(){Q()},de=function(){p.ZIndexUtils.clear(K.current),w.onHide&&w.onHide()},fe=function(e){return e&&0!==e.length?J.current.test(e)?3:F.current.test(e)?2:e.length>0?1:0:0};m.useImperativeHandle(t,(function(){return{props:w,toggleMask:ae,focus:function(){return p.DomHandler.focus(z.current)},getElement:function(){return Z.current},getOverlay:function(){return K.current},getInput:function(){return z.current}}})),m.useEffect((function(){p.ObjectUtils.combinedRefs(z,w.inputRef)}),[z,w.inputRef]),m.useEffect((function(){F.current=new RegExp(w.mediumRegex)}),[w.mediumRegex]),m.useEffect((function(){J.current=new RegExp(w.strongRegex)}),[w.strongRegex]),m.useEffect((function(){!te&&p.DomHandler.hasClass(Z.current,"p-inputwrapper-filled")&&p.DomHandler.removeClass(Z.current,"p-inputwrapper-filled")}),[te]),a.useUpdateEffect((function(){re(w.value)}),[w.value]),a.useMountEffect((function(){se()})),a.useUnmountEffect((function(){p.ZIndexUtils.clear(K.current)}));var me=function(e){"Enter"!==e.key&&"Space"!==e.code||(ae(),e.preventDefault())},ye=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":w.toggleMask},w.className),be=j.getOtherProps(w),we=function(){var e=d({key:"hideIcon",role:"switch",tabIndex:w.tabIndex||"0",className:Y("hideIcon"),onClick:ae,onKeyDown:me,"aria-label":n.ariaLabel("passwordHide")||"Hide Password","aria-checked":"false"},G("hideIcon")),t=d({key:"showIcon",role:"switch",tabIndex:w.tabIndex||"0",className:Y("showIcon"),onClick:ae,onKeyDown:me,"aria-label":n.ariaLabel("passwordShow")||"Show Password","aria-checked":"true"},G("showIcon")),r=p.IconUtils.getJSXIcon(A?w.hideIcon||m.createElement(i.EyeSlashIcon,e):w.showIcon||m.createElement(l.EyeIcon,t),N({},A?e:t),{props:w});if(w.toggleMask){var o=r;if(w.icon)o=p.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,r=p.ObjectUtils.getJSXElement(w.header,w),a=p.ObjectUtils.getJSXElement(w.footer,w),l=d({className:Y("panel",{context:f}),style:w.panelStyle,onClick:oe},G("panel")),i=d({className:Y("meter")},G("meter")),s=d({className:Y("meterLabel",{strength:t}),style:{width:n}},G("meterLabel")),u=d({className:Y("info",{strength:t})},G("info")),y=w.content?p.ObjectUtils.getJSXElement(w.content,w):m.createElement(m.Fragment,null,m.createElement("div",i,m.createElement("div",s)),m.createElement("div",u,U)),g=d({classNames:Y("transition"),in:S,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:pe,onExited:de},G("transition")),h=m.createElement(o.CSSTransition,b({nodeRef:K},g),m.createElement("div",b({ref:K},l),r,y,a));return m.createElement(c.Portal,{element:h,appendTo:w.appendTo})}(),he=d({ref:Z,id:w.id,className:p.classNames(w.className,Y("root",{isFilled:te,focusedState:L})),style:w.style},G("root")),ve=d(N(N({ref:z,id:w.inputId},be),{},{className:p.classNames(w.inputClassName,Y("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||(p.ObjectUtils.isNotEmpty(e.target.value)?p.DomHandler.addClass(Z.current,"p-inputwrapper-filled"):p.DomHandler.removeClass(Z.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,variant:w.variant,style:w.inputStyle,tabIndex:w.tabIndex,tooltip:w.tooltip,tooltipOptions:w.tooltipOptions,type:X,value:w.value,__parentMetadata:{parent:B}}),G("input"));return m.createElement("div",he,m.createElement(s.InputText,ve),we,ge)})));return P.displayName="Password",e.Password=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.eye,primereact.icons.eyeslash,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);
|