primereact 8.0.0 → 8.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.cjs.js +22 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +22 -2
- package/api/api.esm.min.js +1 -1
- package/api/api.js +22 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +23 -14
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +0 -1
- package/autocomplete/autocomplete.esm.js +23 -14
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +23 -14
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +22 -6
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +22 -6
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +22 -6
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/button/button.cjs.js +1 -1
- package/button/button.cjs.min.js +1 -1
- package/button/button.esm.js +1 -1
- package/button/button.esm.min.js +1 -1
- package/button/button.js +1 -1
- package/button/button.min.js +1 -1
- package/calendar/calendar.cjs.js +3 -3
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +6 -5
- package/calendar/calendar.esm.js +3 -3
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +3 -3
- package/calendar/calendar.min.js +1 -1
- package/captcha/captcha.cjs.js +1 -0
- package/captcha/captcha.esm.js +1 -0
- package/captcha/captcha.js +1 -0
- package/carousel/carousel.cjs.js +18 -17
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +19 -18
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +19 -18
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +2 -1
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.esm.js +2 -1
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +2 -1
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/checkbox/checkbox.cjs.js +0 -1
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +0 -1
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +0 -1
- package/checkbox/checkbox.min.js +1 -1
- package/column/column.cjs.js +2 -1
- package/column/column.cjs.min.js +1 -1
- package/column/column.d.ts +1 -0
- package/column/column.esm.js +2 -1
- package/column/column.esm.min.js +1 -1
- package/column/column.js +2 -1
- package/column/column.min.js +1 -1
- package/core/core.js +143 -45
- package/core/core.min.js +9 -9
- package/datatable/datatable.cjs.js +14 -9
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +14 -9
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +14 -9
- package/datatable/datatable.min.css +1 -1
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +5 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.d.ts +2 -0
- package/dialog/dialog.esm.js +5 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +5 -1
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +3 -8
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +3 -8
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +3 -8
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +46 -19
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +1 -0
- package/fileupload/fileupload.esm.js +46 -19
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +46 -19
- package/fileupload/fileupload.min.js +1 -1
- package/fullcalendar/fullcalendar.cjs.js +1 -0
- package/fullcalendar/fullcalendar.esm.js +1 -0
- package/fullcalendar/fullcalendar.js +1 -0
- package/hooks/hooks.cjs.js +48 -2
- package/hooks/hooks.cjs.min.js +1 -1
- package/hooks/hooks.d.ts +3 -1
- package/hooks/hooks.esm.js +47 -3
- package/hooks/hooks.esm.min.js +1 -1
- package/hooks/hooks.js +48 -2
- package/hooks/hooks.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +37 -4
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +38 -5
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +37 -4
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputswitch/inputswitch.d.ts +1 -1
- package/listbox/listbox.cjs.js +18 -9
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.d.ts +1 -0
- package/listbox/listbox.esm.js +18 -9
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +18 -9
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +7 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +7 -3
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +7 -3
- package/mention/mention.min.js +1 -1
- package/multiselect/multiselect.cjs.js +2 -5
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +2 -5
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +2 -5
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +30 -24
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.d.ts +2 -4
- package/multistatecheckbox/multistatecheckbox.esm.js +30 -24
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +31 -26
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +1 -1
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +1 -1
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +1 -1
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +4 -2
- package/paginator/paginator.cjs.js +26 -24
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +26 -24
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +26 -25
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +15 -0
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +16 -1
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +15 -0
- package/panelmenu/panelmenu.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -2
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.d.ts +5 -1
- package/picklist/picklist.esm.js +6 -2
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -2
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +575 -343
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +573 -344
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +575 -343
- package/primereact.all.min.js +1 -1
- package/progressbar/progressbar.cjs.js +1 -2
- package/progressbar/progressbar.cjs.min.js +1 -1
- package/progressbar/progressbar.esm.js +1 -2
- package/progressbar/progressbar.esm.min.js +1 -1
- package/progressbar/progressbar.js +1 -2
- package/progressbar/progressbar.min.js +1 -1
- package/radiobutton/radiobutton.cjs.js +5 -5
- package/radiobutton/radiobutton.cjs.min.js +1 -1
- package/radiobutton/radiobutton.d.ts +0 -1
- package/radiobutton/radiobutton.esm.js +5 -5
- package/radiobutton/radiobutton.esm.min.js +1 -1
- package/radiobutton/radiobutton.js +5 -5
- package/radiobutton/radiobutton.min.js +1 -1
- package/resources/primereact.css +27 -23
- package/resources/primereact.min.css +1 -1
- package/resources/themes/arya-blue/theme.css +0 -1
- package/resources/themes/arya-green/theme.css +0 -1
- package/resources/themes/arya-orange/theme.css +0 -1
- package/resources/themes/arya-purple/theme.css +0 -1
- package/resources/themes/bootstrap4-dark-blue/theme.css +0 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +0 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +0 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +0 -1
- package/resources/themes/fluent-light/theme.css +0 -1
- package/resources/themes/lara-dark-blue/theme.css +0 -1
- package/resources/themes/lara-dark-indigo/theme.css +0 -1
- package/resources/themes/lara-dark-purple/theme.css +0 -1
- package/resources/themes/lara-dark-teal/theme.css +0 -1
- package/resources/themes/lara-light-blue/theme.css +0 -1
- package/resources/themes/lara-light-indigo/theme.css +0 -1
- package/resources/themes/lara-light-purple/theme.css +0 -1
- package/resources/themes/lara-light-teal/theme.css +0 -1
- package/resources/themes/luna-amber/theme.css +0 -1
- package/resources/themes/luna-blue/theme.css +0 -1
- package/resources/themes/luna-green/theme.css +0 -1
- package/resources/themes/luna-pink/theme.css +0 -1
- package/resources/themes/md-dark-deeppurple/theme.css +0 -1
- package/resources/themes/md-dark-indigo/theme.css +0 -1
- package/resources/themes/md-light-deeppurple/theme.css +0 -1
- package/resources/themes/md-light-indigo/theme.css +0 -1
- package/resources/themes/mdc-dark-deeppurple/theme.css +0 -1
- package/resources/themes/mdc-dark-indigo/theme.css +0 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +0 -1
- package/resources/themes/mdc-light-indigo/theme.css +0 -1
- package/resources/themes/nova/theme.css +0 -1
- package/resources/themes/nova-accent/theme.css +0 -1
- package/resources/themes/nova-alt/theme.css +0 -1
- package/resources/themes/rhea/theme.css +0 -1
- package/resources/themes/saga-blue/theme.css +0 -1
- package/resources/themes/saga-green/theme.css +0 -1
- package/resources/themes/saga-orange/theme.css +0 -1
- package/resources/themes/saga-purple/theme.css +0 -1
- package/resources/themes/tailwind-light/theme.css +0 -1
- package/resources/themes/vela-blue/theme.css +0 -1
- package/resources/themes/vela-green/theme.css +0 -1
- package/resources/themes/vela-orange/theme.css +0 -1
- package/resources/themes/vela-purple/theme.css +0 -1
- package/selectbutton/selectbutton.cjs.js +2 -6
- package/selectbutton/selectbutton.cjs.min.js +1 -1
- package/selectbutton/selectbutton.esm.js +2 -6
- package/selectbutton/selectbutton.esm.min.js +1 -1
- package/selectbutton/selectbutton.js +2 -6
- package/selectbutton/selectbutton.min.js +1 -1
- package/slidemenu/slidemenu.cjs.js +38 -7
- package/slidemenu/slidemenu.cjs.min.js +1 -1
- package/slidemenu/slidemenu.esm.js +38 -7
- package/slidemenu/slidemenu.esm.min.js +1 -1
- package/slidemenu/slidemenu.js +38 -7
- package/slidemenu/slidemenu.min.js +1 -1
- package/slider/slider.cjs.js +6 -3
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +6 -3
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +6 -3
- package/slider/slider.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +12 -9
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -0
- package/splitbutton/splitbutton.esm.js +12 -9
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +12 -9
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +6 -2
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -2
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -2
- package/splitter/splitter.min.js +1 -1
- package/styleclass/styleclass.cjs.js +26 -21
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +26 -21
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +26 -21
- package/styleclass/styleclass.min.js +1 -1
- package/treetable/treetable.cjs.js +10 -1
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.d.ts +1 -1
- package/treetable/treetable.esm.js +10 -1
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +10 -1
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +25 -23
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +2 -4
- package/tristatecheckbox/tristatecheckbox.esm.js +25 -23
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +26 -25
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/web-types.json +86 -63
|
@@ -433,7 +433,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
433
433
|
|
|
434
434
|
var onOverlayEntering = function onOverlayEntering() {
|
|
435
435
|
if (props.autoHighlight && props.suggestions && props.suggestions.length) {
|
|
436
|
-
|
|
436
|
+
var element = getScrollableElement().firstChild.firstChild;
|
|
437
|
+
DomHandler.addClass(element, 'p-highlight');
|
|
437
438
|
}
|
|
438
439
|
};
|
|
439
440
|
|
|
@@ -506,7 +507,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
506
507
|
if (nextElement) {
|
|
507
508
|
DomHandler.addClass(nextElement, 'p-highlight');
|
|
508
509
|
DomHandler.removeClass(highlightItem, 'p-highlight');
|
|
509
|
-
DomHandler.scrollInView(
|
|
510
|
+
DomHandler.scrollInView(getScrollableElement(), nextElement);
|
|
510
511
|
}
|
|
511
512
|
} else {
|
|
512
513
|
highlightItem = DomHandler.findSingle(overlayRef.current, 'li');
|
|
@@ -531,7 +532,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
531
532
|
if (previousElement) {
|
|
532
533
|
DomHandler.addClass(previousElement, 'p-highlight');
|
|
533
534
|
DomHandler.removeClass(highlightItem, 'p-highlight');
|
|
534
|
-
DomHandler.scrollInView(
|
|
535
|
+
DomHandler.scrollInView(getScrollableElement(), previousElement);
|
|
535
536
|
}
|
|
536
537
|
}
|
|
537
538
|
|
|
@@ -664,6 +665,10 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
664
665
|
}) : -1;
|
|
665
666
|
};
|
|
666
667
|
|
|
668
|
+
var getScrollableElement = function getScrollableElement() {
|
|
669
|
+
return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
|
|
670
|
+
};
|
|
671
|
+
|
|
667
672
|
var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
|
|
668
673
|
return props.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
|
|
669
674
|
};
|
|
@@ -710,7 +715,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
710
715
|
|
|
711
716
|
var createSimpleAutoComplete = function createSimpleAutoComplete() {
|
|
712
717
|
var value = formatValue(props.value);
|
|
713
|
-
var ariaControls = idState + '_list';
|
|
718
|
+
var ariaControls = overlayVisibleState ? idState + '_list' : null;
|
|
714
719
|
var className = classNames('p-autocomplete-input', props.inputClassName, {
|
|
715
720
|
'p-autocomplete-dd-input': props.dropdown
|
|
716
721
|
});
|
|
@@ -720,10 +725,13 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
720
725
|
type: props.type,
|
|
721
726
|
name: props.name,
|
|
722
727
|
defaultValue: value,
|
|
723
|
-
role: "
|
|
728
|
+
role: "combobox",
|
|
724
729
|
"aria-autocomplete": "list",
|
|
725
730
|
"aria-controls": ariaControls,
|
|
726
|
-
"aria-
|
|
731
|
+
"aria-haspopup": "listbox",
|
|
732
|
+
"aria-expanded": overlayVisibleState,
|
|
733
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
734
|
+
"aria-label": props['aria-label'],
|
|
727
735
|
className: className,
|
|
728
736
|
style: props.inputStyle,
|
|
729
737
|
autoComplete: "off",
|
|
@@ -770,7 +778,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
770
778
|
};
|
|
771
779
|
|
|
772
780
|
var createMultiInput = function createMultiInput() {
|
|
773
|
-
var ariaControls = idState + '_list';
|
|
781
|
+
var ariaControls = overlayVisibleState ? idState + '_list' : null;
|
|
774
782
|
return /*#__PURE__*/React.createElement("li", {
|
|
775
783
|
className: "p-autocomplete-input-token"
|
|
776
784
|
}, /*#__PURE__*/React.createElement("input", {
|
|
@@ -778,10 +786,13 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
778
786
|
type: props.type,
|
|
779
787
|
disabled: props.disabled,
|
|
780
788
|
placeholder: props.placeholder,
|
|
781
|
-
role: "
|
|
789
|
+
role: "combobox",
|
|
782
790
|
"aria-autocomplete": "list",
|
|
783
791
|
"aria-controls": ariaControls,
|
|
784
|
-
"aria-
|
|
792
|
+
"aria-haspopup": "listbox",
|
|
793
|
+
"aria-expanded": overlayVisibleState,
|
|
794
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
795
|
+
"aria-label": props['aria-label'],
|
|
785
796
|
autoComplete: "off",
|
|
786
797
|
tabIndex: props.tabIndex,
|
|
787
798
|
onChange: onInputChange,
|
|
@@ -858,10 +869,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
858
869
|
ref: elementRef,
|
|
859
870
|
id: idState,
|
|
860
871
|
style: props.style,
|
|
861
|
-
className: className
|
|
862
|
-
"aria-haspopup": "listbox",
|
|
863
|
-
"aria-expanded": overlayVisibleState,
|
|
864
|
-
"aria-owns": listId
|
|
872
|
+
className: className
|
|
865
873
|
}, otherProps), input, loader, dropdown, /*#__PURE__*/React.createElement(AutoCompletePanel, _extends({
|
|
866
874
|
ref: overlayRef,
|
|
867
875
|
virtualScrollerRef: virtualScrollerRef
|
|
@@ -923,13 +931,14 @@ AutoComplete.defaultProps = {
|
|
|
923
931
|
autoFocus: false,
|
|
924
932
|
tooltip: null,
|
|
925
933
|
tooltipOptions: null,
|
|
926
|
-
ariaLabelledBy: null,
|
|
927
934
|
completeMethod: null,
|
|
928
935
|
itemTemplate: null,
|
|
929
936
|
selectedItemTemplate: null,
|
|
930
937
|
transitionOptions: null,
|
|
931
938
|
dropdownIcon: 'pi pi-chevron-down',
|
|
932
939
|
removeIcon: 'pi pi-times-circle',
|
|
940
|
+
'aria-label': null,
|
|
941
|
+
'aria-labelledby': null,
|
|
933
942
|
onChange: null,
|
|
934
943
|
onFocus: null,
|
|
935
944
|
onBlur: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as l,useMountEffect as o,useUpdateEffect as r,useUnmountEffect as i}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as u}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as p,ObjectUtils as s,UniqueComponentId as m,ZIndexUtils as d,DomHandler as f,IconUtils as g}from"primereact/utils";import{CSSTransition as v}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{Ripple as y}from"primereact/ripple";import{VirtualScroller as b}from"primereact/virtualscroller";function C(){return C=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},C.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return E(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}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 k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return r}}function D(){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 N(e,t){return O(e)||I(e,t)||S(e,t)||D()}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(t,n){var l,o,r,i=function(e){return s.resolveFieldData(e,t.optionGroupLabel)},a=function(n,l){if(t.optionGroupLabel){var o=t.optionGroupTemplate?s.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),r=(u=l,t.getOptionGroupChildren(n).map((function(n,l){var o=u+"_"+l,r=t.selectedItem===n,i=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,l):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:o,role:"option","aria-selected":r,className:"p-autocomplete-item",onClick:function(e){return t.onItemClick(e,n)},"data-group":u,"data-index":l},i,e.createElement(y,null))}))),a=l+"_"+i(n);return e.createElement(e.Fragment,{key:a},e.createElement("li",{className:"p-autocomplete-item-group"},o),r)}var u,c=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,l):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:l,role:"option","aria-selected":t.selectedItem===n,className:"p-autocomplete-item",onClick:function(e){return t.onItemClick(e,n)}},c,e.createElement(y,null))},u=function(){if(t.virtualScrollerOptions){var n=j(j({},t.virtualScrollerOptions),{style:j(j({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),items:t.suggestions,itemTemplate:function(e,t){return e&&a(e,t.index)},contentTemplate:function(n){var l=p("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:l,role:"listbox",id:t.listId},n.children)}});return e.createElement(b,C({ref:t.virtualScrollerRef},n))}var l=t.suggestions?t.suggestions.map(a):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:t.listId},l)},c=(l=p("p-autocomplete-panel p-component",t.panelClassName),o=j({maxHeight:t.scrollHeight},t.panelStyle||{}),r=u(),e.createElement(v,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:l,style:o,onClick:t.onClick},r)));return e.createElement(h,{element:c,appendTo:t.appendTo})})));F.displayName="AutoCompletePanel";var L=e.memo(e.forwardRef((function(v,h){var y=N(e.useState(v.id),2),b=y[0],E=y[1],O=N(e.useState(!1),2),I=O[0],D=O[1],T=N(e.useState(!1),2),P=T[0],j=T[1],R=N(e.useState(!1),2),M=R[0],G=R[1],A=e.useRef(null),K=e.useRef(null),U=e.useRef(v.inputRef),H=e.useRef(null),B=e.useRef(null),_=e.useRef(null),J=e.useRef(null),X=N(l({target:A,overlay:K,listener:function(e,t){t.valid&&("outside"===t.type?!V(e)&&te():te())},when:M}),2),q=X[0],z=X[1],V=function(e){return v.multiple?e.target===H.current||H.current.contains(e.target):e.target===U.current},Y=function(e){_.current&&clearTimeout(_.current);var t=e.target.value;v.multiple||Q(e,t),s.isEmpty(t)?(te(),v.onClear&&v.onClear(e)):t.length>=v.minLength?_.current=setTimeout((function(){Z(e,t,"input")}),v.delay):te()},Z=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||v.completeMethod&&(D(!0),v.completeMethod({originalEvent:e,query:t})))},$=function(e,t,n){if(v.multiple){if(U.current.value="",!ge(t)){var l=v.value?[].concat(w(o=v.value)||x(o)||S(o)||k(),[t]):[t];Q(e,l)}}else ee(t),Q(e,t);var o;v.onSelect&&v.onSelect({originalEvent:e,value:t}),n||(U.current.focus(),te())},Q=function(e,t){J&&J.current===t||(v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:v.name,id:b,value:t}}),J.current=t)},W=function(e){if(e){if(v.selectedItemTemplate&&(v.multiple?ge(e):ve(e)>-1)){var t=s.getJSXElement(v.selectedItemTemplate,e);return t||e}if(v.field){var n=s.resolveFieldData(e,v.field);return null!=n?n:e}return e}return""},ee=function(e){U.current.value=W(e)},te=function(){G(!1),D(!1)},ne=function(){f.alignOverlay(K.current,v.multiple?H.current:U.current,v.appendTo||t.appendTo)},le=function(e){v.dropdownAutoFocus&&U.current.focus(),"blank"===v.dropdownMode?Z(e,"","dropdown"):"current"===v.dropdownMode&&Z(e,U.current.value,"dropdown"),v.onDropdownClick&&v.onDropdownClick({originalEvent:e,query:U.current.value})},oe=function(e,t){var n=v.value[t],l=v.value.filter((function(e,n){return t!==n}));Q(e,l),v.onUnselect&&v.onUnselect({originalEvent:e,value:n})},re=function(e){if(M){var t=f.findSingle(K.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=ae(t);n&&(f.addClass(n,"p-highlight"),f.removeClass(t,"p-highlight"),f.scrollInView(K.current,n))}else t=f.findSingle(K.current,"li"),f.hasClass(t,"p-autocomplete-item-group")&&(t=ae(t)),t&&f.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var l=ue(t);l&&(f.addClass(l,"p-highlight"),f.removeClass(t,"p-highlight"),f.scrollInView(K.current,l))}e.preventDefault();break;case 13:t&&(ie(e,t),te()),e.preventDefault();break;case 27:te(),e.preventDefault();break;case 9:t&&ie(e,t),te()}}if(v.multiple&&8===e.which)if(v.value&&v.value.length&&!U.current.value){var o=v.value[v.value.length-1],r=v.value.slice(0,-1);Q(e,r),v.onUnselect&&v.onUnselect({originalEvent:e,value:o})}},ie=function(e,t){v.optionGroupLabel?$(e,he(v.suggestions[t.dataset.group])[t.dataset.index]):$(e,v.suggestions[f.index(t)])},ae=function e(t){var n=t.nextElementSibling;return n?f.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ue=function e(t){var n=t.previousElementSibling;return n?f.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ce=function(e){j(!0),v.onFocus&&v.onFocus(e)},pe=function(e){var t=e.target.value.trim(),n=(v.suggestions||[]).find((function(e){var n=v.field?s.resolveFieldData(e,v.field):e;return n&&t===n.trim()}));n?$(e,n,!0):(U.current.value="",Q(e,null),v.onClear&&v.onClear(e))},se=function(e){j(!1),v.forceSelection&&pe(e),v.onBlur&&v.onBlur(e)},me=function(e){U.current.focus(),v.onClick&&v.onClick(e)},de=function(e){ce(e),f.addClass(H.current,"p-focus")},fe=function(e){se(e),f.removeClass(H.current,"p-focus")},ge=function(e){return!!v.value&&v.value.some((function(t){return s.equals(t,e)}))},ve=function(e){return v.suggestions?v.suggestions.findIndex((function(t){return s.equals(t,e)})):-1},he=function(e){return s.resolveFieldData(e,v.optionGroupChildren)};e.useEffect((function(){s.combinedRefs(U,v.inputRef)}),[U,v.inputRef]),o((function(){b||E(m()),v.autoFocus&&U.current&&U.current.focus()})),r((function(){I&&(s.isNotEmpty(v.suggestions)?G(!0):te(),D(!1))}),[v.suggestions]),r((function(){U.current&&!v.multiple&&ee(v.value)})),i((function(){_.current&&clearTimeout(_.current),d.clear(K.current)})),e.useImperativeHandle(h,(function(){return{search:Z}}));var ye=function(){var t=W(v.value),n=b+"_list",l=p("p-autocomplete-input",v.inputClassName,{"p-autocomplete-dd-input":v.dropdown});return e.createElement(a,{ref:U,id:v.inputId,type:v.type,name:v.name,defaultValue:t,role:"searchbox","aria-autocomplete":"list","aria-controls":n,"aria-labelledby":v.ariaLabelledBy,className:l,style:v.inputStyle,autoComplete:"off",readOnly:v.readOnly,disabled:v.disabled,placeholder:v.placeholder,size:v.size,maxLength:v.maxLength,tabIndex:v.tabIndex,onBlur:se,onFocus:ce,onChange:Y,onMouseDown:v.onMouseDown,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onContextMenu:v.onContextMenu,onClick:v.onClick,onDoubleClick:v.onDblClick})},be=function(){var t=p("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":v.disabled}),n=s.isNotEmpty(v.value)?v.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},W(t)),!v.disabled&&g.getJSXIcon(v.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return oe(e,n)}},{props:v}))})):null;return e.createElement("ul",{ref:H,className:t,onContextMenu:v.onContextMenu,onMouseDown:v.onMouseDown,onClick:me,onDoubleClick:v.onDblClick},n,e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",{ref:U,type:v.type,disabled:v.disabled,placeholder:v.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":b+"_list","aria-labelledby":v.ariaLabelledBy,autoComplete:"off",tabIndex:v.tabIndex,onChange:Y,id:v.inputId,name:v.name,style:v.inputStyle,className:v.inputClassName,maxLength:v.maxLength,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onFocus:de,onBlur:fe})))},Ce=b+"_list",Ee=s.isNotEmpty(v.tooltip),we=s.findDiffKeys(v,L.defaultProps),xe=p("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":v.dropdown,"p-autocomplete-multiple":v.multiple,"p-inputwrapper-filled":v.value,"p-inputwrapper-focus":P},v.className),Se=I?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,ke=v.multiple?be():ye(),Oe=v.dropdown?e.createElement(n,{type:"button",icon:v.dropdownIcon,className:"p-autocomplete-dropdown",disabled:v.disabled,onClick:le}):null;return e.createElement(e.Fragment,null,e.createElement("span",C({ref:A,id:b,style:v.style,className:xe,"aria-haspopup":"listbox","aria-expanded":M,"aria-owns":Ce},we),ke,Se,Oe,e.createElement(F,C({ref:K,virtualScrollerRef:B},v,{listId:Ce,onItemClick:$,selectedItem:J,onClick:function(e){u.emit("overlay-click",{originalEvent:e,target:A.current})},getOptionGroupLabel:function(e){return v.optionGroupLabel?s.resolveFieldData(e,v.optionGroupLabel):e},getOptionGroupChildren:he,in:M,onEnter:function(){d.set("overlay",K.current,t.autoZIndex,t.zIndex.overlay),ne()},onEntering:function(){v.autoHighlight&&v.suggestions&&v.suggestions.length&&f.addClass(K.current.firstChild.firstChild,"p-highlight")},onEntered:function(){q(),v.onShow&&v.onShow()},onExit:function(){z()},onExited:function(){d.clear(K.current),v.onHide&&v.onHide()}}))),Ee&&e.createElement(c,C({target:A,content:v.tooltip},v.tooltipOptions)))})));L.displayName="AutoComplete",L.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null};export{L as AutoComplete};
|
|
1
|
+
import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as l,useMountEffect as o,useUpdateEffect as r,useUnmountEffect as i}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as u}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as p,ObjectUtils as s,UniqueComponentId as m,ZIndexUtils as d,DomHandler as f,IconUtils as g}from"primereact/utils";import{CSSTransition as v}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{Ripple as y}from"primereact/ripple";import{VirtualScroller as b}from"primereact/virtualscroller";function C(){return C=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},C.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return E(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}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 k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return r}}function D(){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 N(e,t){return O(e)||I(e,t)||S(e,t)||D()}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var F=e.memo(e.forwardRef((function(t,n){var l,o,r,i=function(e){return s.resolveFieldData(e,t.optionGroupLabel)},a=function(n,l){if(t.optionGroupLabel){var o=t.optionGroupTemplate?s.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),r=(u=l,t.getOptionGroupChildren(n).map((function(n,l){var o=u+"_"+l,r=t.selectedItem===n,i=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,l):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:o,role:"option","aria-selected":r,className:"p-autocomplete-item",onClick:function(e){return t.onItemClick(e,n)},"data-group":u,"data-index":l},i,e.createElement(y,null))}))),a=l+"_"+i(n);return e.createElement(e.Fragment,{key:a},e.createElement("li",{className:"p-autocomplete-item-group"},o),r)}var u,c=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,l):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:l,role:"option","aria-selected":t.selectedItem===n,className:"p-autocomplete-item",onClick:function(e){return t.onItemClick(e,n)}},c,e.createElement(y,null))},u=function(){if(t.virtualScrollerOptions){var n=j(j({},t.virtualScrollerOptions),{style:j(j({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),items:t.suggestions,itemTemplate:function(e,t){return e&&a(e,t.index)},contentTemplate:function(n){var l=p("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:l,role:"listbox",id:t.listId},n.children)}});return e.createElement(b,C({ref:t.virtualScrollerRef},n))}var l=t.suggestions?t.suggestions.map(a):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:t.listId},l)},c=(l=p("p-autocomplete-panel p-component",t.panelClassName),o=j({maxHeight:t.scrollHeight},t.panelStyle||{}),r=u(),e.createElement(v,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:l,style:o,onClick:t.onClick},r)));return e.createElement(h,{element:c,appendTo:t.appendTo})})));F.displayName="AutoCompletePanel";var R=e.memo(e.forwardRef((function(v,h){var y=N(e.useState(v.id),2),b=y[0],E=y[1],O=N(e.useState(!1),2),I=O[0],D=O[1],T=N(e.useState(!1),2),P=T[0],j=T[1],M=N(e.useState(!1),2),G=M[0],L=M[1],A=e.useRef(null),K=e.useRef(null),U=e.useRef(v.inputRef),H=e.useRef(null),_=e.useRef(null),B=e.useRef(null),J=e.useRef(null),X=N(l({target:A,overlay:K,listener:function(e,t){t.valid&&("outside"===t.type?!V(e)&&te():te())},when:G}),2),q=X[0],z=X[1],V=function(e){return v.multiple?e.target===H.current||H.current.contains(e.target):e.target===U.current},Y=function(e){B.current&&clearTimeout(B.current);var t=e.target.value;v.multiple||Q(e,t),s.isEmpty(t)?(te(),v.onClear&&v.onClear(e)):t.length>=v.minLength?B.current=setTimeout((function(){Z(e,t,"input")}),v.delay):te()},Z=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||v.completeMethod&&(D(!0),v.completeMethod({originalEvent:e,query:t})))},$=function(e,t,n){if(v.multiple){if(U.current.value="",!ge(t)){var l=v.value?[].concat(w(o=v.value)||x(o)||S(o)||k(),[t]):[t];Q(e,l)}}else ee(t),Q(e,t);var o;v.onSelect&&v.onSelect({originalEvent:e,value:t}),n||(U.current.focus(),te())},Q=function(e,t){J&&J.current===t||(v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:v.name,id:b,value:t}}),J.current=t)},W=function(e){if(e){if(v.selectedItemTemplate&&(v.multiple?ge(e):ve(e)>-1)){var t=s.getJSXElement(v.selectedItemTemplate,e);return t||e}if(v.field){var n=s.resolveFieldData(e,v.field);return null!=n?n:e}return e}return""},ee=function(e){U.current.value=W(e)},te=function(){L(!1),D(!1)},ne=function(){f.alignOverlay(K.current,v.multiple?H.current:U.current,v.appendTo||t.appendTo)},le=function(e){v.dropdownAutoFocus&&U.current.focus(),"blank"===v.dropdownMode?Z(e,"","dropdown"):"current"===v.dropdownMode&&Z(e,U.current.value,"dropdown"),v.onDropdownClick&&v.onDropdownClick({originalEvent:e,query:U.current.value})},oe=function(e,t){var n=v.value[t],l=v.value.filter((function(e,n){return t!==n}));Q(e,l),v.onUnselect&&v.onUnselect({originalEvent:e,value:n})},re=function(e){if(G){var t=f.findSingle(K.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=ae(t);n&&(f.addClass(n,"p-highlight"),f.removeClass(t,"p-highlight"),f.scrollInView(he(),n))}else t=f.findSingle(K.current,"li"),f.hasClass(t,"p-autocomplete-item-group")&&(t=ae(t)),t&&f.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var l=ue(t);l&&(f.addClass(l,"p-highlight"),f.removeClass(t,"p-highlight"),f.scrollInView(he(),l))}e.preventDefault();break;case 13:t&&(ie(e,t),te()),e.preventDefault();break;case 27:te(),e.preventDefault();break;case 9:t&&ie(e,t),te()}}if(v.multiple&&8===e.which)if(v.value&&v.value.length&&!U.current.value){var o=v.value[v.value.length-1],r=v.value.slice(0,-1);Q(e,r),v.onUnselect&&v.onUnselect({originalEvent:e,value:o})}},ie=function(e,t){v.optionGroupLabel?$(e,ye(v.suggestions[t.dataset.group])[t.dataset.index]):$(e,v.suggestions[f.index(t)])},ae=function e(t){var n=t.nextElementSibling;return n?f.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ue=function e(t){var n=t.previousElementSibling;return n?f.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ce=function(e){j(!0),v.onFocus&&v.onFocus(e)},pe=function(e){var t=e.target.value.trim(),n=(v.suggestions||[]).find((function(e){var n=v.field?s.resolveFieldData(e,v.field):e;return n&&t===n.trim()}));n?$(e,n,!0):(U.current.value="",Q(e,null),v.onClear&&v.onClear(e))},se=function(e){j(!1),v.forceSelection&&pe(e),v.onBlur&&v.onBlur(e)},me=function(e){U.current.focus(),v.onClick&&v.onClick(e)},de=function(e){ce(e),f.addClass(H.current,"p-focus")},fe=function(e){se(e),f.removeClass(H.current,"p-focus")},ge=function(e){return!!v.value&&v.value.some((function(t){return s.equals(t,e)}))},ve=function(e){return v.suggestions?v.suggestions.findIndex((function(t){return s.equals(t,e)})):-1},he=function(){return _.current?K.current.firstChild:K.current},ye=function(e){return s.resolveFieldData(e,v.optionGroupChildren)};e.useEffect((function(){s.combinedRefs(U,v.inputRef)}),[U,v.inputRef]),o((function(){b||E(m()),v.autoFocus&&U.current&&U.current.focus()})),r((function(){I&&(s.isNotEmpty(v.suggestions)?L(!0):te(),D(!1))}),[v.suggestions]),r((function(){U.current&&!v.multiple&&ee(v.value)})),i((function(){B.current&&clearTimeout(B.current),d.clear(K.current)})),e.useImperativeHandle(h,(function(){return{search:Z}}));var be=function(){var t=W(v.value),n=G?b+"_list":null,l=p("p-autocomplete-input",v.inputClassName,{"p-autocomplete-dd-input":v.dropdown});return e.createElement(a,{ref:U,id:v.inputId,type:v.type,name:v.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":G,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],className:l,style:v.inputStyle,autoComplete:"off",readOnly:v.readOnly,disabled:v.disabled,placeholder:v.placeholder,size:v.size,maxLength:v.maxLength,tabIndex:v.tabIndex,onBlur:se,onFocus:ce,onChange:Y,onMouseDown:v.onMouseDown,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onContextMenu:v.onContextMenu,onClick:v.onClick,onDoubleClick:v.onDblClick})},Ce=function(){var t=p("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":v.disabled}),n=s.isNotEmpty(v.value)?v.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},W(t)),!v.disabled&&g.getJSXIcon(v.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return oe(e,n)}},{props:v}))})):null;return e.createElement("ul",{ref:H,className:t,onContextMenu:v.onContextMenu,onMouseDown:v.onMouseDown,onClick:me,onDoubleClick:v.onDblClick},n,e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",{ref:U,type:v.type,disabled:v.disabled,placeholder:v.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":G?b+"_list":null,"aria-haspopup":"listbox","aria-expanded":G,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],autoComplete:"off",tabIndex:v.tabIndex,onChange:Y,id:v.inputId,name:v.name,style:v.inputStyle,className:v.inputClassName,maxLength:v.maxLength,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onFocus:de,onBlur:fe})))},Ee=b+"_list",we=s.isNotEmpty(v.tooltip),xe=s.findDiffKeys(v,R.defaultProps),Se=p("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":v.dropdown,"p-autocomplete-multiple":v.multiple,"p-inputwrapper-filled":v.value,"p-inputwrapper-focus":P},v.className),ke=I?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,Oe=v.multiple?Ce():be(),Ie=v.dropdown?e.createElement(n,{type:"button",icon:v.dropdownIcon,className:"p-autocomplete-dropdown",disabled:v.disabled,onClick:le}):null;return e.createElement(e.Fragment,null,e.createElement("span",C({ref:A,id:b,style:v.style,className:Se},xe),Oe,ke,Ie,e.createElement(F,C({ref:K,virtualScrollerRef:_},v,{listId:Ee,onItemClick:$,selectedItem:J,onClick:function(e){u.emit("overlay-click",{originalEvent:e,target:A.current})},getOptionGroupLabel:function(e){return v.optionGroupLabel?s.resolveFieldData(e,v.optionGroupLabel):e},getOptionGroupChildren:ye,in:G,onEnter:function(){d.set("overlay",K.current,t.autoZIndex,t.zIndex.overlay),ne()},onEntering:function(){if(v.autoHighlight&&v.suggestions&&v.suggestions.length){var e=he().firstChild.firstChild;f.addClass(e,"p-highlight")}},onEntered:function(){q(),v.onShow&&v.onShow()},onExit:function(){z()},onExited:function(){d.clear(K.current),v.onHide&&v.onHide()}}))),we&&e.createElement(c,C({target:A,content:v.tooltip},v.tooltipOptions)))})));R.displayName="AutoComplete",R.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null};export{R as AutoComplete};
|
|
@@ -447,7 +447,8 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
447
447
|
|
|
448
448
|
var onOverlayEntering = function onOverlayEntering() {
|
|
449
449
|
if (props.autoHighlight && props.suggestions && props.suggestions.length) {
|
|
450
|
-
|
|
450
|
+
var element = getScrollableElement().firstChild.firstChild;
|
|
451
|
+
utils.DomHandler.addClass(element, 'p-highlight');
|
|
451
452
|
}
|
|
452
453
|
};
|
|
453
454
|
|
|
@@ -520,7 +521,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
520
521
|
if (nextElement) {
|
|
521
522
|
utils.DomHandler.addClass(nextElement, 'p-highlight');
|
|
522
523
|
utils.DomHandler.removeClass(highlightItem, 'p-highlight');
|
|
523
|
-
utils.DomHandler.scrollInView(
|
|
524
|
+
utils.DomHandler.scrollInView(getScrollableElement(), nextElement);
|
|
524
525
|
}
|
|
525
526
|
} else {
|
|
526
527
|
highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li');
|
|
@@ -545,7 +546,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
545
546
|
if (previousElement) {
|
|
546
547
|
utils.DomHandler.addClass(previousElement, 'p-highlight');
|
|
547
548
|
utils.DomHandler.removeClass(highlightItem, 'p-highlight');
|
|
548
|
-
utils.DomHandler.scrollInView(
|
|
549
|
+
utils.DomHandler.scrollInView(getScrollableElement(), previousElement);
|
|
549
550
|
}
|
|
550
551
|
}
|
|
551
552
|
|
|
@@ -678,6 +679,10 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
678
679
|
}) : -1;
|
|
679
680
|
};
|
|
680
681
|
|
|
682
|
+
var getScrollableElement = function getScrollableElement() {
|
|
683
|
+
return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
|
|
684
|
+
};
|
|
685
|
+
|
|
681
686
|
var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
|
|
682
687
|
return props.optionGroupLabel ? utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
|
|
683
688
|
};
|
|
@@ -724,7 +729,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
724
729
|
|
|
725
730
|
var createSimpleAutoComplete = function createSimpleAutoComplete() {
|
|
726
731
|
var value = formatValue(props.value);
|
|
727
|
-
var ariaControls = idState + '_list';
|
|
732
|
+
var ariaControls = overlayVisibleState ? idState + '_list' : null;
|
|
728
733
|
var className = utils.classNames('p-autocomplete-input', props.inputClassName, {
|
|
729
734
|
'p-autocomplete-dd-input': props.dropdown
|
|
730
735
|
});
|
|
@@ -734,10 +739,13 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
734
739
|
type: props.type,
|
|
735
740
|
name: props.name,
|
|
736
741
|
defaultValue: value,
|
|
737
|
-
role: "
|
|
742
|
+
role: "combobox",
|
|
738
743
|
"aria-autocomplete": "list",
|
|
739
744
|
"aria-controls": ariaControls,
|
|
740
|
-
"aria-
|
|
745
|
+
"aria-haspopup": "listbox",
|
|
746
|
+
"aria-expanded": overlayVisibleState,
|
|
747
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
748
|
+
"aria-label": props['aria-label'],
|
|
741
749
|
className: className,
|
|
742
750
|
style: props.inputStyle,
|
|
743
751
|
autoComplete: "off",
|
|
@@ -784,7 +792,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
784
792
|
};
|
|
785
793
|
|
|
786
794
|
var createMultiInput = function createMultiInput() {
|
|
787
|
-
var ariaControls = idState + '_list';
|
|
795
|
+
var ariaControls = overlayVisibleState ? idState + '_list' : null;
|
|
788
796
|
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
789
797
|
className: "p-autocomplete-input-token"
|
|
790
798
|
}, /*#__PURE__*/React__namespace.createElement("input", {
|
|
@@ -792,10 +800,13 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
792
800
|
type: props.type,
|
|
793
801
|
disabled: props.disabled,
|
|
794
802
|
placeholder: props.placeholder,
|
|
795
|
-
role: "
|
|
803
|
+
role: "combobox",
|
|
796
804
|
"aria-autocomplete": "list",
|
|
797
805
|
"aria-controls": ariaControls,
|
|
798
|
-
"aria-
|
|
806
|
+
"aria-haspopup": "listbox",
|
|
807
|
+
"aria-expanded": overlayVisibleState,
|
|
808
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
809
|
+
"aria-label": props['aria-label'],
|
|
799
810
|
autoComplete: "off",
|
|
800
811
|
tabIndex: props.tabIndex,
|
|
801
812
|
onChange: onInputChange,
|
|
@@ -872,10 +883,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
872
883
|
ref: elementRef,
|
|
873
884
|
id: idState,
|
|
874
885
|
style: props.style,
|
|
875
|
-
className: className
|
|
876
|
-
"aria-haspopup": "listbox",
|
|
877
|
-
"aria-expanded": overlayVisibleState,
|
|
878
|
-
"aria-owns": listId
|
|
886
|
+
className: className
|
|
879
887
|
}, otherProps), input, loader, dropdown, /*#__PURE__*/React__namespace.createElement(AutoCompletePanel, _extends({
|
|
880
888
|
ref: overlayRef,
|
|
881
889
|
virtualScrollerRef: virtualScrollerRef
|
|
@@ -937,13 +945,14 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
|
|
|
937
945
|
autoFocus: false,
|
|
938
946
|
tooltip: null,
|
|
939
947
|
tooltipOptions: null,
|
|
940
|
-
ariaLabelledBy: null,
|
|
941
948
|
completeMethod: null,
|
|
942
949
|
itemTemplate: null,
|
|
943
950
|
selectedItemTemplate: null,
|
|
944
951
|
transitionOptions: null,
|
|
945
952
|
dropdownIcon: 'pi pi-chevron-down',
|
|
946
953
|
removeIcon: 'pi pi-times-circle',
|
|
954
|
+
'aria-label': null,
|
|
955
|
+
'aria-labelledby': null,
|
|
947
956
|
onChange: null,
|
|
948
957
|
onFocus: null,
|
|
949
958
|
onBlur: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.autocomplete=function(e,t,n,l,o,r,a,i,u,c,s,p,m){"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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=f(t),v=d(n);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},b.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function h(e){if(Array.isArray(e))return y(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return w(e)||D(e,t)||E(e,t)||x()}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function I(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){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=g.memo(g.forwardRef((function(e,t){var n,l,o,r=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},a=function(t,n){if(e.optionGroupLabel){var l=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),o=(i=n,e.getOptionGroupChildren(t).map((function(t,n){var l=i+"_"+n,o=e.selectedItem===t,r=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:l,role:"option","aria-selected":o,className:"p-autocomplete-item",onClick:function(n){return e.onItemClick(n,t)},"data-group":i,"data-index":n},r,g.createElement(p.Ripple,null))}))),a=n+"_"+r(t);return g.createElement(g.Fragment,{key:a},g.createElement("li",{className:"p-autocomplete-item-group"},l),o)}var i,c=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:n,role:"option","aria-selected":e.selectedItem===t,className:"p-autocomplete-item",onClick:function(n){return e.onItemClick(n,t)}},c,g.createElement(p.Ripple,null))},i=function(){if(e.virtualScrollerOptions){var t=I(I({},e.virtualScrollerOptions),{style:I(I({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),items:e.suggestions,itemTemplate:function(e,t){return e&&a(e,t.index)},contentTemplate:function(t){var n=u.classNames("p-autocomplete-items",t.className);return g.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.listId},t.children)}});return g.createElement(m.VirtualScroller,b({ref:e.virtualScrollerRef},t))}var n=e.suggestions?e.suggestions.map(a):null;return g.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:e.listId},n)},d=(n=u.classNames("p-autocomplete-panel p-component",e.panelClassName),l=I({maxHeight:e.scrollHeight},e.panelStyle||{}),o=i(),g.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},g.createElement("div",{ref:t,className:n,style:l,onClick:e.onClick},o)));return g.createElement(s.Portal,{element:d,appendTo:e.appendTo})})));U.displayName="AutoCompletePanel";var N=g.memo(g.forwardRef((function(e,t){var n=S(g.useState(e.id),2),c=n[0],s=n[1],p=S(g.useState(!1),2),m=p[0],d=p[1],f=S(g.useState(!1),2),y=f[0],w=f[1],D=S(g.useState(!1),2),x=D[0],j=D[1],k=g.useRef(null),I=g.useRef(null),H=g.useRef(e.inputRef),T=g.useRef(null),P=g.useRef(null),R=g.useRef(null),M=g.useRef(null),L=S(o.useOverlayListener({target:k,overlay:I,listener:function(e,t){t.valid&&("outside"===t.type?!G(e)&&X():X())},when:x}),2),F=L[0],A=L[1],G=function(t){return e.multiple?t.target===T.current||T.current.contains(t.target):t.target===H.current},K=function(t){R.current&&clearTimeout(R.current);var n=t.target.value;e.multiple||q(t,n),u.ObjectUtils.isEmpty(n)?(X(),e.onClear&&e.onClear(t)):n.length>=e.minLength?R.current=setTimeout((function(){_(t,n,"input")}),e.delay):X()},_=function(t,n,l){null!=n&&("input"===l&&0===n.trim().length||e.completeMethod&&(d(!0),e.completeMethod({originalEvent:t,query:n})))},B=function(t,n,l){if(e.multiple){if(H.current.value="",!ie(n)){var o=e.value?[].concat(h(r=e.value)||C(r)||E(r)||O(),[n]):[n];q(t,o)}}else J(n),q(t,n);var r;e.onSelect&&e.onSelect({originalEvent:t,value:n}),l||(H.current.focus(),X())},q=function(t,n){M&&M.current===n||(e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:c,value:n}}),M.current=n)},z=function(t){if(t){if(e.selectedItemTemplate&&(e.multiple?ie(t):ue(t)>-1)){var n=u.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return n||t}if(e.field){var l=u.ObjectUtils.resolveFieldData(t,e.field);return null!=l?l:t}return t}return""},J=function(e){H.current.value=z(e)},X=function(){j(!1),d(!1)},V=function(){u.DomHandler.alignOverlay(I.current,e.multiple?T.current:H.current,e.appendTo||v.default.appendTo)},Z=function(t){e.dropdownAutoFocus&&H.current.focus(),"blank"===e.dropdownMode?_(t,"","dropdown"):"current"===e.dropdownMode&&_(t,H.current.value,"dropdown"),e.onDropdownClick&&e.onDropdownClick({originalEvent:t,query:H.current.value})},Y=function(t,n){var l=e.value[n],o=e.value.filter((function(e,t){return n!==t}));q(t,o),e.onUnselect&&e.onUnselect({originalEvent:t,value:l})},$=function(t){if(x){var n=u.DomHandler.findSingle(I.current,"li.p-highlight");switch(t.which){case 40:if(n){var l=W(n);l&&(u.DomHandler.addClass(l,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(I.current,l))}else n=u.DomHandler.findSingle(I.current,"li"),u.DomHandler.hasClass(n,"p-autocomplete-item-group")&&(n=W(n)),n&&u.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var o=ee(n);o&&(u.DomHandler.addClass(o,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(I.current,o))}t.preventDefault();break;case 13:n&&(Q(t,n),X()),t.preventDefault();break;case 27:X(),t.preventDefault();break;case 9:n&&Q(t,n),X()}}if(e.multiple&&8===t.which)if(e.value&&e.value.length&&!H.current.value){var r=e.value[e.value.length-1],a=e.value.slice(0,-1);q(t,a),e.onUnselect&&e.onUnselect({originalEvent:t,value:r})}},Q=function(t,n){e.optionGroupLabel?B(t,ce(e.suggestions[n.dataset.group])[n.dataset.index]):B(t,e.suggestions[u.DomHandler.index(n)])},W=function e(t){var n=t.nextElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ee=function e(t){var n=t.previousElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},te=function(t){w(!0),e.onFocus&&e.onFocus(t)},ne=function(t){var n=t.target.value.trim(),l=(e.suggestions||[]).find((function(t){var l=e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return l&&n===l.trim()}));l?B(t,l,!0):(H.current.value="",q(t,null),e.onClear&&e.onClear(t))},le=function(t){w(!1),e.forceSelection&&ne(t),e.onBlur&&e.onBlur(t)},oe=function(t){H.current.focus(),e.onClick&&e.onClick(t)},re=function(e){te(e),u.DomHandler.addClass(T.current,"p-focus")},ae=function(e){le(e),u.DomHandler.removeClass(T.current,"p-focus")},ie=function(t){return!!e.value&&e.value.some((function(e){return u.ObjectUtils.equals(e,t)}))},ue=function(t){return e.suggestions?e.suggestions.findIndex((function(e){return u.ObjectUtils.equals(e,t)})):-1},ce=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)};g.useEffect((function(){u.ObjectUtils.combinedRefs(H,e.inputRef)}),[H,e.inputRef]),o.useMountEffect((function(){c||s(u.UniqueComponentId()),e.autoFocus&&H.current&&H.current.focus()})),o.useUpdateEffect((function(){m&&(u.ObjectUtils.isNotEmpty(e.suggestions)?j(!0):X(),d(!1))}),[e.suggestions]),o.useUpdateEffect((function(){H.current&&!e.multiple&&J(e.value)})),o.useUnmountEffect((function(){R.current&&clearTimeout(R.current),u.ZIndexUtils.clear(I.current)})),g.useImperativeHandle(t,(function(){return{search:_}}));var se=function(){var t=z(e.value),n=c+"_list",l=u.classNames("p-autocomplete-input",e.inputClassName,{"p-autocomplete-dd-input":e.dropdown});return g.createElement(r.InputText,{ref:H,id:e.inputId,type:e.type,name:e.name,defaultValue:t,role:"searchbox","aria-autocomplete":"list","aria-controls":n,"aria-labelledby":e.ariaLabelledBy,className:l,style:e.inputStyle,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,placeholder:e.placeholder,size:e.size,maxLength:e.maxLength,tabIndex:e.tabIndex,onBlur:le,onFocus:te,onChange:K,onMouseDown:e.onMouseDown,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onContextMenu:e.onContextMenu,onClick:e.onClick,onDoubleClick:e.onDblClick})},pe=function(){var t=u.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.disabled}),n=u.ObjectUtils.isNotEmpty(e.value)?e.value.map((function(t,n){return g.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},g.createElement("span",{className:"p-autocomplete-token-label"},z(t)),!e.disabled&&u.IconUtils.getJSXIcon(e.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return Y(e,n)}},{props:e}))})):null;return g.createElement("ul",{ref:T,className:t,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown,onClick:oe,onDoubleClick:e.onDblClick},n,g.createElement("li",{className:"p-autocomplete-input-token"},g.createElement("input",{ref:H,type:e.type,disabled:e.disabled,placeholder:e.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":c+"_list","aria-labelledby":e.ariaLabelledBy,autoComplete:"off",tabIndex:e.tabIndex,onChange:K,id:e.inputId,name:e.name,style:e.inputStyle,className:e.inputClassName,maxLength:e.maxLength,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onFocus:re,onBlur:ae})))},me=c+"_list",de=u.ObjectUtils.isNotEmpty(e.tooltip),fe=u.ObjectUtils.findDiffKeys(e,N.defaultProps),ge=u.classNames("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":e.dropdown,"p-autocomplete-multiple":e.multiple,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":y},e.className),ve=m?g.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,be=e.multiple?pe():se(),ye=e.dropdown?g.createElement(l.Button,{type:"button",icon:e.dropdownIcon,className:"p-autocomplete-dropdown",disabled:e.disabled,onClick:Z}):null;return g.createElement(g.Fragment,null,g.createElement("span",b({ref:k,id:c,style:e.style,className:ge,"aria-haspopup":"listbox","aria-expanded":x,"aria-owns":me},fe),be,ve,ye,g.createElement(U,b({ref:I,virtualScrollerRef:P},e,{listId:me,onItemClick:B,selectedItem:M,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:k.current})},getOptionGroupLabel:function(t){return e.optionGroupLabel?u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel):t},getOptionGroupChildren:ce,in:x,onEnter:function(){u.ZIndexUtils.set("overlay",I.current,v.default.autoZIndex,v.default.zIndex.overlay),V()},onEntering:function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&u.DomHandler.addClass(I.current.firstChild.firstChild,"p-highlight")},onEntered:function(){F(),e.onShow&&e.onShow()},onExit:function(){A()},onExited:function(){u.ZIndexUtils.clear(I.current),e.onHide&&e.onHide()}}))),de&&g.createElement(i.Tooltip,b({target:k,content:e.tooltip},e.tooltipOptions)))})));return N.displayName="AutoComplete",N.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null},e.AutoComplete=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.inputtext,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.ripple,primereact.virtualscroller);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.autocomplete=function(e,t,n,l,o,r,a,i,u,c,s,p,m){"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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=f(t),v=d(n);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},b.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function h(e){if(Array.isArray(e))return y(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return w(e)||D(e,t)||E(e,t)||x()}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function I(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){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=g.memo(g.forwardRef((function(e,t){var n,l,o,r=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},a=function(t,n){if(e.optionGroupLabel){var l=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),o=(i=n,e.getOptionGroupChildren(t).map((function(t,n){var l=i+"_"+n,o=e.selectedItem===t,r=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:l,role:"option","aria-selected":o,className:"p-autocomplete-item",onClick:function(n){return e.onItemClick(n,t)},"data-group":i,"data-index":n},r,g.createElement(p.Ripple,null))}))),a=n+"_"+r(t);return g.createElement(g.Fragment,{key:a},g.createElement("li",{className:"p-autocomplete-item-group"},l),o)}var i,c=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:n,role:"option","aria-selected":e.selectedItem===t,className:"p-autocomplete-item",onClick:function(n){return e.onItemClick(n,t)}},c,g.createElement(p.Ripple,null))},i=function(){if(e.virtualScrollerOptions){var t=I(I({},e.virtualScrollerOptions),{style:I(I({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),items:e.suggestions,itemTemplate:function(e,t){return e&&a(e,t.index)},contentTemplate:function(t){var n=u.classNames("p-autocomplete-items",t.className);return g.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.listId},t.children)}});return g.createElement(m.VirtualScroller,b({ref:e.virtualScrollerRef},t))}var n=e.suggestions?e.suggestions.map(a):null;return g.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:e.listId},n)},d=(n=u.classNames("p-autocomplete-panel p-component",e.panelClassName),l=I({maxHeight:e.scrollHeight},e.panelStyle||{}),o=i(),g.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},g.createElement("div",{ref:t,className:n,style:l,onClick:e.onClick},o)));return g.createElement(s.Portal,{element:d,appendTo:e.appendTo})})));U.displayName="AutoCompletePanel";var N=g.memo(g.forwardRef((function(e,t){var n=S(g.useState(e.id),2),c=n[0],s=n[1],p=S(g.useState(!1),2),m=p[0],d=p[1],f=S(g.useState(!1),2),y=f[0],w=f[1],D=S(g.useState(!1),2),x=D[0],j=D[1],k=g.useRef(null),I=g.useRef(null),H=g.useRef(e.inputRef),T=g.useRef(null),P=g.useRef(null),R=g.useRef(null),M=g.useRef(null),F=S(o.useOverlayListener({target:k,overlay:I,listener:function(e,t){t.valid&&("outside"===t.type?!G(e)&&X():X())},when:x}),2),L=F[0],A=F[1],G=function(t){return e.multiple?t.target===T.current||T.current.contains(t.target):t.target===H.current},K=function(t){R.current&&clearTimeout(R.current);var n=t.target.value;e.multiple||q(t,n),u.ObjectUtils.isEmpty(n)?(X(),e.onClear&&e.onClear(t)):n.length>=e.minLength?R.current=setTimeout((function(){_(t,n,"input")}),e.delay):X()},_=function(t,n,l){null!=n&&("input"===l&&0===n.trim().length||e.completeMethod&&(d(!0),e.completeMethod({originalEvent:t,query:n})))},B=function(t,n,l){if(e.multiple){if(H.current.value="",!ie(n)){var o=e.value?[].concat(h(r=e.value)||C(r)||E(r)||O(),[n]):[n];q(t,o)}}else J(n),q(t,n);var r;e.onSelect&&e.onSelect({originalEvent:t,value:n}),l||(H.current.focus(),X())},q=function(t,n){M&&M.current===n||(e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:c,value:n}}),M.current=n)},z=function(t){if(t){if(e.selectedItemTemplate&&(e.multiple?ie(t):ue(t)>-1)){var n=u.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return n||t}if(e.field){var l=u.ObjectUtils.resolveFieldData(t,e.field);return null!=l?l:t}return t}return""},J=function(e){H.current.value=z(e)},X=function(){j(!1),d(!1)},V=function(){u.DomHandler.alignOverlay(I.current,e.multiple?T.current:H.current,e.appendTo||v.default.appendTo)},Z=function(t){e.dropdownAutoFocus&&H.current.focus(),"blank"===e.dropdownMode?_(t,"","dropdown"):"current"===e.dropdownMode&&_(t,H.current.value,"dropdown"),e.onDropdownClick&&e.onDropdownClick({originalEvent:t,query:H.current.value})},Y=function(t,n){var l=e.value[n],o=e.value.filter((function(e,t){return n!==t}));q(t,o),e.onUnselect&&e.onUnselect({originalEvent:t,value:l})},$=function(t){if(x){var n=u.DomHandler.findSingle(I.current,"li.p-highlight");switch(t.which){case 40:if(n){var l=W(n);l&&(u.DomHandler.addClass(l,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(ce(),l))}else n=u.DomHandler.findSingle(I.current,"li"),u.DomHandler.hasClass(n,"p-autocomplete-item-group")&&(n=W(n)),n&&u.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var o=ee(n);o&&(u.DomHandler.addClass(o,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(ce(),o))}t.preventDefault();break;case 13:n&&(Q(t,n),X()),t.preventDefault();break;case 27:X(),t.preventDefault();break;case 9:n&&Q(t,n),X()}}if(e.multiple&&8===t.which)if(e.value&&e.value.length&&!H.current.value){var r=e.value[e.value.length-1],a=e.value.slice(0,-1);q(t,a),e.onUnselect&&e.onUnselect({originalEvent:t,value:r})}},Q=function(t,n){e.optionGroupLabel?B(t,se(e.suggestions[n.dataset.group])[n.dataset.index]):B(t,e.suggestions[u.DomHandler.index(n)])},W=function e(t){var n=t.nextElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ee=function e(t){var n=t.previousElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},te=function(t){w(!0),e.onFocus&&e.onFocus(t)},ne=function(t){var n=t.target.value.trim(),l=(e.suggestions||[]).find((function(t){var l=e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return l&&n===l.trim()}));l?B(t,l,!0):(H.current.value="",q(t,null),e.onClear&&e.onClear(t))},le=function(t){w(!1),e.forceSelection&&ne(t),e.onBlur&&e.onBlur(t)},oe=function(t){H.current.focus(),e.onClick&&e.onClick(t)},re=function(e){te(e),u.DomHandler.addClass(T.current,"p-focus")},ae=function(e){le(e),u.DomHandler.removeClass(T.current,"p-focus")},ie=function(t){return!!e.value&&e.value.some((function(e){return u.ObjectUtils.equals(e,t)}))},ue=function(t){return e.suggestions?e.suggestions.findIndex((function(e){return u.ObjectUtils.equals(e,t)})):-1},ce=function(){return P.current?I.current.firstChild:I.current},se=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)};g.useEffect((function(){u.ObjectUtils.combinedRefs(H,e.inputRef)}),[H,e.inputRef]),o.useMountEffect((function(){c||s(u.UniqueComponentId()),e.autoFocus&&H.current&&H.current.focus()})),o.useUpdateEffect((function(){m&&(u.ObjectUtils.isNotEmpty(e.suggestions)?j(!0):X(),d(!1))}),[e.suggestions]),o.useUpdateEffect((function(){H.current&&!e.multiple&&J(e.value)})),o.useUnmountEffect((function(){R.current&&clearTimeout(R.current),u.ZIndexUtils.clear(I.current)})),g.useImperativeHandle(t,(function(){return{search:_}}));var pe=function(){var t=z(e.value),n=x?c+"_list":null,l=u.classNames("p-autocomplete-input",e.inputClassName,{"p-autocomplete-dd-input":e.dropdown});return g.createElement(r.InputText,{ref:H,id:e.inputId,type:e.type,name:e.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":x,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],className:l,style:e.inputStyle,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,placeholder:e.placeholder,size:e.size,maxLength:e.maxLength,tabIndex:e.tabIndex,onBlur:le,onFocus:te,onChange:K,onMouseDown:e.onMouseDown,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onContextMenu:e.onContextMenu,onClick:e.onClick,onDoubleClick:e.onDblClick})},me=function(){var t=u.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.disabled}),n=u.ObjectUtils.isNotEmpty(e.value)?e.value.map((function(t,n){return g.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},g.createElement("span",{className:"p-autocomplete-token-label"},z(t)),!e.disabled&&u.IconUtils.getJSXIcon(e.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return Y(e,n)}},{props:e}))})):null;return g.createElement("ul",{ref:T,className:t,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown,onClick:oe,onDoubleClick:e.onDblClick},n,g.createElement("li",{className:"p-autocomplete-input-token"},g.createElement("input",{ref:H,type:e.type,disabled:e.disabled,placeholder:e.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":x?c+"_list":null,"aria-haspopup":"listbox","aria-expanded":x,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],autoComplete:"off",tabIndex:e.tabIndex,onChange:K,id:e.inputId,name:e.name,style:e.inputStyle,className:e.inputClassName,maxLength:e.maxLength,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onFocus:re,onBlur:ae})))},de=c+"_list",fe=u.ObjectUtils.isNotEmpty(e.tooltip),ge=u.ObjectUtils.findDiffKeys(e,N.defaultProps),ve=u.classNames("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":e.dropdown,"p-autocomplete-multiple":e.multiple,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":y},e.className),be=m?g.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,ye=e.multiple?me():pe(),he=e.dropdown?g.createElement(l.Button,{type:"button",icon:e.dropdownIcon,className:"p-autocomplete-dropdown",disabled:e.disabled,onClick:Z}):null;return g.createElement(g.Fragment,null,g.createElement("span",b({ref:k,id:c,style:e.style,className:ve},ge),ye,be,he,g.createElement(U,b({ref:I,virtualScrollerRef:P},e,{listId:de,onItemClick:B,selectedItem:M,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:k.current})},getOptionGroupLabel:function(t){return e.optionGroupLabel?u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel):t},getOptionGroupChildren:se,in:x,onEnter:function(){u.ZIndexUtils.set("overlay",I.current,v.default.autoZIndex,v.default.zIndex.overlay),V()},onEntering:function(){if(e.autoHighlight&&e.suggestions&&e.suggestions.length){var t=ce().firstChild.firstChild;u.DomHandler.addClass(t,"p-highlight")}},onEntered:function(){L(),e.onShow&&e.onShow()},onExit:function(){A()},onExited:function(){u.ZIndexUtils.clear(I.current),e.onHide&&e.onHide()}}))),fe&&g.createElement(i.Tooltip,b({target:k,content:e.tooltip},e.tooltipOptions)))})));return N.displayName="AutoComplete",N.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null},e.AutoComplete=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.inputtext,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.ripple,primereact.virtualscroller);
|
|
@@ -71,7 +71,8 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
71
71
|
url = home.url,
|
|
72
72
|
disabled = home.disabled,
|
|
73
73
|
style = home.style,
|
|
74
|
-
_className = home.className
|
|
74
|
+
_className = home.className,
|
|
75
|
+
template = home.template;
|
|
75
76
|
|
|
76
77
|
var _className2 = utils.classNames('p-breadcrumb-home', {
|
|
77
78
|
'p-disabled': disabled
|
|
@@ -82,10 +83,7 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
82
83
|
}, {
|
|
83
84
|
props: props
|
|
84
85
|
});
|
|
85
|
-
|
|
86
|
-
className: _className2,
|
|
87
|
-
style: style
|
|
88
|
-
}, /*#__PURE__*/React__namespace.createElement("a", {
|
|
86
|
+
var content = /*#__PURE__*/React__namespace.createElement("a", {
|
|
89
87
|
href: url || '#',
|
|
90
88
|
className: "p-menuitem-link",
|
|
91
89
|
"aria-disabled": disabled,
|
|
@@ -93,7 +91,25 @@ var BreadCrumb = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
|
|
|
93
91
|
onClick: function onClick(event) {
|
|
94
92
|
return itemClick(event, home);
|
|
95
93
|
}
|
|
96
|
-
}, icon)
|
|
94
|
+
}, icon);
|
|
95
|
+
|
|
96
|
+
if (template) {
|
|
97
|
+
var defaultContentOptions = {
|
|
98
|
+
onClick: function onClick(event) {
|
|
99
|
+
return itemClick(event, home);
|
|
100
|
+
},
|
|
101
|
+
className: 'p-menuitem-link',
|
|
102
|
+
labelClassName: 'p-menuitem-text',
|
|
103
|
+
element: content,
|
|
104
|
+
props: props
|
|
105
|
+
};
|
|
106
|
+
content = utils.ObjectUtils.getJSXElement(template, home, defaultContentOptions);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
110
|
+
className: _className2,
|
|
111
|
+
style: style
|
|
112
|
+
}, content);
|
|
97
113
|
}
|
|
98
114
|
|
|
99
115
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var n=a.memo(a.forwardRef((function(e,r){var s=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}))},
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var n=a.memo(a.forwardRef((function(e,r){var s=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}))},i=function(){return a.createElement("li",{className:"p-breadcrumb-chevron pi pi-chevron-right"})},m=function(r){var l=t.classNames(r.className,{"p-disabled":r.disabled}),n=a.createElement("a",{href:r.url||"#",className:"p-menuitem-link",target:r.target,onClick:function(e){return s(e,r)},"aria-disabled":r.disabled},r.label&&a.createElement("span",{className:"p-menuitem-text"},r.label));r.template&&(n=t.ObjectUtils.getJSXElement(r.template,r,{onClick:function(e){return s(e,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:n,props:e}));return a.createElement("li",{className:l,style:r.style},n)},c=t.ObjectUtils.findDiffKeys(e,n.defaultProps),u=t.classNames("p-breadcrumb p-component",e.className),o=function(){var r=e.home;if(r){var l=r.icon,n=r.target,i=r.url,m=r.disabled,c=r.style,u=r.template,o=t.classNames("p-breadcrumb-home",{"p-disabled":m},r.className),p=t.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e}),d=a.createElement("a",{href:i||"#",className:"p-menuitem-link","aria-disabled":m,target:n,onClick:function(e){return s(e,r)}},p);if(u)d=t.ObjectUtils.getJSXElement(u,r,{onClick:function(e){return s(e,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:d,props:e});return a.createElement("li",{className:o,style:c},d)}return null}(),p=function(){if(e.model){var t=e.model.map((function(t,r){var l=m(t),n=r===e.model.length-1?null:i();return a.createElement(a.Fragment,{key:t.label+"_"+r},l,n)}));return t}return null}(),d=i();return a.createElement("nav",l({id:e.id,className:u,style:e.style,"aria-label":"Breadcrumb"},c),a.createElement("ul",null,o,d,p))})));n.displayName="BreadCrumb",n.defaultProps={__TYPE:"BreadCrumb",id:null,model:null,home:null,style:null,className:null},exports.BreadCrumb=n;
|
|
@@ -47,7 +47,8 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
47
47
|
url = home.url,
|
|
48
48
|
disabled = home.disabled,
|
|
49
49
|
style = home.style,
|
|
50
|
-
_className = home.className
|
|
50
|
+
_className = home.className,
|
|
51
|
+
template = home.template;
|
|
51
52
|
|
|
52
53
|
var _className2 = classNames('p-breadcrumb-home', {
|
|
53
54
|
'p-disabled': disabled
|
|
@@ -58,10 +59,7 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
58
59
|
}, {
|
|
59
60
|
props: props
|
|
60
61
|
});
|
|
61
|
-
|
|
62
|
-
className: _className2,
|
|
63
|
-
style: style
|
|
64
|
-
}, /*#__PURE__*/React.createElement("a", {
|
|
62
|
+
var content = /*#__PURE__*/React.createElement("a", {
|
|
65
63
|
href: url || '#',
|
|
66
64
|
className: "p-menuitem-link",
|
|
67
65
|
"aria-disabled": disabled,
|
|
@@ -69,7 +67,25 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
69
67
|
onClick: function onClick(event) {
|
|
70
68
|
return itemClick(event, home);
|
|
71
69
|
}
|
|
72
|
-
}, icon)
|
|
70
|
+
}, icon);
|
|
71
|
+
|
|
72
|
+
if (template) {
|
|
73
|
+
var defaultContentOptions = {
|
|
74
|
+
onClick: function onClick(event) {
|
|
75
|
+
return itemClick(event, home);
|
|
76
|
+
},
|
|
77
|
+
className: 'p-menuitem-link',
|
|
78
|
+
labelClassName: 'p-menuitem-text',
|
|
79
|
+
element: content,
|
|
80
|
+
props: props
|
|
81
|
+
};
|
|
82
|
+
content = ObjectUtils.getJSXElement(template, home, defaultContentOptions);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
86
|
+
className: _className2,
|
|
87
|
+
style: style
|
|
88
|
+
}, content);
|
|
73
89
|
}
|
|
74
90
|
|
|
75
91
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{ObjectUtils as
|
|
1
|
+
import*as e from"react";import{ObjectUtils as t,classNames as l,IconUtils as a}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n.apply(this,arguments)}var r=e.memo(e.forwardRef((function(m,i){var s=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}))},u=function(){return e.createElement("li",{className:"p-breadcrumb-chevron pi pi-chevron-right"})},c=function(a){var n=l(a.className,{"p-disabled":a.disabled}),r=e.createElement("a",{href:a.url||"#",className:"p-menuitem-link",target:a.target,onClick:function(e){return s(e,a)},"aria-disabled":a.disabled},a.label&&e.createElement("span",{className:"p-menuitem-text"},a.label));a.template&&(r=t.getJSXElement(a.template,a,{onClick:function(e){return s(e,a)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:r,props:m}));return e.createElement("li",{className:n,style:a.style},r)},o=t.findDiffKeys(m,r.defaultProps),p=l("p-breadcrumb p-component",m.className),d=function(){var n=m.home;if(n){var r=n.icon,i=n.target,u=n.url,c=n.disabled,o=n.style,p=n.template,d=l("p-breadcrumb-home",{"p-disabled":c},n.className),f=a.getJSXIcon(r,{className:"p-menuitem-icon"},{props:m}),b=e.createElement("a",{href:u||"#",className:"p-menuitem-link","aria-disabled":c,target:i,onClick:function(e){return s(e,n)}},f);if(p)b=t.getJSXElement(p,n,{onClick:function(e){return s(e,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:b,props:m});return e.createElement("li",{className:d,style:o},b)}return null}(),f=function(){if(m.model){var t=m.model.map((function(t,l){var a=c(t),n=l===m.model.length-1?null:u();return e.createElement(e.Fragment,{key:t.label+"_"+l},a,n)}));return t}return null}(),b=u();return e.createElement("nav",n({id:m.id,className:p,style:m.style,"aria-label":"Breadcrumb"},o),e.createElement("ul",null,d,b,f))})));r.displayName="BreadCrumb",r.defaultProps={__TYPE:"BreadCrumb",id:null,model:null,home:null,style:null,className:null};export{r as BreadCrumb};
|
package/breadcrumb/breadcrumb.js
CHANGED
|
@@ -68,7 +68,8 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
|
|
|
68
68
|
url = home.url,
|
|
69
69
|
disabled = home.disabled,
|
|
70
70
|
style = home.style,
|
|
71
|
-
_className = home.className
|
|
71
|
+
_className = home.className,
|
|
72
|
+
template = home.template;
|
|
72
73
|
|
|
73
74
|
var _className2 = utils.classNames('p-breadcrumb-home', {
|
|
74
75
|
'p-disabled': disabled
|
|
@@ -79,10 +80,7 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
|
|
|
79
80
|
}, {
|
|
80
81
|
props: props
|
|
81
82
|
});
|
|
82
|
-
|
|
83
|
-
className: _className2,
|
|
84
|
-
style: style
|
|
85
|
-
}, /*#__PURE__*/React__namespace.createElement("a", {
|
|
83
|
+
var content = /*#__PURE__*/React__namespace.createElement("a", {
|
|
86
84
|
href: url || '#',
|
|
87
85
|
className: "p-menuitem-link",
|
|
88
86
|
"aria-disabled": disabled,
|
|
@@ -90,7 +88,25 @@ this.primereact.breadcrumb = (function (exports, React, utils) {
|
|
|
90
88
|
onClick: function onClick(event) {
|
|
91
89
|
return itemClick(event, home);
|
|
92
90
|
}
|
|
93
|
-
}, icon)
|
|
91
|
+
}, icon);
|
|
92
|
+
|
|
93
|
+
if (template) {
|
|
94
|
+
var defaultContentOptions = {
|
|
95
|
+
onClick: function onClick(event) {
|
|
96
|
+
return itemClick(event, home);
|
|
97
|
+
},
|
|
98
|
+
className: 'p-menuitem-link',
|
|
99
|
+
labelClassName: 'p-menuitem-text',
|
|
100
|
+
element: content,
|
|
101
|
+
props: props
|
|
102
|
+
};
|
|
103
|
+
content = utils.ObjectUtils.getJSXElement(template, home, defaultContentOptions);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
107
|
+
className: _className2,
|
|
108
|
+
style: style
|
|
109
|
+
}, content);
|
|
94
110
|
}
|
|
95
111
|
|
|
96
112
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.breadcrumb=function(e,t,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.breadcrumb=function(e,t,a){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var l=r(t);function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},n.apply(this,arguments)}var i=l.memo(l.forwardRef((function(e,t){var r=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}))},c=function(){return l.createElement("li",{className:"p-breadcrumb-chevron pi pi-chevron-right"})},m=function(t){var n=a.classNames(t.className,{"p-disabled":t.disabled}),i=l.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return r(e,t)},"aria-disabled":t.disabled},t.label&&l.createElement("span",{className:"p-menuitem-text"},t.label));t.template&&(i=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return r(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:i,props:e}));return l.createElement("li",{className:n,style:t.style},i)},s=a.ObjectUtils.findDiffKeys(e,i.defaultProps),u=a.classNames("p-breadcrumb p-component",e.className),o=function(){var t=e.home;if(t){var n=t.icon,i=t.target,c=t.url,m=t.disabled,s=t.style,u=t.template,o=a.classNames("p-breadcrumb-home",{"p-disabled":m},t.className),p=a.IconUtils.getJSXIcon(n,{className:"p-menuitem-icon"},{props:e}),d=l.createElement("a",{href:c||"#",className:"p-menuitem-link","aria-disabled":m,target:i,onClick:function(e){return r(e,t)}},p);if(u)d=a.ObjectUtils.getJSXElement(u,t,{onClick:function(e){return r(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",element:d,props:e});return l.createElement("li",{className:o,style:s},d)}return null}(),p=function(){if(e.model){var t=e.model.map((function(t,a){var r=m(t),n=a===e.model.length-1?null:c();return l.createElement(l.Fragment,{key:t.label+"_"+a},r,n)}));return t}return null}(),d=c();return l.createElement("nav",n({id:e.id,className:u,style:e.style,"aria-label":"Breadcrumb"},s),l.createElement("ul",null,o,d,p))})));return i.displayName="BreadCrumb",i.defaultProps={__TYPE:"BreadCrumb",id:null,model:null,home:null,style:null,className:null},e.BreadCrumb=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
|
package/button/button.cjs.js
CHANGED
|
@@ -117,7 +117,7 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
|
|
|
117
117
|
var icon = createIcon();
|
|
118
118
|
var label = createLabel();
|
|
119
119
|
var badge = createBadge();
|
|
120
|
-
var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : '';
|
|
120
|
+
var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label'];
|
|
121
121
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", _extends({
|
|
122
122
|
ref: elementRef,
|
|
123
123
|
"aria-label": defaultAriaLabel
|
package/button/button.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=o.memo(o.forwardRef((function(e,a){var s=o.useRef(a);o.useEffect((function(){l.ObjectUtils.combinedRefs(s,a)}),[s,a]);var u=l.ObjectUtils.isNotEmpty(e.tooltip),p=e.disabled||e.loading,b=l.ObjectUtils.findDiffKeys(e,c.defaultProps),d=l.classNames("p-button p-component",e.className,i({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":p,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),f=function(){var t=e.loading?e.loadingIcon:e.icon,n=l.classNames("p-button-icon p-c",i({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return l.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),g=e.label?o.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&o.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:" "}}),m=function(){if(e.badge){var t=l.classNames("p-badge",e.badgeClassName);return o.createElement("span",{className:t},e.badge)}return null}();return o.createElement(o.Fragment,null,o.createElement("button",r({ref:s,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):""},b,{className:d,disabled:p}),f,g,e.children,m,o.createElement(t.Ripple,null)),u&&o.createElement(n.Tooltip,r({target:s,content:e.tooltip},e.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"},exports.Button=c;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=o.memo(o.forwardRef((function(e,a){var s=o.useRef(a);o.useEffect((function(){l.ObjectUtils.combinedRefs(s,a)}),[s,a]);var u=l.ObjectUtils.isNotEmpty(e.tooltip),p=e.disabled||e.loading,b=l.ObjectUtils.findDiffKeys(e,c.defaultProps),d=l.classNames("p-button p-component",e.className,i({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":p,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),f=function(){var t=e.loading?e.loadingIcon:e.icon,n=l.classNames("p-button-icon p-c",i({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return l.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),g=e.label?o.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&o.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:" "}}),m=function(){if(e.badge){var t=l.classNames("p-badge",e.badgeClassName);return o.createElement("span",{className:t},e.badge)}return null}();return o.createElement(o.Fragment,null,o.createElement("button",r({ref:s,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):e["aria-label"]},b,{className:d,disabled:p}),f,g,e.children,m,o.createElement(t.Ripple,null)),u&&o.createElement(n.Tooltip,r({target:s,content:e.tooltip},e.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"},exports.Button=c;
|
package/button/button.esm.js
CHANGED
|
@@ -93,7 +93,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
|
|
|
93
93
|
var icon = createIcon();
|
|
94
94
|
var label = createLabel();
|
|
95
95
|
var badge = createBadge();
|
|
96
|
-
var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : '';
|
|
96
|
+
var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label'];
|
|
97
97
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", _extends({
|
|
98
98
|
ref: elementRef,
|
|
99
99
|
"aria-label": defaultAriaLabel
|