primereact 8.0.1 → 8.1.0
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 +15 -11
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +0 -1
- package/autocomplete/autocomplete.esm.js +15 -11
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +15 -11
- 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 +2 -2
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +6 -5
- package/calendar/calendar.esm.js +2 -2
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +2 -2
- 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 +89 -41
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +5 -2
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +5 -2
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +5 -2
- package/datatable/datatable.min.css +1 -1
- package/datatable/datatable.min.js +1 -1
- package/dropdown/dropdown.cjs.js +2 -7
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.esm.js +2 -7
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +2 -7
- 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/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 +491 -311
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +491 -312
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +491 -311
- 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 +126 -122
- 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 +14 -4
- package/styleclass/styleclass.cjs.min.js +1 -1
- package/styleclass/styleclass.esm.js +14 -4
- package/styleclass/styleclass.esm.min.js +1 -1
- package/styleclass/styleclass.js +14 -4
- 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.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 +73 -62
package/listbox/listbox.esm.js
CHANGED
|
@@ -130,14 +130,14 @@ var ListBoxHeader = /*#__PURE__*/React.memo(function (props) {
|
|
|
130
130
|
className: "p-listbox-header"
|
|
131
131
|
}, /*#__PURE__*/React.createElement("div", {
|
|
132
132
|
className: "p-listbox-filter-container"
|
|
133
|
-
}, /*#__PURE__*/React.createElement(InputText, {
|
|
133
|
+
}, /*#__PURE__*/React.createElement(InputText, _extends({
|
|
134
134
|
type: "text",
|
|
135
135
|
value: props.filter,
|
|
136
136
|
onChange: onFilter,
|
|
137
137
|
className: "p-listbox-filter",
|
|
138
138
|
disabled: props.disabled,
|
|
139
139
|
placeholder: props.filterPlaceholder
|
|
140
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
140
|
+
}, props.filterInputProps)), /*#__PURE__*/React.createElement("span", {
|
|
141
141
|
className: "p-listbox-filter-icon pi pi-search"
|
|
142
142
|
})));
|
|
143
143
|
});
|
|
@@ -210,11 +210,12 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
210
210
|
onClick: onClick,
|
|
211
211
|
onTouchEnd: onTouchEnd,
|
|
212
212
|
onKeyDown: onKeyDown,
|
|
213
|
-
tabIndex:
|
|
213
|
+
tabIndex: "-1",
|
|
214
214
|
"aria-label": props.label,
|
|
215
215
|
key: props.label,
|
|
216
216
|
role: "option",
|
|
217
|
-
"aria-selected": props.selected
|
|
217
|
+
"aria-selected": props.selected,
|
|
218
|
+
"aria-disabled": props.disabled
|
|
218
219
|
}, content, /*#__PURE__*/React.createElement(Ripple, null));
|
|
219
220
|
});
|
|
220
221
|
ListBoxItem.displayName = 'ListBoxItem';
|
|
@@ -441,7 +442,8 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
|
|
|
441
442
|
filter: filteredValue,
|
|
442
443
|
onFilter: onFilter,
|
|
443
444
|
disabled: props.disabled,
|
|
444
|
-
filterPlaceholder: props.filterPlaceholder
|
|
445
|
+
filterPlaceholder: props.filterPlaceholder,
|
|
446
|
+
filterInputProps: props.filterInputProps
|
|
445
447
|
}) : null;
|
|
446
448
|
};
|
|
447
449
|
|
|
@@ -474,7 +476,8 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
|
|
|
474
476
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
475
477
|
key: key
|
|
476
478
|
}, /*#__PURE__*/React.createElement("li", {
|
|
477
|
-
className: "p-listbox-item-group"
|
|
479
|
+
className: "p-listbox-item-group",
|
|
480
|
+
role: "group"
|
|
478
481
|
}, groupContent), groupChildrenContent);
|
|
479
482
|
} else {
|
|
480
483
|
var optionLabel = getOptionLabel(option);
|
|
@@ -517,7 +520,9 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
|
|
|
517
520
|
ref: option.contentRef,
|
|
518
521
|
className: className,
|
|
519
522
|
role: "listbox",
|
|
520
|
-
"aria-multiselectable": props.multiple
|
|
523
|
+
"aria-multiselectable": props.multiple,
|
|
524
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
525
|
+
"aria-label": props['aria-label']
|
|
521
526
|
}, option.children);
|
|
522
527
|
}
|
|
523
528
|
});
|
|
@@ -530,7 +535,9 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
|
|
|
530
535
|
return /*#__PURE__*/React.createElement("ul", {
|
|
531
536
|
className: "p-listbox-list",
|
|
532
537
|
role: "listbox",
|
|
533
|
-
"aria-multiselectable": props.multiple
|
|
538
|
+
"aria-multiselectable": props.multiple,
|
|
539
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
540
|
+
"aria-label": props['aria-label']
|
|
534
541
|
}, items);
|
|
535
542
|
}
|
|
536
543
|
};
|
|
@@ -585,10 +592,12 @@ ListBox.defaultProps = {
|
|
|
585
592
|
filterMatchMode: 'contains',
|
|
586
593
|
filterPlaceholder: null,
|
|
587
594
|
filterLocale: undefined,
|
|
595
|
+
filterInputProps: null,
|
|
588
596
|
tabIndex: 0,
|
|
589
597
|
tooltip: null,
|
|
590
598
|
tooltipOptions: null,
|
|
591
|
-
|
|
599
|
+
'aria-label': null,
|
|
600
|
+
'aria-labelledby': null,
|
|
592
601
|
onChange: null,
|
|
593
602
|
onFilterValueChange: null
|
|
594
603
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{FilterService as t}from"primereact/api";import{Tooltip as n}from"primereact/tooltip";import{classNames as r,ObjectUtils as l,DomHandler as o}from"primereact/utils";import{VirtualScroller as a}from"primereact/virtualscroller";import{InputText as i}from"primereact/inputtext";import{Ripple as u}from"primereact/ripple";function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(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){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function b(){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 v(e){return f(e)||m(e)||d(e)||b()}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=e.memo((function(t){return e.createElement("div",{className:"p-listbox-header"},e.createElement("div",{className:"p-listbox-filter-container"},e.createElement(i,{type:"text",value:t.filter,onChange:function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},className:"p-listbox-filter",disabled:t.disabled,placeholder:t.filterPlaceholder}),e.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}));E.displayName="ListBoxHeader";var x=e.memo((function(t){var n=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},a=function e(t){var n=t.nextElementSibling;return n?o.hasClass(n,"p-disabled")||o.hasClass(n,"p-listbox-item-group")?e(n):n:null},i=function e(t){var n=t.previousElementSibling;return n?o.hasClass(n,"p-disabled")||o.hasClass(n,"p-listbox-item-group")?e(n):n:null},c=r("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),s=t.template?l.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:c,onClick:n,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var r=a(t);r&&r.focus(),e.preventDefault();break;case 38:var l=i(t);l&&l.focus(),e.preventDefault();break;case 13:n(e),e.preventDefault()}},tabIndex:t.tabIndex,"aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected},s,e.createElement(u,null))}));function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=C(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function C(e,t){if(e){if("string"==typeof e)return D(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)?D(e,t):void 0}}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}x.displayName="ListBoxItem";var L=e.memo(e.forwardRef((function(o,i){var u,s,p=e.useState(""),f=(s=2,y(u=p)||h(u,s)||d(u,s)||g()),m=f[0],b=f[1],O=e.useRef(null),C=e.useRef(null),D=e.useRef(!1),j=(o.onFilterValueChange?o.filterValue:m)||"",N=j&&j.trim().length>0,P=function(e){var t=e.option;o.disabled||R(t)||(o.multiple?I(e.originalEvent,t):F(e.originalEvent,t),D.current=!1)},T=function(){o.disabled||(D.current=!0)},F=function(e,t){var n=G(t),r=!1,l=null;!D.current&&o.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(l=null,r=!0):(l=B(t),r=!0):(l=n?null:B(t),r=!0);r&&K(e,l)},I=function(e,t){var n=G(t),r=!1,l=null;if(!D&&o.metaKeySelection){var a=e.metaKey||e.ctrlKey;n?(l=a?k(t):[B(t)],r=!0):(l=[].concat(v(l=a&&o.value||[]),[B(t)]),r=!0)}else l=n?k(t):[].concat(v(o.value||[]),[B(t)]),r=!0;r&&o.onChange({originalEvent:e,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:o.name,id:o.id,value:l}})},A=function(e){var t=e.value;o.onFilterValueChange?o.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},K=function(e,t){o.onChange&&o.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:o.name,id:o.id,value:t}})},k=function(e){return o.value.filter((function(t){return!l.equals(t,B(e),o.dataKey)}))},G=function(e){var t=B(e);return o.multiple&&o.value?o.value.some((function(e){return l.equals(e,t,o.dataKey)})):l.equals(o.value,t,o.dataKey)},V=function(e){return o.optionLabel?l.resolveFieldData(e,o.optionLabel):e&&void 0!==e.label?e.label:e},B=function(e){return o.optionValue?l.resolveFieldData(e,o.optionValue):e&&void 0!==e.value?e.value:e},M=function(e){return o.dataKey?l.resolveFieldData(e,o.dataKey):V(e)},R=function(e){return o.optionDisabled?l.isFunction(o.optionDisabled)?o.optionDisabled(e):l.resolveFieldData(e,o.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},_=function(e){return l.resolveFieldData(e,o.optionGroupLabel)},q=function(e){return l.resolveFieldData(e,o.optionGroupChildren)},z=function(t){return q(t).map((function(t,n){var r=V(t),l=n+"_"+M(t),a=R(t),i=a?null:o.tabIndex||0;return e.createElement(x,{key:l,label:r,option:t,template:o.itemTemplate,selected:G(t),onClick:P,onTouchEnd:T,tabIndex:i,disabled:a})}))},J=function(t,n){if(o.optionGroupLabel){var r=o.optionGroupTemplate?l.getJSXElement(o.optionGroupTemplate,t,n):l.resolveFieldData(t,o.optionGroupLabel),a=z(t),i=n+"_"+_(t);return e.createElement(e.Fragment,{key:i},e.createElement("li",{className:"p-listbox-item-group"},r),a)}var u=V(t),c=n+"_"+M(t),s=R(t),p=s?null:o.tabIndex||0;return e.createElement(x,{key:c,label:u,option:t,template:o.itemTemplate,selected:G(t),onClick:P,onTouchEnd:T,tabIndex:p,disabled:s})},U=function(){if(N){var e=j.trim().toLocaleLowerCase(o.filterLocale),n=o.filterBy?o.filterBy.split(","):[o.optionLabel||"label"];if(o.optionGroupLabel){var r,l=[],a=w(o.options);try{for(a.s();!(r=a.n()).done;){var i=r.value,u=t.filter(q(i),n,e,o.filterMatchMode,o.filterLocale);u&&u.length&&l.push(S(S({},i),{items:u}))}}catch(e){a.e(e)}finally{a.f()}return l}return t.filter(o.options,n,e,o.filterMatchMode,o.filterLocale)}return o.options}(),X=l.isNotEmpty(o.tooltip),$=l.findDiffKeys(o,L.defaultProps),H=r("p-listbox p-component",{"p-disabled":o.disabled},o.className),Y=r("p-listbox-list-wrapper",o.listClassName),Q=function(){if(o.virtualScrollerOptions){var t=S(S({},o.virtualScrollerOptions),{items:U,onLazyLoad:function(e){return o.virtualScrollerOptions.onLazyLoad(S(S({},e),{filter:U}))},itemTemplate:function(e,t){return e&&J(e,t.index)},contentTemplate:function(t){var n=r("p-listbox-list",t.className);return e.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":o.multiple},t.children)}});return e.createElement(a,c({ref:C},t))}var n=U?U.map(J):null;return e.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":o.multiple},n)}(),W=o.filter?e.createElement(E,{filter:j,onFilter:A,disabled:o.disabled,filterPlaceholder:o.filterPlaceholder}):null;return e.createElement(e.Fragment,null,e.createElement("div",c({ref:O,id:o.id,className:H,style:o.style},$),W,e.createElement("div",{className:Y,style:o.listStyle},Q)),X&&e.createElement(n,c({target:O,content:o.tooltip},o.tooltipOptions)))})));L.displayName="ListBox",L.defaultProps={__TYPE:"ListBox",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,itemTemplate:null,style:null,listStyle:null,listClassName:null,className:null,virtualScrollerOptions:null,disabled:null,dataKey:null,multiple:!1,metaKeySelection:!1,filter:!1,filterBy:null,filterValue:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFilterValueChange:null};export{L as ListBox};
|
|
1
|
+
import*as e from"react";import{FilterService as t}from"primereact/api";import{Tooltip as l}from"primereact/tooltip";import{classNames as n,ObjectUtils as r,DomHandler as a}from"primereact/utils";import{VirtualScroller as o}from"primereact/virtualscroller";import{InputText as i}from"primereact/inputtext";import{Ripple as u}from"primereact/ripple";function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},c.apply(this,arguments)}function s(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}function f(e){if(Array.isArray(e))return p(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?p(e,t):void 0}}function b(){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 v(e){return f(e)||m(e)||d(e)||b()}function y(e){if(Array.isArray(e))return e}function h(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,r,a=[],o=!0,i=!1;try{for(l=l.call(e);!(o=(n=l.next()).done)&&(a.push(n.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==l.return||l.return()}finally{if(i)throw r}}return a}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=e.memo((function(t){return e.createElement("div",{className:"p-listbox-header"},e.createElement("div",{className:"p-listbox-filter-container"},e.createElement(i,c({type:"text",value:t.filter,onChange:function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value})},className:"p-listbox-filter",disabled:t.disabled,placeholder:t.filterPlaceholder},t.filterInputProps)),e.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}));E.displayName="ListBoxHeader";var x=e.memo((function(t){var l=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option}),e.preventDefault()},o=function e(t){var l=t.nextElementSibling;return l?a.hasClass(l,"p-disabled")||a.hasClass(l,"p-listbox-item-group")?e(l):l:null},i=function e(t){var l=t.previousElementSibling;return l?a.hasClass(l,"p-disabled")||a.hasClass(l,"p-listbox-item-group")?e(l):l:null},c=n("p-listbox-item",{"p-highlight":t.selected,"p-disabled":t.disabled},t.option.className),s=t.template?r.getJSXElement(t.template,t.option):t.label;return e.createElement("li",{className:c,onClick:l,onTouchEnd:function(e){t.onTouchEnd&&t.onTouchEnd({originalEvent:e,option:t.option})},onKeyDown:function(e){var t=e.currentTarget;switch(e.which){case 40:var n=o(t);n&&n.focus(),e.preventDefault();break;case 38:var r=i(t);r&&r.focus(),e.preventDefault();break;case 13:l(e),e.preventDefault()}},tabIndex:"-1","aria-label":t.label,key:t.label,role:"option","aria-selected":t.selected,"aria-disabled":t.disabled},s,e.createElement(u,null))}));function O(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function S(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?O(Object(l),!0).forEach((function(t){s(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):O(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function w(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=C(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==l.return||l.return()}finally{if(i)throw a}}}}function C(e,t){if(e){if("string"==typeof e)return D(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?D(e,t):void 0}}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}x.displayName="ListBoxItem";var L=e.memo(e.forwardRef((function(a,i){var u,s,p=e.useState(""),f=(s=2,y(u=p)||h(u,s)||d(u,s)||g()),m=f[0],b=f[1],O=e.useRef(null),C=e.useRef(null),D=e.useRef(!1),P=(a.onFilterValueChange?a.filterValue:m)||"",j=P&&P.trim().length>0,N=function(e){var t=e.option;a.disabled||R(t)||(a.multiple?F(e.originalEvent,t):T(e.originalEvent,t),D.current=!1)},I=function(){a.disabled||(D.current=!0)},T=function(e,t){var l=G(t),n=!1,r=null;!D.current&&a.metaKeySelection?l?(e.metaKey||e.ctrlKey)&&(r=null,n=!0):(r=M(t),n=!0):(r=l?null:M(t),n=!0);n&&K(e,r)},F=function(e,t){var l=G(t),n=!1,r=null;if(!D&&a.metaKeySelection){var o=e.metaKey||e.ctrlKey;l?(r=o?k(t):[M(t)],n=!0):(r=[].concat(v(r=o&&a.value||[]),[M(t)]),n=!0)}else r=l?k(t):[].concat(v(a.value||[]),[M(t)]),n=!0;n&&a.onChange({originalEvent:e,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:r}})},A=function(e){var t=e.value;a.onFilterValueChange?a.onFilterValueChange({originalEvent:e.originalEvent,value:t}):b(t)},K=function(e,t){a.onChange&&a.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:t}})},k=function(e){return a.value.filter((function(t){return!r.equals(t,M(e),a.dataKey)}))},G=function(e){var t=M(e);return a.multiple&&a.value?a.value.some((function(e){return r.equals(e,t,a.dataKey)})):r.equals(a.value,t,a.dataKey)},V=function(e){return a.optionLabel?r.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},M=function(e){return a.optionValue?r.resolveFieldData(e,a.optionValue):e&&void 0!==e.value?e.value:e},B=function(e){return a.dataKey?r.resolveFieldData(e,a.dataKey):V(e)},R=function(e){return a.optionDisabled?r.isFunction(a.optionDisabled)?a.optionDisabled(e):r.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},_=function(e){return r.resolveFieldData(e,a.optionGroupLabel)},q=function(e){return r.resolveFieldData(e,a.optionGroupChildren)},z=function(t){return q(t).map((function(t,l){var n=V(t),r=l+"_"+B(t),o=R(t),i=o?null:a.tabIndex||0;return e.createElement(x,{key:r,label:n,option:t,template:a.itemTemplate,selected:G(t),onClick:N,onTouchEnd:I,tabIndex:i,disabled:o})}))},J=function(t,l){if(a.optionGroupLabel){var n=a.optionGroupTemplate?r.getJSXElement(a.optionGroupTemplate,t,l):r.resolveFieldData(t,a.optionGroupLabel),o=z(t),i=l+"_"+_(t);return e.createElement(e.Fragment,{key:i},e.createElement("li",{className:"p-listbox-item-group",role:"group"},n),o)}var u=V(t),c=l+"_"+B(t),s=R(t),p=s?null:a.tabIndex||0;return e.createElement(x,{key:c,label:u,option:t,template:a.itemTemplate,selected:G(t),onClick:N,onTouchEnd:I,tabIndex:p,disabled:s})},U=function(){if(j){var e=P.trim().toLocaleLowerCase(a.filterLocale),l=a.filterBy?a.filterBy.split(","):[a.optionLabel||"label"];if(a.optionGroupLabel){var n,r=[],o=w(a.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,u=t.filter(q(i),l,e,a.filterMatchMode,a.filterLocale);u&&u.length&&r.push(S(S({},i),{items:u}))}}catch(e){o.e(e)}finally{o.f()}return r}return t.filter(a.options,l,e,a.filterMatchMode,a.filterLocale)}return a.options}(),X=r.isNotEmpty(a.tooltip),$=r.findDiffKeys(a,L.defaultProps),H=n("p-listbox p-component",{"p-disabled":a.disabled},a.className),Y=n("p-listbox-list-wrapper",a.listClassName),Q=function(){if(a.virtualScrollerOptions){var t=S(S({},a.virtualScrollerOptions),{items:U,onLazyLoad:function(e){return a.virtualScrollerOptions.onLazyLoad(S(S({},e),{filter:U}))},itemTemplate:function(e,t){return e&&J(e,t.index)},contentTemplate:function(t){var l=n("p-listbox-list",t.className);return e.createElement("ul",{ref:t.contentRef,className:l,role:"listbox","aria-multiselectable":a.multiple,"aria-labelledby":a["aria-labelledby"],"aria-label":a["aria-label"]},t.children)}});return e.createElement(o,c({ref:C},t))}var l=U?U.map(J):null;return e.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":a.multiple,"aria-labelledby":a["aria-labelledby"],"aria-label":a["aria-label"]},l)}(),W=a.filter?e.createElement(E,{filter:P,onFilter:A,disabled:a.disabled,filterPlaceholder:a.filterPlaceholder,filterInputProps:a.filterInputProps}):null;return e.createElement(e.Fragment,null,e.createElement("div",c({ref:O,id:a.id,className:H,style:a.style},$),W,e.createElement("div",{className:Y,style:a.listStyle},Q)),X&&e.createElement(l,c({target:O,content:a.tooltip},a.tooltipOptions)))})));L.displayName="ListBox",L.defaultProps={__TYPE:"ListBox",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,itemTemplate:null,style:null,listStyle:null,listClassName:null,className:null,virtualScrollerOptions:null,disabled:null,dataKey:null,multiple:!1,metaKeySelection:!1,filter:!1,filterBy:null,filterValue:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,filterInputProps:null,tabIndex:0,tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onFilterValueChange:null};export{L as ListBox};
|
package/listbox/listbox.js
CHANGED
|
@@ -146,14 +146,14 @@ this.primereact.listbox = (function (exports, React, api, tooltip, utils, virtua
|
|
|
146
146
|
className: "p-listbox-header"
|
|
147
147
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
148
148
|
className: "p-listbox-filter-container"
|
|
149
|
-
}, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, {
|
|
149
|
+
}, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
|
|
150
150
|
type: "text",
|
|
151
151
|
value: props.filter,
|
|
152
152
|
onChange: onFilter,
|
|
153
153
|
className: "p-listbox-filter",
|
|
154
154
|
disabled: props.disabled,
|
|
155
155
|
placeholder: props.filterPlaceholder
|
|
156
|
-
}), /*#__PURE__*/React__namespace.createElement("span", {
|
|
156
|
+
}, props.filterInputProps)), /*#__PURE__*/React__namespace.createElement("span", {
|
|
157
157
|
className: "p-listbox-filter-icon pi pi-search"
|
|
158
158
|
})));
|
|
159
159
|
});
|
|
@@ -226,11 +226,12 @@ this.primereact.listbox = (function (exports, React, api, tooltip, utils, virtua
|
|
|
226
226
|
onClick: onClick,
|
|
227
227
|
onTouchEnd: onTouchEnd,
|
|
228
228
|
onKeyDown: onKeyDown,
|
|
229
|
-
tabIndex:
|
|
229
|
+
tabIndex: "-1",
|
|
230
230
|
"aria-label": props.label,
|
|
231
231
|
key: props.label,
|
|
232
232
|
role: "option",
|
|
233
|
-
"aria-selected": props.selected
|
|
233
|
+
"aria-selected": props.selected,
|
|
234
|
+
"aria-disabled": props.disabled
|
|
234
235
|
}, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
|
235
236
|
});
|
|
236
237
|
ListBoxItem.displayName = 'ListBoxItem';
|
|
@@ -457,7 +458,8 @@ this.primereact.listbox = (function (exports, React, api, tooltip, utils, virtua
|
|
|
457
458
|
filter: filteredValue,
|
|
458
459
|
onFilter: onFilter,
|
|
459
460
|
disabled: props.disabled,
|
|
460
|
-
filterPlaceholder: props.filterPlaceholder
|
|
461
|
+
filterPlaceholder: props.filterPlaceholder,
|
|
462
|
+
filterInputProps: props.filterInputProps
|
|
461
463
|
}) : null;
|
|
462
464
|
};
|
|
463
465
|
|
|
@@ -490,7 +492,8 @@ this.primereact.listbox = (function (exports, React, api, tooltip, utils, virtua
|
|
|
490
492
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
|
|
491
493
|
key: key
|
|
492
494
|
}, /*#__PURE__*/React__namespace.createElement("li", {
|
|
493
|
-
className: "p-listbox-item-group"
|
|
495
|
+
className: "p-listbox-item-group",
|
|
496
|
+
role: "group"
|
|
494
497
|
}, groupContent), groupChildrenContent);
|
|
495
498
|
} else {
|
|
496
499
|
var optionLabel = getOptionLabel(option);
|
|
@@ -533,7 +536,9 @@ this.primereact.listbox = (function (exports, React, api, tooltip, utils, virtua
|
|
|
533
536
|
ref: option.contentRef,
|
|
534
537
|
className: className,
|
|
535
538
|
role: "listbox",
|
|
536
|
-
"aria-multiselectable": props.multiple
|
|
539
|
+
"aria-multiselectable": props.multiple,
|
|
540
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
541
|
+
"aria-label": props['aria-label']
|
|
537
542
|
}, option.children);
|
|
538
543
|
}
|
|
539
544
|
});
|
|
@@ -546,7 +551,9 @@ this.primereact.listbox = (function (exports, React, api, tooltip, utils, virtua
|
|
|
546
551
|
return /*#__PURE__*/React__namespace.createElement("ul", {
|
|
547
552
|
className: "p-listbox-list",
|
|
548
553
|
role: "listbox",
|
|
549
|
-
"aria-multiselectable": props.multiple
|
|
554
|
+
"aria-multiselectable": props.multiple,
|
|
555
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
556
|
+
"aria-label": props['aria-label']
|
|
550
557
|
}, items);
|
|
551
558
|
}
|
|
552
559
|
};
|
|
@@ -601,10 +608,12 @@ this.primereact.listbox = (function (exports, React, api, tooltip, utils, virtua
|
|
|
601
608
|
filterMatchMode: 'contains',
|
|
602
609
|
filterPlaceholder: null,
|
|
603
610
|
filterLocale: undefined,
|
|
611
|
+
filterInputProps: null,
|
|
604
612
|
tabIndex: 0,
|
|
605
613
|
tooltip: null,
|
|
606
614
|
tooltipOptions: null,
|
|
607
|
-
|
|
615
|
+
'aria-label': null,
|
|
616
|
+
'aria-labelledby': null,
|
|
608
617
|
onChange: null,
|
|
609
618
|
onFilterValueChange: null
|
|
610
619
|
};
|
package/listbox/listbox.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,n,l,r,a,i,o){"use strict";function u(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 c=u(t);function s(){return s=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},s.apply(this,arguments)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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 d(e){if(Array.isArray(e))return f(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function v(){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 y(e){return d(e)||m(e)||b(e)||v()}function h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw r}}return a}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=c.memo((function(e){return c.createElement("div",{className:"p-listbox-header"},c.createElement("div",{className:"p-listbox-filter-container"},c.createElement(i.InputText,{type:"text",value:e.filter,onChange:function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},className:"p-listbox-filter",disabled:e.disabled,placeholder:e.filterPlaceholder}),c.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}));E.displayName="ListBoxHeader";var j=c.memo((function(e){var t=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},n=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-disabled")||r.DomHandler.hasClass(n,"p-listbox-item-group")?e(n):n:null},l=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-disabled")||r.DomHandler.hasClass(n,"p-listbox-item-group")?e(n):n:null},a=r.classNames("p-listbox-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),i=e.template?r.ObjectUtils.getJSXElement(e.template,e.option):e.label;return c.createElement("li",{className:a,onClick:t,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var r=e.currentTarget;switch(e.which){case 40:var a=n(r);a&&a.focus(),e.preventDefault();break;case 38:var i=l(r);i&&i.focus(),e.preventDefault();break;case 13:t(e),e.preventDefault()}},tabIndex:e.tabIndex,"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},i,c.createElement(o.Ripple,null))}));function x(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,o=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){o=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(o)throw a}}}}function w(e,t){if(e){if("string"==typeof e)return C(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)?C(e,t):void 0}}function C(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}j.displayName="ListBoxItem";var L=c.memo(c.forwardRef((function(e,t){var i,o,u=c.useState(""),p=(o=2,h(i=u)||g(i,o)||b(i,o)||O()),f=p[0],d=p[1],m=c.useRef(null),v=c.useRef(null),x=c.useRef(!1),w=(e.onFilterValueChange?e.filterValue:f)||"",C=w&&w.trim().length>0,N=function(t){var n=t.option;e.disabled||V(n)||(e.multiple?F(t.originalEvent,n):T(t.originalEvent,n),x.current=!1)},P=function(){e.disabled||(x.current=!0)},T=function(t,n){var l=K(n),r=!1,a=null;!x.current&&e.metaKeySelection?l?(t.metaKey||t.ctrlKey)&&(a=null,r=!0):(a=G(n),r=!0):(a=l?null:G(n),r=!0);r&&U(t,a)},F=function(t,n){var l=K(n),r=!1,a=null;if(!x&&e.metaKeySelection){var i=t.metaKey||t.ctrlKey;l?(a=i?A(n):[G(n)],r=!0):(a=[].concat(y(a=i&&e.value||[]),[G(n)]),r=!0)}else a=l?A(n):[].concat(y(e.value||[]),[G(n)]),r=!0;r&&e.onChange({originalEvent:t,value:a,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:a}})},I=function(t){var n=t.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t.originalEvent,value:n}):d(n)},U=function(t,n){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},A=function(t){return e.value.filter((function(n){return!r.ObjectUtils.equals(n,G(t),e.dataKey)}))},K=function(t){var n=G(t);return e.multiple&&e.value?e.value.some((function(t){return r.ObjectUtils.equals(t,n,e.dataKey)})):r.ObjectUtils.equals(e.value,n,e.dataKey)},k=function(t){return e.optionLabel?r.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},G=function(t){return e.optionValue?r.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},M=function(t){return e.dataKey?r.ObjectUtils.resolveFieldData(t,e.dataKey):k(t)},V=function(t){return e.optionDisabled?r.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):r.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},B=function(t){return r.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},_=function(t){return r.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},R=function(t){return _(t).map((function(t,n){var l=k(t),r=n+"_"+M(t),a=V(t),i=a?null:e.tabIndex||0;return c.createElement(j,{key:r,label:l,option:t,template:e.itemTemplate,selected:K(t),onClick:N,onTouchEnd:P,tabIndex:i,disabled:a})}))},H=function(t,n){if(e.optionGroupLabel){var l=e.optionGroupTemplate?r.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):r.ObjectUtils.resolveFieldData(t,e.optionGroupLabel),a=R(t),i=n+"_"+B(t);return c.createElement(c.Fragment,{key:i},c.createElement("li",{className:"p-listbox-item-group"},l),a)}var o=k(t),u=n+"_"+M(t),s=V(t),p=s?null:e.tabIndex||0;return c.createElement(j,{key:u,label:o,option:t,template:e.itemTemplate,selected:K(t),onClick:N,onTouchEnd:P,tabIndex:p,disabled:s})},q=function(){if(C){var t=w.trim().toLocaleLowerCase(e.filterLocale),l=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,a=[],i=D(e.options);try{for(i.s();!(r=i.n()).done;){var o=r.value,u=n.FilterService.filter(_(o),l,t,e.filterMatchMode,e.filterLocale);u&&u.length&&a.push(S(S({},o),{items:u}))}}catch(e){i.e(e)}finally{i.f()}return a}return n.FilterService.filter(e.options,l,t,e.filterMatchMode,e.filterLocale)}return e.options}(),z=r.ObjectUtils.isNotEmpty(e.tooltip),J=r.ObjectUtils.findDiffKeys(e,L.defaultProps),X=r.classNames("p-listbox p-component",{"p-disabled":e.disabled},e.className),$=r.classNames("p-listbox-list-wrapper",e.listClassName),Y=function(){if(e.virtualScrollerOptions){var t=S(S({},e.virtualScrollerOptions),{items:q,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(S(S({},t),{filter:q}))},itemTemplate:function(e,t){return e&&H(e,t.index)},contentTemplate:function(t){var n=r.classNames("p-listbox-list",t.className);return c.createElement("ul",{ref:t.contentRef,className:n,role:"listbox","aria-multiselectable":e.multiple},t.children)}});return c.createElement(a.VirtualScroller,s({ref:v},t))}var n=q?q.map(H):null;return c.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":e.multiple},n)}(),Q=e.filter?c.createElement(E,{filter:w,onFilter:I,disabled:e.disabled,filterPlaceholder:e.filterPlaceholder}):null;return c.createElement(c.Fragment,null,c.createElement("div",s({ref:m,id:e.id,className:X,style:e.style},J),Q,c.createElement("div",{className:$,style:e.listStyle},Y)),z&&c.createElement(l.Tooltip,s({target:m,content:e.tooltip},e.tooltipOptions)))})));return L.displayName="ListBox",L.defaultProps={__TYPE:"ListBox",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,itemTemplate:null,style:null,listStyle:null,listClassName:null,className:null,virtualScrollerOptions:null,disabled:null,dataKey:null,multiple:!1,metaKeySelection:!1,filter:!1,filterBy:null,filterValue:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFilterValueChange:null},e.ListBox=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.inputtext,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.listbox=function(e,t,l,n,r,a,i,o){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var c=u(t);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},s.apply(this,arguments)}function p(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}function d(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?f(e,t):void 0}}function v(){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 y(e){return d(e)||b(e)||m(e)||v()}function h(e){if(Array.isArray(e))return e}function g(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,r,a=[],i=!0,o=!1;try{for(l=l.call(e);!(i=(n=l.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==l.return||l.return()}finally{if(o)throw r}}return a}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=c.memo((function(e){return c.createElement("div",{className:"p-listbox-header"},c.createElement("div",{className:"p-listbox-filter-container"},c.createElement(i.InputText,s({type:"text",value:e.filter,onChange:function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},className:"p-listbox-filter",disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps)),c.createElement("span",{className:"p-listbox-filter-icon pi pi-search"})))}));E.displayName="ListBoxHeader";var j=c.memo((function(e){var t=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},l=function e(t){var l=t.nextElementSibling;return l?r.DomHandler.hasClass(l,"p-disabled")||r.DomHandler.hasClass(l,"p-listbox-item-group")?e(l):l:null},n=function e(t){var l=t.previousElementSibling;return l?r.DomHandler.hasClass(l,"p-disabled")||r.DomHandler.hasClass(l,"p-listbox-item-group")?e(l):l:null},a=r.classNames("p-listbox-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),i=e.template?r.ObjectUtils.getJSXElement(e.template,e.option):e.label;return c.createElement("li",{className:a,onClick:t,onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onKeyDown:function(e){var r=e.currentTarget;switch(e.which){case 40:var a=l(r);a&&a.focus(),e.preventDefault();break;case 38:var i=n(r);i&&i.focus(),e.preventDefault();break;case 13:t(e),e.preventDefault()}},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled},i,c.createElement(o.Ripple,null))}));function x(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function S(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?x(Object(l),!0).forEach((function(t){p(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):x(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function D(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=w(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,o=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return i=e.done,e},e:function(e){o=!0,a=e},f:function(){try{i||null==l.return||l.return()}finally{if(o)throw a}}}}function w(e,t){if(e){if("string"==typeof e)return P(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?P(e,t):void 0}}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}j.displayName="ListBoxItem";var C=c.memo(c.forwardRef((function(e,t){var i,o,u=c.useState(""),p=(o=2,h(i=u)||g(i,o)||m(i,o)||O()),f=p[0],d=p[1],b=c.useRef(null),v=c.useRef(null),x=c.useRef(!1),w=(e.onFilterValueChange?e.filterValue:f)||"",P=w&&w.trim().length>0,L=function(t){var l=t.option;e.disabled||V(l)||(e.multiple?T(t.originalEvent,l):I(t.originalEvent,l),x.current=!1)},N=function(){e.disabled||(x.current=!0)},I=function(t,l){var n=K(l),r=!1,a=null;!x.current&&e.metaKeySelection?n?(t.metaKey||t.ctrlKey)&&(a=null,r=!0):(a=G(l),r=!0):(a=n?null:G(l),r=!0);r&&U(t,a)},T=function(t,l){var n=K(l),r=!1,a=null;if(!x&&e.metaKeySelection){var i=t.metaKey||t.ctrlKey;n?(a=i?A(l):[G(l)],r=!0):(a=[].concat(y(a=i&&e.value||[]),[G(l)]),r=!0)}else a=n?A(l):[].concat(y(e.value||[]),[G(l)]),r=!0;r&&e.onChange({originalEvent:t,value:a,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:a}})},F=function(t){var l=t.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t.originalEvent,value:l}):d(l)},U=function(t,l){e.onChange&&e.onChange({originalEvent:t,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:l}})},A=function(t){return e.value.filter((function(l){return!r.ObjectUtils.equals(l,G(t),e.dataKey)}))},K=function(t){var l=G(t);return e.multiple&&e.value?e.value.some((function(t){return r.ObjectUtils.equals(t,l,e.dataKey)})):r.ObjectUtils.equals(e.value,l,e.dataKey)},k=function(t){return e.optionLabel?r.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},G=function(t){return e.optionValue?r.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},M=function(t){return e.dataKey?r.ObjectUtils.resolveFieldData(t,e.dataKey):k(t)},V=function(t){return e.optionDisabled?r.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):r.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},_=function(t){return r.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},B=function(t){return r.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},R=function(t){return B(t).map((function(t,l){var n=k(t),r=l+"_"+M(t),a=V(t),i=a?null:e.tabIndex||0;return c.createElement(j,{key:r,label:n,option:t,template:e.itemTemplate,selected:K(t),onClick:L,onTouchEnd:N,tabIndex:i,disabled:a})}))},H=function(t,l){if(e.optionGroupLabel){var n=e.optionGroupTemplate?r.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,l):r.ObjectUtils.resolveFieldData(t,e.optionGroupLabel),a=R(t),i=l+"_"+_(t);return c.createElement(c.Fragment,{key:i},c.createElement("li",{className:"p-listbox-item-group",role:"group"},n),a)}var o=k(t),u=l+"_"+M(t),s=V(t),p=s?null:e.tabIndex||0;return c.createElement(j,{key:u,label:o,option:t,template:e.itemTemplate,selected:K(t),onClick:L,onTouchEnd:N,tabIndex:p,disabled:s})},q=function(){if(P){var t=w.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,a=[],i=D(e.options);try{for(i.s();!(r=i.n()).done;){var o=r.value,u=l.FilterService.filter(B(o),n,t,e.filterMatchMode,e.filterLocale);u&&u.length&&a.push(S(S({},o),{items:u}))}}catch(e){i.e(e)}finally{i.f()}return a}return l.FilterService.filter(e.options,n,t,e.filterMatchMode,e.filterLocale)}return e.options}(),z=r.ObjectUtils.isNotEmpty(e.tooltip),J=r.ObjectUtils.findDiffKeys(e,C.defaultProps),X=r.classNames("p-listbox p-component",{"p-disabled":e.disabled},e.className),$=r.classNames("p-listbox-list-wrapper",e.listClassName),Y=function(){if(e.virtualScrollerOptions){var t=S(S({},e.virtualScrollerOptions),{items:q,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(S(S({},t),{filter:q}))},itemTemplate:function(e,t){return e&&H(e,t.index)},contentTemplate:function(t){var l=r.classNames("p-listbox-list",t.className);return c.createElement("ul",{ref:t.contentRef,className:l,role:"listbox","aria-multiselectable":e.multiple,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"]},t.children)}});return c.createElement(a.VirtualScroller,s({ref:v},t))}var l=q?q.map(H):null;return c.createElement("ul",{className:"p-listbox-list",role:"listbox","aria-multiselectable":e.multiple,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"]},l)}(),Q=e.filter?c.createElement(E,{filter:w,onFilter:F,disabled:e.disabled,filterPlaceholder:e.filterPlaceholder,filterInputProps:e.filterInputProps}):null;return c.createElement(c.Fragment,null,c.createElement("div",s({ref:b,id:e.id,className:X,style:e.style},J),Q,c.createElement("div",{className:$,style:e.listStyle},Y)),z&&c.createElement(n.Tooltip,s({target:b,content:e.tooltip},e.tooltipOptions)))})));return C.displayName="ListBox",C.defaultProps={__TYPE:"ListBox",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,itemTemplate:null,style:null,listStyle:null,listClassName:null,className:null,virtualScrollerOptions:null,disabled:null,dataKey:null,multiple:!1,metaKeySelection:!1,filter:!1,filterBy:null,filterValue:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,filterInputProps:null,tabIndex:0,tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onFilterValueChange:null},e.ListBox=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.tooltip,primereact.utils,primereact.virtualscroller,primereact.inputtext,primereact.ripple);
|
package/mention/mention.cjs.js
CHANGED
|
@@ -656,10 +656,12 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
|
|
|
656
656
|
style: props.style
|
|
657
657
|
}, /*#__PURE__*/React__namespace.createElement(InputTextarea, _extends({
|
|
658
658
|
ref: inputRef,
|
|
659
|
-
id: props.inputId
|
|
660
|
-
|
|
659
|
+
id: props.inputId,
|
|
660
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
661
|
+
"aria-label": props['aria-label'],
|
|
661
662
|
className: inputClassName,
|
|
662
|
-
style: props.inputStyle
|
|
663
|
+
style: props.inputStyle
|
|
664
|
+
}, inputProps, {
|
|
663
665
|
onFocus: onFocus,
|
|
664
666
|
onBlur: onBlur,
|
|
665
667
|
onKeyDown: onKeyDown,
|
|
@@ -689,6 +691,8 @@ Mention.defaultProps = {
|
|
|
689
691
|
headerTemplate: null,
|
|
690
692
|
footerTemplate: null,
|
|
691
693
|
itemTemplate: null,
|
|
694
|
+
'aria-label': null,
|
|
695
|
+
'aria-labelledby': null,
|
|
692
696
|
transitionOptions: null,
|
|
693
697
|
onChange: null,
|
|
694
698
|
onInput: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/tooltip"),i=require("primereact/utils"),a=require("primereact/overlayservice"),o=require("primereact/portal"),u=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=c(e),p=s(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw l}}return i}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function b(){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 O(e,t){return m(e)||y(e,t)||v(e,t)||b()}var x=f.memo(f.forwardRef((function(e,t){var n=f.useRef(t),r=f.useRef(0),a=function(e){var t=n.current;t&&i.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},o=f.useMemo((function(){return i.ObjectUtils.isNotEmpty(e.value)||i.ObjectUtils.isNotEmpty(e.defaultValue)||n.current&&i.ObjectUtils.isNotEmpty(n.current.value)}),[e.value,e.defaultValue]);f.useEffect((function(){i.ObjectUtils.combinedRefs(n,t)}),[n,t]),f.useEffect((function(){e.autoResize&&a(!0)}),[e.autoResize]);var u=i.ObjectUtils.isNotEmpty(e.tooltip),s=i.ObjectUtils.findDiffKeys(e,x.defaultProps),c=i.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":o,"p-inputtextarea-resizable":e.autoResize},e.className);return f.createElement(f.Fragment,null,f.createElement("textarea",d({ref:n},s,{className:c,onFocus:function(t){e.autoResize&&a(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&a(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&a(),e.onKeyUp&&e.onKeyUp(t)},onInput:function(t){e.autoResize&&a(),e.onInput&&e.onInput(t);var n=t.target;i.ObjectUtils.isNotEmpty(n.value)?i.DomHandler.addClass(n,"p-filled"):i.DomHandler.removeClass(n,"p-filled")}})),u&&f.createElement(l.Tooltip,d({target:n,content:e.tooltip},e.tooltipOptions)))})));function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="InputTextarea",x.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};var S=f.memo(f.forwardRef((function(e,t){var l=O(f.useState(!1),2),s=l[0],c=l[1],g=O(f.useState(!1),2),m=g[0],y=g[1],h=O(f.useState(!1),2),v=h[0],b=h[1],E=O(f.useState(null),2),w=E[0],H=E[1],D=f.useRef(null),C=f.useRef(null),N=f.useRef(e.inputRef),U=f.useRef(null),I=f.useRef(null),R=O(r.useOverlayListener({target:D,overlay:C,listener:function(e,t){t.valid&&T()},when:s}),2),k=R[0],P=R[1],T=function(){c(!1),b(!1),H(null)},A=function(){i.ZIndexUtils.set("overlay",C.current,p.default.autoZIndex,p.default.zIndex.overlay),M()},z=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&i.DomHandler.addClass(U.current.firstChild,"p-highlight")},F=function(){k(),e.onShow&&e.onShow()},q=function(){P()},_=function(){i.ZIndexUtils.clear(C.current),e.onHide&&e.onHide()},M=function(){var e=w.key,t=w.index,n=N.current.value,r=i.DomHandler.getCursorOffset(N.current,n.substring(0,t-1),n.substring(t),e);C.current.style.transformOrigin="top",C.current.style.left="calc(".concat(r.left,"px + 1rem)"),C.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},B=function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},K=function(t,n,r){if(!w){var l=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(l)return{key:l,index:r};var i=t.substring(0,r).lastIndexOf(" "),a=V(t,r);if(a.index>i)return a}return w},V=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var l=t.substring(0,n).lastIndexOf(e);-1!==l&&(l>r.index||!r.index)&&(r={key:e,index:-1!==l?l+1:-1})})),r}var l=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==l?l+1:-1}},Z=function(t){I.current&&clearTimeout(I.current);var n=t.target,r=n.value,l=n.selectionStart,i=r.substring(l-1,l);if(" "!==i){var a=K(r,i,l);if(a&&a.index>-1){var o=r.substring(a.index,l);I.current=setTimeout((function(){J(t,o,a)}),e.delay)}}else T()},J=function(t,n,r){e.onSearch&&(b(!0),H(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},X=function(t,n){var r=N.current.value,l=t.target.selectionStart,i=r.indexOf(" ",w.index),a=r.substring(w.index,i>-1?i:l),o=Y(n).replace(/\s+/g,"");if(a.trim()!==o){for(var u=0;u<o.length;){var s=o.charAt(u),c=a.charAt(u);if(s!==c&&" "!==c)break;u++}var f=r.substring(0,w.index),p=r.substring(w.index+u);N.current.value="".concat(f).concat(o," ").concat(p),e.onChange&&e.onChange(t)}var d=w.index+o.length+1;N.current.setSelectionRange(d,d),T(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},Y=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===w.key}))]:e.field;return n?i.ObjectUtils.resolveFieldData(t,n):t}return""},L=function(e,t){N.current.focus(),X(e,t)},$=f.useMemo((function(){return i.ObjectUtils.isNotEmpty(e.value)||i.ObjectUtils.isNotEmpty(e.defaultValue)||N.current&&i.ObjectUtils.isNotEmpty(N.current.value)}),[e.value,e.defaultValue,N]);f.useEffect((function(){i.ObjectUtils.combinedRefs(N,e.inputRef)}),[N,e.inputRef]),r.useUpdateEffect((function(){v&&(e.suggestions&&e.suggestions.length?c(!0):T(),s&&M(),b(!1))}),[e.suggestions]),r.useUpdateEffect((function(){!$&&i.DomHandler.hasClass(D.current,"p-inputwrapper-filled")&&i.DomHandler.removeClass(D.current,"p-inputwrapper-filled")}),[$]),r.useUnmountEffect((function(){i.ZIndexUtils.clear(C.current)}));var G,Q,W,ee,te,ne=function(t,n){var r=n+"_item",l=e.itemTemplate?i.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:w?w.key:"",index:n}):Y(t);return f.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return L(e,t)}},l,f.createElement(u.Ripple,null))},re=function(){if(e.suggestions){var t=e.suggestions.map(ne);return f.createElement("ul",{ref:U,className:"p-mention-items"},t)}return null},le=i.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":$,"p-inputwrapper-focus":m},e.className),ie=i.classNames("p-mention-input",e.inputClassName),ae=i.ObjectUtils.findDiffKeys(e,S.defaultProps),oe=(G=i.classNames("p-mention-panel p-component",e.panelClassName),Q=j({maxHeight:e.scrollHeight},e.panelStyle),W=i.ObjectUtils.getJSXElement(e.headerTemplate,e),ee=i.ObjectUtils.getJSXElement(e.footerTemplate,e),te=re(),f.createElement(o.Portal,{element:f.createElement(n.CSSTransition,{nodeRef:C,classNames:"p-connected-overlay",in:s,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntering:z,onEntered:F,onExit:q,onExited:_},f.createElement("div",{ref:C,className:G,style:Q,onClick:B},W,te,ee)),appendTo:"self"}));return f.createElement("div",{ref:D,id:e.id,className:le,style:e.style},f.createElement(x,d({ref:N,id:e.inputId},ae,{className:ie,style:e.inputStyle,onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(s){var n=i.DomHandler.findSingle(C.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(i.DomHandler.addClass(r,"p-highlight"),i.DomHandler.removeClass(n,"p-highlight"),i.DomHandler.scrollInView(C.current,r))}else(n=i.DomHandler.findSingle(C.current,"li"))&&i.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var l=n.previousElementSibling;l&&(i.DomHandler.addClass(l,"p-highlight"),i.DomHandler.removeClass(n,"p-highlight"),i.DomHandler.scrollInView(C.current,l))}t.preventDefault();break;case 8:var a=t.target,o=a.selectionStart;a.value.substring(o-1,o)===w.key&&T();break;case 13:n&&X(t,e.suggestions[i.DomHandler.index(n)]),t.preventDefault();break;case 27:T(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?i.DomHandler.addClass(D.current,"p-inputwrapper-filled"):i.DomHandler.removeClass(D.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||Z(e)},onChange:function(t){e.onChange&&e.onChange(t),Z(t)}})),oe)})));S.displayName="Mention",S.defaultProps={__TYPE:"Mention",id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null},exports.Mention=S;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/tooltip"),i=require("primereact/utils"),a=require("primereact/overlayservice"),o=require("primereact/portal"),u=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=c(e),p=s(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw l}}return i}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function b(){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 O(e,t){return m(e)||y(e,t)||v(e,t)||b()}var x=f.memo(f.forwardRef((function(e,t){var n=f.useRef(t),r=f.useRef(0),a=function(e){var t=n.current;t&&i.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},o=f.useMemo((function(){return i.ObjectUtils.isNotEmpty(e.value)||i.ObjectUtils.isNotEmpty(e.defaultValue)||n.current&&i.ObjectUtils.isNotEmpty(n.current.value)}),[e.value,e.defaultValue]);f.useEffect((function(){i.ObjectUtils.combinedRefs(n,t)}),[n,t]),f.useEffect((function(){e.autoResize&&a(!0)}),[e.autoResize]);var u=i.ObjectUtils.isNotEmpty(e.tooltip),s=i.ObjectUtils.findDiffKeys(e,x.defaultProps),c=i.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":o,"p-inputtextarea-resizable":e.autoResize},e.className);return f.createElement(f.Fragment,null,f.createElement("textarea",d({ref:n},s,{className:c,onFocus:function(t){e.autoResize&&a(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&a(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&a(),e.onKeyUp&&e.onKeyUp(t)},onInput:function(t){e.autoResize&&a(),e.onInput&&e.onInput(t);var n=t.target;i.ObjectUtils.isNotEmpty(n.value)?i.DomHandler.addClass(n,"p-filled"):i.DomHandler.removeClass(n,"p-filled")}})),u&&f.createElement(l.Tooltip,d({target:n,content:e.tooltip},e.tooltipOptions)))})));function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="InputTextarea",x.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};var S=f.memo(f.forwardRef((function(e,t){var l=O(f.useState(!1),2),s=l[0],c=l[1],g=O(f.useState(!1),2),m=g[0],y=g[1],h=O(f.useState(!1),2),v=h[0],b=h[1],E=O(f.useState(null),2),w=E[0],H=E[1],D=f.useRef(null),C=f.useRef(null),N=f.useRef(e.inputRef),U=f.useRef(null),I=f.useRef(null),R=O(r.useOverlayListener({target:D,overlay:C,listener:function(e,t){t.valid&&T()},when:s}),2),k=R[0],P=R[1],T=function(){c(!1),b(!1),H(null)},A=function(){i.ZIndexUtils.set("overlay",C.current,p.default.autoZIndex,p.default.zIndex.overlay),M()},z=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&i.DomHandler.addClass(U.current.firstChild,"p-highlight")},F=function(){k(),e.onShow&&e.onShow()},q=function(){P()},_=function(){i.ZIndexUtils.clear(C.current),e.onHide&&e.onHide()},M=function(){var e=w.key,t=w.index,n=N.current.value,r=i.DomHandler.getCursorOffset(N.current,n.substring(0,t-1),n.substring(t),e);C.current.style.transformOrigin="top",C.current.style.left="calc(".concat(r.left,"px + 1rem)"),C.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},B=function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},K=function(t,n,r){if(!w){var l=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(l)return{key:l,index:r};var i=t.substring(0,r).lastIndexOf(" "),a=V(t,r);if(a.index>i)return a}return w},V=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var l=t.substring(0,n).lastIndexOf(e);-1!==l&&(l>r.index||!r.index)&&(r={key:e,index:-1!==l?l+1:-1})})),r}var l=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==l?l+1:-1}},Z=function(t){I.current&&clearTimeout(I.current);var n=t.target,r=n.value,l=n.selectionStart,i=r.substring(l-1,l);if(" "!==i){var a=K(r,i,l);if(a&&a.index>-1){var o=r.substring(a.index,l);I.current=setTimeout((function(){J(t,o,a)}),e.delay)}}else T()},J=function(t,n,r){e.onSearch&&(b(!0),H(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},X=function(t,n){var r=N.current.value,l=t.target.selectionStart,i=r.indexOf(" ",w.index),a=r.substring(w.index,i>-1?i:l),o=Y(n).replace(/\s+/g,"");if(a.trim()!==o){for(var u=0;u<o.length;){var s=o.charAt(u),c=a.charAt(u);if(s!==c&&" "!==c)break;u++}var f=r.substring(0,w.index),p=r.substring(w.index+u);N.current.value="".concat(f).concat(o," ").concat(p),e.onChange&&e.onChange(t)}var d=w.index+o.length+1;N.current.setSelectionRange(d,d),T(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},Y=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===w.key}))]:e.field;return n?i.ObjectUtils.resolveFieldData(t,n):t}return""},L=function(e,t){N.current.focus(),X(e,t)},$=f.useMemo((function(){return i.ObjectUtils.isNotEmpty(e.value)||i.ObjectUtils.isNotEmpty(e.defaultValue)||N.current&&i.ObjectUtils.isNotEmpty(N.current.value)}),[e.value,e.defaultValue,N]);f.useEffect((function(){i.ObjectUtils.combinedRefs(N,e.inputRef)}),[N,e.inputRef]),r.useUpdateEffect((function(){v&&(e.suggestions&&e.suggestions.length?c(!0):T(),s&&M(),b(!1))}),[e.suggestions]),r.useUpdateEffect((function(){!$&&i.DomHandler.hasClass(D.current,"p-inputwrapper-filled")&&i.DomHandler.removeClass(D.current,"p-inputwrapper-filled")}),[$]),r.useUnmountEffect((function(){i.ZIndexUtils.clear(C.current)}));var G,Q,W,ee,te,ne=function(t,n){var r=n+"_item",l=e.itemTemplate?i.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:w?w.key:"",index:n}):Y(t);return f.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return L(e,t)}},l,f.createElement(u.Ripple,null))},re=function(){if(e.suggestions){var t=e.suggestions.map(ne);return f.createElement("ul",{ref:U,className:"p-mention-items"},t)}return null},le=i.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":$,"p-inputwrapper-focus":m},e.className),ie=i.classNames("p-mention-input",e.inputClassName),ae=i.ObjectUtils.findDiffKeys(e,S.defaultProps),oe=(G=i.classNames("p-mention-panel p-component",e.panelClassName),Q=j({maxHeight:e.scrollHeight},e.panelStyle),W=i.ObjectUtils.getJSXElement(e.headerTemplate,e),ee=i.ObjectUtils.getJSXElement(e.footerTemplate,e),te=re(),f.createElement(o.Portal,{element:f.createElement(n.CSSTransition,{nodeRef:C,classNames:"p-connected-overlay",in:s,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntering:z,onEntered:F,onExit:q,onExited:_},f.createElement("div",{ref:C,className:G,style:Q,onClick:B},W,te,ee)),appendTo:"self"}));return f.createElement("div",{ref:D,id:e.id,className:le,style:e.style},f.createElement(x,d({ref:N,id:e.inputId,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],className:ie,style:e.inputStyle},ae,{onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(s){var n=i.DomHandler.findSingle(C.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(i.DomHandler.addClass(r,"p-highlight"),i.DomHandler.removeClass(n,"p-highlight"),i.DomHandler.scrollInView(C.current,r))}else(n=i.DomHandler.findSingle(C.current,"li"))&&i.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var l=n.previousElementSibling;l&&(i.DomHandler.addClass(l,"p-highlight"),i.DomHandler.removeClass(n,"p-highlight"),i.DomHandler.scrollInView(C.current,l))}t.preventDefault();break;case 8:var a=t.target,o=a.selectionStart;a.value.substring(o-1,o)===w.key&&T();break;case 13:n&&X(t,e.suggestions[i.DomHandler.index(n)]),t.preventDefault();break;case 27:T(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?i.DomHandler.addClass(D.current,"p-inputwrapper-filled"):i.DomHandler.removeClass(D.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||Z(e)},onChange:function(t){e.onChange&&e.onChange(t),Z(t)}})),oe)})));S.displayName="Mention",S.defaultProps={__TYPE:"Mention",id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,"aria-label":null,"aria-labelledby":null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null},exports.Mention=S;
|
package/mention/mention.esm.js
CHANGED
|
@@ -629,10 +629,12 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
|
|
|
629
629
|
style: props.style
|
|
630
630
|
}, /*#__PURE__*/React.createElement(InputTextarea, _extends({
|
|
631
631
|
ref: inputRef,
|
|
632
|
-
id: props.inputId
|
|
633
|
-
|
|
632
|
+
id: props.inputId,
|
|
633
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
634
|
+
"aria-label": props['aria-label'],
|
|
634
635
|
className: inputClassName,
|
|
635
|
-
style: props.inputStyle
|
|
636
|
+
style: props.inputStyle
|
|
637
|
+
}, inputProps, {
|
|
636
638
|
onFocus: onFocus,
|
|
637
639
|
onBlur: onBlur,
|
|
638
640
|
onKeyDown: onKeyDown,
|
|
@@ -662,6 +664,8 @@ Mention.defaultProps = {
|
|
|
662
664
|
headerTemplate: null,
|
|
663
665
|
footerTemplate: null,
|
|
664
666
|
itemTemplate: null,
|
|
667
|
+
'aria-label': null,
|
|
668
|
+
'aria-labelledby': null,
|
|
665
669
|
transitionOptions: null,
|
|
666
670
|
onChange: null,
|
|
667
671
|
onInput: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as i,useUnmountEffect as l}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as a,classNames as u,DomHandler as s,ZIndexUtils as c}from"primereact/utils";import{OverlayService as p}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{Ripple as g}from"primereact/ripple";function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,l=[],o=!0,a=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){a=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(a)throw i}}return l}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}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 E(e,t){return y(e)||h(e,t)||b(e,t)||x()}var w=e.memo(e.forwardRef((function(t,n){var r=e.useRef(n),i=e.useRef(0),l=function(e){var t=r.current;t&&s.isVisible(t)&&(i.current||(i.current=t.scrollHeight,t.style.overflow="hidden"),(i.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",i.current=t.scrollHeight))},c=e.useMemo((function(){return a.isNotEmpty(t.value)||a.isNotEmpty(t.defaultValue)||r.current&&a.isNotEmpty(r.current.value)}),[t.value,t.defaultValue]);e.useEffect((function(){a.combinedRefs(r,n)}),[r,n]),e.useEffect((function(){t.autoResize&&l(!0)}),[t.autoResize]);var p=a.isNotEmpty(t.tooltip),f=a.findDiffKeys(t,w.defaultProps),g=u("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":c,"p-inputtextarea-resizable":t.autoResize},t.className);return e.createElement(e.Fragment,null,e.createElement("textarea",m({ref:r},f,{className:g,onFocus:function(e){t.autoResize&&l(),t.onFocus&&t.onFocus(e)},onBlur:function(e){t.autoResize&&l(),t.onBlur&&t.onBlur(e)},onKeyUp:function(e){t.autoResize&&l(),t.onKeyUp&&t.onKeyUp(e)},onInput:function(e){t.autoResize&&l(),t.onInput&&t.onInput(e);var n=e.target;a.isNotEmpty(n.value)?s.addClass(n,"p-filled"):s.removeClass(n,"p-filled")}})),p&&e.createElement(o,m({target:r,content:t.tooltip},t.tooltipOptions)))})));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}w.displayName="InputTextarea",w.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};var C=e.memo(e.forwardRef((function(o,d){var y=E(e.useState(!1),2),h=y[0],v=y[1],b=E(e.useState(!1),2),x=b[0],S=b[1],R=E(e.useState(!1),2),N=R[0],I=R[1],k=E(e.useState(null),2),j=k[0],P=k[1],T=e.useRef(null),A=e.useRef(null),H=e.useRef(o.inputRef),D=e.useRef(null),F=e.useRef(null),z=E(r({target:T,overlay:A,listener:function(e,t){t.valid&&V()},when:h}),2),B=z[0],K=z[1],V=function(){v(!1),I(!1),P(null)},M=function(){c.set("overlay",A.current,t.autoZIndex,t.zIndex.overlay),Y()},U=function(){o.autoHighlight&&o.suggestions&&o.suggestions.length&&s.addClass(D.current.firstChild,"p-highlight")},_=function(){B(),o.onShow&&o.onShow()},J=function(){K()},X=function(){c.clear(A.current),o.onHide&&o.onHide()},Y=function(){var e=j.key,t=j.index,n=H.current.value,r=s.getCursorOffset(H.current,n.substring(0,t-1),n.substring(t),e);A.current.style.transformOrigin="top",A.current.style.left="calc(".concat(r.left,"px + 1rem)"),A.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},q=function(e){p.emit("overlay-click",{originalEvent:e,target:T.current})},Z=function(e,t,n){if(!j){var r=Array.isArray(o.trigger)?o.trigger.find((function(e){return e===t})):o.trigger===t?o.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),l=$(e,n);if(l.index>i)return l}return j},$=function(e,t){if(Array.isArray(o.trigger)){var n={};return o.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(o.trigger);return{key:o.trigger,index:-1!==r?r+1:-1}},G=function(e){F.current&&clearTimeout(F.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var l=Z(n,i,r);if(l&&l.index>-1){var a=n.substring(l.index,r);F.current=setTimeout((function(){L(e,a,l)}),o.delay)}}else V()},L=function(e,t,n){o.onSearch&&(I(!0),P(n),o.onSearch({originalEvent:e,trigger:n.key,query:t}))},Q=function(e,t){var n=H.current.value,r=e.target.selectionStart,i=n.indexOf(" ",j.index),l=n.substring(j.index,i>-1?i:r),a=W(t).replace(/\s+/g,"");if(l.trim()!==a){for(var u=0;u<a.length;){var s=a.charAt(u),c=l.charAt(u);if(s!==c&&" "!==c)break;u++}var p=n.substring(0,j.index),f=n.substring(j.index+u);H.current.value="".concat(p).concat(a," ").concat(f),o.onChange&&o.onChange(e)}var g=j.index+a.length+1;H.current.setSelectionRange(g,g),V(),o.onSelect&&o.onSelect({originalEvent:e,suggestion:t})},W=function(e){if(e){var t=Array.isArray(o.field)?o.field[o.trigger.findIndex((function(e){return e===j.key}))]:o.field;return t?a.resolveFieldData(e,t):e}return""},ee=function(e,t){H.current.focus(),Q(e,t)},te=e.useMemo((function(){return a.isNotEmpty(o.value)||a.isNotEmpty(o.defaultValue)||H.current&&a.isNotEmpty(H.current.value)}),[o.value,o.defaultValue,H]);e.useEffect((function(){a.combinedRefs(H,o.inputRef)}),[H,o.inputRef]),i((function(){N&&(o.suggestions&&o.suggestions.length?v(!0):V(),h&&Y(),I(!1))}),[o.suggestions]),i((function(){!te&&s.hasClass(T.current,"p-inputwrapper-filled")&&s.removeClass(T.current,"p-inputwrapper-filled")}),[te]),l((function(){c.clear(A.current)}));var ne,re,ie,le,oe,ae=function(t,n){var r=n+"_item",i=o.itemTemplate?a.getJSXElement(o.itemTemplate,t,{trigger:j?j.key:"",index:n}):W(t);return e.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return ee(e,t)}},i,e.createElement(g,null))},ue=function(){if(o.suggestions){var t=o.suggestions.map(ae);return e.createElement("ul",{ref:D,className:"p-mention-items"},t)}return null},se=u("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":x},o.className),ce=u("p-mention-input",o.inputClassName),pe=a.findDiffKeys(o,C.defaultProps),fe=(ne=u("p-mention-panel p-component",o.panelClassName),re=O({maxHeight:o.scrollHeight},o.panelStyle),ie=a.getJSXElement(o.headerTemplate,o),le=a.getJSXElement(o.footerTemplate,o),oe=ue(),e.createElement(f,{element:e.createElement(n,{nodeRef:A,classNames:"p-connected-overlay",in:h,timeout:{enter:120,exit:100},options:o.transitionOptions,unmountOnExit:!0,onEnter:M,onEntering:U,onEntered:_,onExit:J,onExited:X},e.createElement("div",{ref:A,className:ne,style:re,onClick:q},ie,oe,le)),appendTo:"self"}));return e.createElement("div",{ref:T,id:o.id,className:se,style:o.style},e.createElement(w,m({ref:H,id:o.inputId
|
|
1
|
+
import*as e from"react";import t from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useOverlayListener as r,useUpdateEffect as i,useUnmountEffect as l}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as a,classNames as u,DomHandler as s,ZIndexUtils as c}from"primereact/utils";import{OverlayService as p}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{Ripple as g}from"primereact/ripple";function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,l=[],o=!0,a=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){a=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(a)throw i}}return l}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}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 E(e,t){return y(e)||h(e,t)||b(e,t)||x()}var w=e.memo(e.forwardRef((function(t,n){var r=e.useRef(n),i=e.useRef(0),l=function(e){var t=r.current;t&&s.isVisible(t)&&(i.current||(i.current=t.scrollHeight,t.style.overflow="hidden"),(i.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",i.current=t.scrollHeight))},c=e.useMemo((function(){return a.isNotEmpty(t.value)||a.isNotEmpty(t.defaultValue)||r.current&&a.isNotEmpty(r.current.value)}),[t.value,t.defaultValue]);e.useEffect((function(){a.combinedRefs(r,n)}),[r,n]),e.useEffect((function(){t.autoResize&&l(!0)}),[t.autoResize]);var p=a.isNotEmpty(t.tooltip),f=a.findDiffKeys(t,w.defaultProps),g=u("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":c,"p-inputtextarea-resizable":t.autoResize},t.className);return e.createElement(e.Fragment,null,e.createElement("textarea",m({ref:r},f,{className:g,onFocus:function(e){t.autoResize&&l(),t.onFocus&&t.onFocus(e)},onBlur:function(e){t.autoResize&&l(),t.onBlur&&t.onBlur(e)},onKeyUp:function(e){t.autoResize&&l(),t.onKeyUp&&t.onKeyUp(e)},onInput:function(e){t.autoResize&&l(),t.onInput&&t.onInput(e);var n=e.target;a.isNotEmpty(n.value)?s.addClass(n,"p-filled"):s.removeClass(n,"p-filled")}})),p&&e.createElement(o,m({target:r,content:t.tooltip},t.tooltipOptions)))})));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}w.displayName="InputTextarea",w.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};var C=e.memo(e.forwardRef((function(o,d){var y=E(e.useState(!1),2),h=y[0],v=y[1],b=E(e.useState(!1),2),x=b[0],S=b[1],R=E(e.useState(!1),2),N=R[0],I=R[1],k=E(e.useState(null),2),j=k[0],P=k[1],T=e.useRef(null),A=e.useRef(null),H=e.useRef(o.inputRef),D=e.useRef(null),F=e.useRef(null),z=E(r({target:T,overlay:A,listener:function(e,t){t.valid&&V()},when:h}),2),B=z[0],K=z[1],V=function(){v(!1),I(!1),P(null)},M=function(){c.set("overlay",A.current,t.autoZIndex,t.zIndex.overlay),Y()},U=function(){o.autoHighlight&&o.suggestions&&o.suggestions.length&&s.addClass(D.current.firstChild,"p-highlight")},_=function(){B(),o.onShow&&o.onShow()},J=function(){K()},X=function(){c.clear(A.current),o.onHide&&o.onHide()},Y=function(){var e=j.key,t=j.index,n=H.current.value,r=s.getCursorOffset(H.current,n.substring(0,t-1),n.substring(t),e);A.current.style.transformOrigin="top",A.current.style.left="calc(".concat(r.left,"px + 1rem)"),A.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},q=function(e){p.emit("overlay-click",{originalEvent:e,target:T.current})},Z=function(e,t,n){if(!j){var r=Array.isArray(o.trigger)?o.trigger.find((function(e){return e===t})):o.trigger===t?o.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),l=$(e,n);if(l.index>i)return l}return j},$=function(e,t){if(Array.isArray(o.trigger)){var n={};return o.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(o.trigger);return{key:o.trigger,index:-1!==r?r+1:-1}},G=function(e){F.current&&clearTimeout(F.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var l=Z(n,i,r);if(l&&l.index>-1){var a=n.substring(l.index,r);F.current=setTimeout((function(){L(e,a,l)}),o.delay)}}else V()},L=function(e,t,n){o.onSearch&&(I(!0),P(n),o.onSearch({originalEvent:e,trigger:n.key,query:t}))},Q=function(e,t){var n=H.current.value,r=e.target.selectionStart,i=n.indexOf(" ",j.index),l=n.substring(j.index,i>-1?i:r),a=W(t).replace(/\s+/g,"");if(l.trim()!==a){for(var u=0;u<a.length;){var s=a.charAt(u),c=l.charAt(u);if(s!==c&&" "!==c)break;u++}var p=n.substring(0,j.index),f=n.substring(j.index+u);H.current.value="".concat(p).concat(a," ").concat(f),o.onChange&&o.onChange(e)}var g=j.index+a.length+1;H.current.setSelectionRange(g,g),V(),o.onSelect&&o.onSelect({originalEvent:e,suggestion:t})},W=function(e){if(e){var t=Array.isArray(o.field)?o.field[o.trigger.findIndex((function(e){return e===j.key}))]:o.field;return t?a.resolveFieldData(e,t):e}return""},ee=function(e,t){H.current.focus(),Q(e,t)},te=e.useMemo((function(){return a.isNotEmpty(o.value)||a.isNotEmpty(o.defaultValue)||H.current&&a.isNotEmpty(H.current.value)}),[o.value,o.defaultValue,H]);e.useEffect((function(){a.combinedRefs(H,o.inputRef)}),[H,o.inputRef]),i((function(){N&&(o.suggestions&&o.suggestions.length?v(!0):V(),h&&Y(),I(!1))}),[o.suggestions]),i((function(){!te&&s.hasClass(T.current,"p-inputwrapper-filled")&&s.removeClass(T.current,"p-inputwrapper-filled")}),[te]),l((function(){c.clear(A.current)}));var ne,re,ie,le,oe,ae=function(t,n){var r=n+"_item",i=o.itemTemplate?a.getJSXElement(o.itemTemplate,t,{trigger:j?j.key:"",index:n}):W(t);return e.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return ee(e,t)}},i,e.createElement(g,null))},ue=function(){if(o.suggestions){var t=o.suggestions.map(ae);return e.createElement("ul",{ref:D,className:"p-mention-items"},t)}return null},se=u("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":x},o.className),ce=u("p-mention-input",o.inputClassName),pe=a.findDiffKeys(o,C.defaultProps),fe=(ne=u("p-mention-panel p-component",o.panelClassName),re=O({maxHeight:o.scrollHeight},o.panelStyle),ie=a.getJSXElement(o.headerTemplate,o),le=a.getJSXElement(o.footerTemplate,o),oe=ue(),e.createElement(f,{element:e.createElement(n,{nodeRef:A,classNames:"p-connected-overlay",in:h,timeout:{enter:120,exit:100},options:o.transitionOptions,unmountOnExit:!0,onEnter:M,onEntering:U,onEntered:_,onExit:J,onExited:X},e.createElement("div",{ref:A,className:ne,style:re,onClick:q},ie,oe,le)),appendTo:"self"}));return e.createElement("div",{ref:T,id:o.id,className:se,style:o.style},e.createElement(w,m({ref:H,id:o.inputId,"aria-labelledby":o["aria-labelledby"],"aria-label":o["aria-label"],className:ce,style:o.inputStyle},pe,{onFocus:function(e){S(!0),o.onFocus&&o.onFocus(e)},onBlur:function(e){S(!1),o.onBlur&&o.onBlur(e)},onKeyDown:function(e){if(h){var t=s.findSingle(A.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=t.nextElementSibling;n&&(s.addClass(n,"p-highlight"),s.removeClass(t,"p-highlight"),s.scrollInView(A.current,n))}else(t=s.findSingle(A.current,"li"))&&s.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=t.previousElementSibling;r&&(s.addClass(r,"p-highlight"),s.removeClass(t,"p-highlight"),s.scrollInView(A.current,r))}e.preventDefault();break;case 8:var i=e.target,l=i.selectionStart;i.value.substring(l-1,l)===j.key&&V();break;case 13:t&&Q(e,o.suggestions[s.index(t)]),e.preventDefault();break;case 27:V(),e.preventDefault()}}},onInput:function(e){o.onInput&&o.onInput(e),e.target.value.length>0?s.addClass(T.current,"p-inputwrapper-filled"):s.removeClass(T.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||G(e)},onChange:function(e){o.onChange&&o.onChange(e),G(e)}})),fe)})));C.displayName="Mention",C.defaultProps={__TYPE:"Mention",id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,"aria-label":null,"aria-labelledby":null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null};export{C as Mention};
|
package/mention/mention.js
CHANGED
|
@@ -646,10 +646,12 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
|
|
|
646
646
|
style: props.style
|
|
647
647
|
}, /*#__PURE__*/React__namespace.createElement(InputTextarea, _extends({
|
|
648
648
|
ref: inputRef,
|
|
649
|
-
id: props.inputId
|
|
650
|
-
|
|
649
|
+
id: props.inputId,
|
|
650
|
+
"aria-labelledby": props['aria-labelledby'],
|
|
651
|
+
"aria-label": props['aria-label'],
|
|
651
652
|
className: inputClassName,
|
|
652
|
-
style: props.inputStyle
|
|
653
|
+
style: props.inputStyle
|
|
654
|
+
}, inputProps, {
|
|
653
655
|
onFocus: onFocus,
|
|
654
656
|
onBlur: onBlur,
|
|
655
657
|
onKeyDown: onKeyDown,
|
|
@@ -679,6 +681,8 @@ this.primereact.mention = (function (exports, React, PrimeReact, csstransition,
|
|
|
679
681
|
headerTemplate: null,
|
|
680
682
|
footerTemplate: null,
|
|
681
683
|
itemTemplate: null,
|
|
684
|
+
'aria-label': null,
|
|
685
|
+
'aria-labelledby': null,
|
|
682
686
|
transitionOptions: null,
|
|
683
687
|
onChange: null,
|
|
684
688
|
onInput: null,
|
package/mention/mention.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,l,i,a,o,u,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=f(t),d=c(n);function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw l}}return i}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||h(e,t)||b(e,t)||O()}var x=p.memo(p.forwardRef((function(e,t){var n=p.useRef(t),r=p.useRef(0),l=function(e){var t=n.current;t&&a.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},o=p.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||n.current&&a.ObjectUtils.isNotEmpty(n.current.value)}),[e.value,e.defaultValue]);p.useEffect((function(){a.ObjectUtils.combinedRefs(n,t)}),[n,t]),p.useEffect((function(){e.autoResize&&l(!0)}),[e.autoResize]);var u=a.ObjectUtils.isNotEmpty(e.tooltip),s=a.ObjectUtils.findDiffKeys(e,x.defaultProps),c=a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":o,"p-inputtextarea-resizable":e.autoResize},e.className);return p.createElement(p.Fragment,null,p.createElement("textarea",g({ref:n},s,{className:c,onFocus:function(t){e.autoResize&&l(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&l(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&l(),e.onKeyUp&&e.onKeyUp(t)},onInput:function(t){e.autoResize&&l(),e.onInput&&e.onInput(t);var n=t.target;a.ObjectUtils.isNotEmpty(n.value)?a.DomHandler.addClass(n,"p-filled"):a.DomHandler.removeClass(n,"p-filled")}})),u&&p.createElement(i.Tooltip,g({target:n,content:e.tooltip},e.tooltipOptions)))})));function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="InputTextarea",x.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};var w=p.memo(p.forwardRef((function(e,t){var n=E(p.useState(!1),2),i=n[0],c=n[1],f=E(p.useState(!1),2),m=f[0],y=f[1],h=E(p.useState(!1),2),v=h[0],b=h[1],O=E(p.useState(null),2),j=O[0],H=O[1],D=p.useRef(null),C=p.useRef(null),N=p.useRef(e.inputRef),R=p.useRef(null),U=p.useRef(null),I=E(l.useOverlayListener({target:D,overlay:C,listener:function(e,t){t.valid&&T()},when:i}),2),k=I[0],P=I[1],T=function(){c(!1),b(!1),H(null)},A=function(){a.ZIndexUtils.set("overlay",C.current,d.default.autoZIndex,d.default.zIndex.overlay),B()},z=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&a.DomHandler.addClass(R.current.firstChild,"p-highlight")},F=function(){k(),e.onShow&&e.onShow()},_=function(){P()},M=function(){a.ZIndexUtils.clear(C.current),e.onHide&&e.onHide()},B=function(){var e=j.key,t=j.index,n=N.current.value,r=a.DomHandler.getCursorOffset(N.current,n.substring(0,t-1),n.substring(t),e);C.current.style.transformOrigin="top",C.current.style.left="calc(".concat(r.left,"px + 1rem)"),C.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},K=function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},V=function(t,n,r){if(!j){var l=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(l)return{key:l,index:r};var i=t.substring(0,r).lastIndexOf(" "),a=Z(t,r);if(a.index>i)return a}return j},Z=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var l=t.substring(0,n).lastIndexOf(e);-1!==l&&(l>r.index||!r.index)&&(r={key:e,index:-1!==l?l+1:-1})})),r}var l=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==l?l+1:-1}},J=function(t){U.current&&clearTimeout(U.current);var n=t.target,r=n.value,l=n.selectionStart,i=r.substring(l-1,l);if(" "!==i){var a=V(r,i,l);if(a&&a.index>-1){var o=r.substring(a.index,l);U.current=setTimeout((function(){X(t,o,a)}),e.delay)}}else T()},X=function(t,n,r){e.onSearch&&(b(!0),H(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},Y=function(t,n){var r=N.current.value,l=t.target.selectionStart,i=r.indexOf(" ",j.index),a=r.substring(j.index,i>-1?i:l),o=q(n).replace(/\s+/g,"");if(a.trim()!==o){for(var u=0;u<o.length;){var s=o.charAt(u),c=a.charAt(u);if(s!==c&&" "!==c)break;u++}var f=r.substring(0,j.index),p=r.substring(j.index+u);N.current.value="".concat(f).concat(o," ").concat(p),e.onChange&&e.onChange(t)}var d=j.index+o.length+1;N.current.setSelectionRange(d,d),T(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},q=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===j.key}))]:e.field;return n?a.ObjectUtils.resolveFieldData(t,n):t}return""},L=function(e,t){N.current.focus(),Y(e,t)},$=p.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||N.current&&a.ObjectUtils.isNotEmpty(N.current.value)}),[e.value,e.defaultValue,N]);p.useEffect((function(){a.ObjectUtils.combinedRefs(N,e.inputRef)}),[N,e.inputRef]),l.useUpdateEffect((function(){v&&(e.suggestions&&e.suggestions.length?c(!0):T(),i&&B(),b(!1))}),[e.suggestions]),l.useUpdateEffect((function(){!$&&a.DomHandler.hasClass(D.current,"p-inputwrapper-filled")&&a.DomHandler.removeClass(D.current,"p-inputwrapper-filled")}),[$]),l.useUnmountEffect((function(){a.ZIndexUtils.clear(C.current)}));var G,Q,W,ee,te,ne=function(t,n){var r=n+"_item",l=e.itemTemplate?a.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:j?j.key:"",index:n}):q(t);return p.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return L(e,t)}},l,p.createElement(s.Ripple,null))},re=function(){if(e.suggestions){var t=e.suggestions.map(ne);return p.createElement("ul",{ref:R,className:"p-mention-items"},t)}return null},le=a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":$,"p-inputwrapper-focus":m},e.className),ie=a.classNames("p-mention-input",e.inputClassName),ae=a.ObjectUtils.findDiffKeys(e,w.defaultProps),oe=(G=a.classNames("p-mention-panel p-component",e.panelClassName),Q=S({maxHeight:e.scrollHeight},e.panelStyle),W=a.ObjectUtils.getJSXElement(e.headerTemplate,e),ee=a.ObjectUtils.getJSXElement(e.footerTemplate,e),te=re(),p.createElement(u.Portal,{element:p.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntering:z,onEntered:F,onExit:_,onExited:M},p.createElement("div",{ref:C,className:G,style:Q,onClick:K},W,te,ee)),appendTo:"self"}));return p.createElement("div",{ref:D,id:e.id,className:le,style:e.style},p.createElement(x,g({ref:N,id:e.inputId},ae,{className:ie,style:e.inputStyle,onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(i){var n=a.DomHandler.findSingle(C.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(a.DomHandler.addClass(r,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,r))}else(n=a.DomHandler.findSingle(C.current,"li"))&&a.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var l=n.previousElementSibling;l&&(a.DomHandler.addClass(l,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,l))}t.preventDefault();break;case 8:var o=t.target,u=o.selectionStart;o.value.substring(u-1,u)===j.key&&T();break;case 13:n&&Y(t,e.suggestions[a.DomHandler.index(n)]),t.preventDefault();break;case 27:T(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?a.DomHandler.addClass(D.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(D.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||J(e)},onChange:function(t){e.onChange&&e.onChange(t),J(t)}})),oe)})));return w.displayName="Mention",w.defaultProps={__TYPE:"Mention",id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null},e.Mention=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,l,i,a,o,u,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=f(t),d=c(n);function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw l}}return i}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||h(e,t)||b(e,t)||O()}var x=p.memo(p.forwardRef((function(e,t){var n=p.useRef(t),r=p.useRef(0),l=function(e){var t=n.current;t&&a.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},o=p.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||n.current&&a.ObjectUtils.isNotEmpty(n.current.value)}),[e.value,e.defaultValue]);p.useEffect((function(){a.ObjectUtils.combinedRefs(n,t)}),[n,t]),p.useEffect((function(){e.autoResize&&l(!0)}),[e.autoResize]);var u=a.ObjectUtils.isNotEmpty(e.tooltip),s=a.ObjectUtils.findDiffKeys(e,x.defaultProps),c=a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":o,"p-inputtextarea-resizable":e.autoResize},e.className);return p.createElement(p.Fragment,null,p.createElement("textarea",g({ref:n},s,{className:c,onFocus:function(t){e.autoResize&&l(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&l(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&l(),e.onKeyUp&&e.onKeyUp(t)},onInput:function(t){e.autoResize&&l(),e.onInput&&e.onInput(t);var n=t.target;a.ObjectUtils.isNotEmpty(n.value)?a.DomHandler.addClass(n,"p-filled"):a.DomHandler.removeClass(n,"p-filled")}})),u&&p.createElement(i.Tooltip,g({target:n,content:e.tooltip},e.tooltipOptions)))})));function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="InputTextarea",x.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};var w=p.memo(p.forwardRef((function(e,t){var n=E(p.useState(!1),2),i=n[0],c=n[1],f=E(p.useState(!1),2),m=f[0],y=f[1],h=E(p.useState(!1),2),v=h[0],b=h[1],O=E(p.useState(null),2),j=O[0],H=O[1],D=p.useRef(null),C=p.useRef(null),N=p.useRef(e.inputRef),R=p.useRef(null),U=p.useRef(null),I=E(l.useOverlayListener({target:D,overlay:C,listener:function(e,t){t.valid&&T()},when:i}),2),k=I[0],P=I[1],T=function(){c(!1),b(!1),H(null)},A=function(){a.ZIndexUtils.set("overlay",C.current,d.default.autoZIndex,d.default.zIndex.overlay),B()},z=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&a.DomHandler.addClass(R.current.firstChild,"p-highlight")},F=function(){k(),e.onShow&&e.onShow()},_=function(){P()},M=function(){a.ZIndexUtils.clear(C.current),e.onHide&&e.onHide()},B=function(){var e=j.key,t=j.index,n=N.current.value,r=a.DomHandler.getCursorOffset(N.current,n.substring(0,t-1),n.substring(t),e);C.current.style.transformOrigin="top",C.current.style.left="calc(".concat(r.left,"px + 1rem)"),C.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},K=function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},V=function(t,n,r){if(!j){var l=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(l)return{key:l,index:r};var i=t.substring(0,r).lastIndexOf(" "),a=Z(t,r);if(a.index>i)return a}return j},Z=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var l=t.substring(0,n).lastIndexOf(e);-1!==l&&(l>r.index||!r.index)&&(r={key:e,index:-1!==l?l+1:-1})})),r}var l=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==l?l+1:-1}},J=function(t){U.current&&clearTimeout(U.current);var n=t.target,r=n.value,l=n.selectionStart,i=r.substring(l-1,l);if(" "!==i){var a=V(r,i,l);if(a&&a.index>-1){var o=r.substring(a.index,l);U.current=setTimeout((function(){X(t,o,a)}),e.delay)}}else T()},X=function(t,n,r){e.onSearch&&(b(!0),H(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},Y=function(t,n){var r=N.current.value,l=t.target.selectionStart,i=r.indexOf(" ",j.index),a=r.substring(j.index,i>-1?i:l),o=q(n).replace(/\s+/g,"");if(a.trim()!==o){for(var u=0;u<o.length;){var s=o.charAt(u),c=a.charAt(u);if(s!==c&&" "!==c)break;u++}var f=r.substring(0,j.index),p=r.substring(j.index+u);N.current.value="".concat(f).concat(o," ").concat(p),e.onChange&&e.onChange(t)}var d=j.index+o.length+1;N.current.setSelectionRange(d,d),T(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},q=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===j.key}))]:e.field;return n?a.ObjectUtils.resolveFieldData(t,n):t}return""},L=function(e,t){N.current.focus(),Y(e,t)},$=p.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||N.current&&a.ObjectUtils.isNotEmpty(N.current.value)}),[e.value,e.defaultValue,N]);p.useEffect((function(){a.ObjectUtils.combinedRefs(N,e.inputRef)}),[N,e.inputRef]),l.useUpdateEffect((function(){v&&(e.suggestions&&e.suggestions.length?c(!0):T(),i&&B(),b(!1))}),[e.suggestions]),l.useUpdateEffect((function(){!$&&a.DomHandler.hasClass(D.current,"p-inputwrapper-filled")&&a.DomHandler.removeClass(D.current,"p-inputwrapper-filled")}),[$]),l.useUnmountEffect((function(){a.ZIndexUtils.clear(C.current)}));var G,Q,W,ee,te,ne=function(t,n){var r=n+"_item",l=e.itemTemplate?a.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:j?j.key:"",index:n}):q(t);return p.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return L(e,t)}},l,p.createElement(s.Ripple,null))},re=function(){if(e.suggestions){var t=e.suggestions.map(ne);return p.createElement("ul",{ref:R,className:"p-mention-items"},t)}return null},le=a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":$,"p-inputwrapper-focus":m},e.className),ie=a.classNames("p-mention-input",e.inputClassName),ae=a.ObjectUtils.findDiffKeys(e,w.defaultProps),oe=(G=a.classNames("p-mention-panel p-component",e.panelClassName),Q=S({maxHeight:e.scrollHeight},e.panelStyle),W=a.ObjectUtils.getJSXElement(e.headerTemplate,e),ee=a.ObjectUtils.getJSXElement(e.footerTemplate,e),te=re(),p.createElement(u.Portal,{element:p.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntering:z,onEntered:F,onExit:_,onExited:M},p.createElement("div",{ref:C,className:G,style:Q,onClick:K},W,te,ee)),appendTo:"self"}));return p.createElement("div",{ref:D,id:e.id,className:le,style:e.style},p.createElement(x,g({ref:N,id:e.inputId,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],className:ie,style:e.inputStyle},ae,{onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(i){var n=a.DomHandler.findSingle(C.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(a.DomHandler.addClass(r,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,r))}else(n=a.DomHandler.findSingle(C.current,"li"))&&a.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var l=n.previousElementSibling;l&&(a.DomHandler.addClass(l,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,l))}t.preventDefault();break;case 8:var o=t.target,u=o.selectionStart;o.value.substring(u-1,u)===j.key&&T();break;case 13:n&&Y(t,e.suggestions[a.DomHandler.index(n)]),t.preventDefault();break;case 27:T(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?a.DomHandler.addClass(D.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(D.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||J(e)},onChange:function(t){e.onChange&&e.onChange(t),J(t)}})),oe)})));return w.displayName="Mention",w.defaultProps={__TYPE:"Mention",id:null,inputId:null,inputRef:null,style:null,className:null,trigger:"@",suggestions:null,field:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",autoHighlight:!0,delay:0,headerTemplate:null,footerTemplate:null,itemTemplate:null,"aria-label":null,"aria-labelledby":null,transitionOptions:null,onChange:null,onInput:null,onSearch:null,onSelect:null,onFocus:null,onBlur:null,onShow:null,onHide:null},e.Mention=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
|
|
@@ -177,7 +177,6 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
177
177
|
});
|
|
178
178
|
inputRef.current.checked = !_checked;
|
|
179
179
|
inputRef.current.focus();
|
|
180
|
-
event.preventDefault();
|
|
181
180
|
}
|
|
182
181
|
};
|
|
183
182
|
|
|
@@ -866,7 +865,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
866
865
|
if (highlightItem && highlightItem.scrollIntoView) {
|
|
867
866
|
highlightItem.scrollIntoView({
|
|
868
867
|
block: 'nearest',
|
|
869
|
-
inline: '
|
|
868
|
+
inline: 'nearest'
|
|
870
869
|
});
|
|
871
870
|
}
|
|
872
871
|
};
|
|
@@ -1182,9 +1181,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1182
1181
|
var filteredSubOptions = PrimeReact.FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
|
|
1183
1182
|
|
|
1184
1183
|
if (filteredSubOptions && filteredSubOptions.length) {
|
|
1185
|
-
filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), {
|
|
1186
|
-
items: filteredSubOptions
|
|
1187
|
-
}));
|
|
1184
|
+
filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
|
|
1188
1185
|
}
|
|
1189
1186
|
}
|
|
1190
1187
|
} catch (err) {
|