primereact 10.8.4 → 10.9.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/LICENSE.md +1 -1
- package/api/api.cjs.js +17 -16
- package/api/api.cjs.min.js +1 -1
- package/api/api.esm.js +17 -16
- package/api/api.esm.min.js +1 -1
- package/api/api.js +17 -16
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +28 -15
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +1 -1
- package/autocomplete/autocomplete.esm.js +28 -15
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +28 -15
- package/autocomplete/autocomplete.min.js +1 -1
- package/calendar/calendar.cjs.js +11 -5
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +11 -5
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +11 -5
- package/calendar/calendar.min.js +1 -1
- package/checkbox/checkbox.cjs.js +6 -6
- package/checkbox/checkbox.cjs.min.js +1 -1
- package/checkbox/checkbox.esm.js +6 -6
- package/checkbox/checkbox.esm.min.js +1 -1
- package/checkbox/checkbox.js +6 -6
- package/checkbox/checkbox.min.js +1 -1
- package/chip/chip.cjs.js +7 -3
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +7 -3
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +7 -3
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +27 -19
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +27 -19
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +27 -19
- package/chips/chips.min.js +1 -1
- package/componentbase/componentbase.cjs.js +2 -2
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +2 -2
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +2 -2
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +8 -6
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +8 -6
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +8 -6
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/core/core.js +111 -97
- package/core/core.min.js +13 -13
- package/datatable/datatable.cjs.js +38 -30
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +38 -30
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +38 -30
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +8 -8
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +8 -8
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +8 -8
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +28 -18
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +2 -2
- package/dropdown/dropdown.esm.js +28 -18
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +28 -18
- package/dropdown/dropdown.min.js +1 -1
- package/focustrap/focustrap.cjs.js +7 -7
- package/focustrap/focustrap.cjs.min.js +1 -1
- package/focustrap/focustrap.esm.js +7 -7
- package/focustrap/focustrap.esm.min.js +1 -1
- package/focustrap/focustrap.js +7 -7
- package/focustrap/focustrap.min.js +1 -1
- package/iconbase/iconbase.cjs.js +1 -1
- package/iconbase/iconbase.cjs.min.js +1 -1
- package/iconbase/iconbase.esm.js +1 -1
- package/iconbase/iconbase.esm.min.js +1 -1
- package/iconbase/iconbase.js +1 -1
- package/iconbase/iconbase.min.js +1 -1
- package/inputmask/inputmask.cjs.js +2 -1
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +2 -1
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +2 -1
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +3 -0
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +4 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +3 -0
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputtext/inputtext.cjs.js +7 -0
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +7 -0
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +7 -0
- package/inputtext/inputtext.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +11 -2
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +11 -2
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +11 -2
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/mention/mention.cjs.js +12 -2
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +12 -2
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +12 -2
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +18 -11
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +18 -11
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +18 -11
- package/menu/menu.min.js +1 -1
- package/messages/messages.cjs.js +2 -3
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +3 -4
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +2 -3
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +97 -102
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +98 -103
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +97 -102
- package/multiselect/multiselect.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.cjs.js +7 -7
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +7 -7
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +7 -7
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/organizationchart/organizationchart.cjs.js +2 -6
- package/organizationchart/organizationchart.esm.js +2 -6
- package/organizationchart/organizationchart.js +2 -6
- package/overlaypanel/overlaypanel.cjs.js +1 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +2 -3
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +1 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/primereact.all.cjs.js +409 -299
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2812 -2702
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +409 -299
- package/primereact.all.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +4 -1
- package/resources/themes/arya-green/theme.css +4 -1
- package/resources/themes/arya-orange/theme.css +4 -1
- package/resources/themes/arya-purple/theme.css +4 -1
- package/resources/themes/bootstrap4-dark-blue/theme.css +4 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +4 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +4 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +4 -1
- package/resources/themes/fluent-light/theme.css +4 -1
- package/resources/themes/lara-dark-amber/theme.css +2 -1
- package/resources/themes/lara-dark-blue/theme.css +2 -1
- package/resources/themes/lara-dark-cyan/theme.css +2 -1
- package/resources/themes/lara-dark-green/theme.css +2 -1
- package/resources/themes/lara-dark-indigo/theme.css +2 -1
- package/resources/themes/lara-dark-pink/theme.css +2 -1
- package/resources/themes/lara-dark-purple/theme.css +2 -1
- package/resources/themes/lara-dark-teal/theme.css +2 -1
- package/resources/themes/lara-light-amber/theme.css +2 -1
- package/resources/themes/lara-light-blue/theme.css +2 -1
- package/resources/themes/lara-light-cyan/theme.css +2 -1
- package/resources/themes/lara-light-green/theme.css +2 -1
- package/resources/themes/lara-light-indigo/theme.css +2 -1
- package/resources/themes/lara-light-pink/theme.css +2 -1
- package/resources/themes/lara-light-purple/theme.css +2 -1
- package/resources/themes/lara-light-teal/theme.css +2 -1
- package/resources/themes/luna-amber/theme.css +4 -1
- package/resources/themes/luna-blue/theme.css +4 -1
- package/resources/themes/luna-green/theme.css +4 -1
- package/resources/themes/luna-pink/theme.css +4 -1
- package/resources/themes/md-dark-deeppurple/theme.css +3 -1
- package/resources/themes/md-dark-indigo/theme.css +3 -1
- package/resources/themes/md-light-deeppurple/theme.css +3 -1
- package/resources/themes/md-light-indigo/theme.css +3 -1
- package/resources/themes/mdc-dark-deeppurple/theme.css +3 -1
- package/resources/themes/mdc-dark-indigo/theme.css +3 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +3 -1
- package/resources/themes/mdc-light-indigo/theme.css +3 -1
- package/resources/themes/mira/theme.css +2 -1
- package/resources/themes/nano/theme.css +4 -1
- package/resources/themes/nova/theme.css +4 -1
- package/resources/themes/nova-accent/theme.css +4 -1
- package/resources/themes/nova-alt/theme.css +4 -1
- package/resources/themes/rhea/theme.css +4 -1
- package/resources/themes/saga-blue/theme.css +4 -1
- package/resources/themes/saga-green/theme.css +4 -1
- package/resources/themes/saga-orange/theme.css +4 -1
- package/resources/themes/saga-purple/theme.css +4 -1
- package/resources/themes/soho-dark/theme.css +1 -0
- package/resources/themes/soho-light/theme.css +1 -0
- package/resources/themes/tailwind-light/theme.css +2 -1
- package/resources/themes/vela-blue/theme.css +4 -1
- package/resources/themes/vela-green/theme.css +4 -1
- package/resources/themes/vela-orange/theme.css +4 -1
- package/resources/themes/vela-purple/theme.css +4 -1
- package/resources/themes/viva-dark/theme.css +1 -0
- package/resources/themes/viva-light/theme.css +1 -0
- package/scrollpanel/scrollpanel.cjs.js +1 -0
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +1 -0
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +1 -0
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/sidebar/sidebar.cjs.js +2 -3
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +3 -4
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +2 -3
- package/sidebar/sidebar.min.js +1 -1
- package/splitbutton/splitbutton.d.ts +2 -2
- package/tabview/tabview.cjs.js +17 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +17 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +17 -1
- package/tabview/tabview.min.js +1 -1
- package/toast/toast.cjs.js +5 -242
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +6 -243
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +5 -242
- package/toast/toast.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +1 -1
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +1 -1
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +1 -1
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +4 -2
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +5 -3
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +4 -2
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +7 -7
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +7 -7
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +7 -7
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +3 -2
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +4 -3
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +3 -2
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +49 -38
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +49 -38
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +49 -38
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/utils/utils.cjs.js +10 -31
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +9 -10
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +12 -31
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +14 -3
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +15 -4
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +14 -3
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import PrimeReact, { PrimeReactContext, localeOption, FilterService } from 'primereact/api';
|
|
3
|
+
import PrimeReact, { PrimeReactContext, ariaLabel, localeOption, FilterService } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
5
|
import { useMergeProps, useUpdateEffect, useMountEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
|
|
6
6
|
import { ChevronDownIcon } from 'primereact/icons/chevrondown';
|
|
@@ -440,15 +440,15 @@ var Checkbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
|
|
|
440
440
|
DomHandler.focus(inputRef.current);
|
|
441
441
|
}
|
|
442
442
|
};
|
|
443
|
-
var _onFocus = function onFocus() {
|
|
443
|
+
var _onFocus = function onFocus(event) {
|
|
444
444
|
var _props$onFocus;
|
|
445
445
|
setFocusedState(true);
|
|
446
|
-
props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
|
|
446
|
+
props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
|
|
447
447
|
};
|
|
448
|
-
var _onBlur = function onBlur() {
|
|
448
|
+
var _onBlur = function onBlur(event) {
|
|
449
449
|
var _props$onBlur;
|
|
450
450
|
setFocusedState(false);
|
|
451
|
-
props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
|
|
451
|
+
props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
|
|
452
452
|
};
|
|
453
453
|
React.useImperativeHandle(ref, function () {
|
|
454
454
|
return {
|
|
@@ -499,10 +499,10 @@ var Checkbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
|
|
|
499
499
|
name: props.name,
|
|
500
500
|
tabIndex: props.tabIndex,
|
|
501
501
|
onFocus: function onFocus(e) {
|
|
502
|
-
return _onFocus();
|
|
502
|
+
return _onFocus(e);
|
|
503
503
|
},
|
|
504
504
|
onBlur: function onBlur(e) {
|
|
505
|
-
return _onBlur();
|
|
505
|
+
return _onBlur(e);
|
|
506
506
|
},
|
|
507
507
|
onChange: function onChange(e) {
|
|
508
508
|
return _onChange(e);
|
|
@@ -669,7 +669,7 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
|
|
|
669
669
|
var closeButtonProps = mergeProps({
|
|
670
670
|
type: 'button',
|
|
671
671
|
className: cx('closeButton'),
|
|
672
|
-
'aria-label':
|
|
672
|
+
'aria-label': ariaLabel('close'),
|
|
673
673
|
onClick: props.onClose
|
|
674
674
|
}, getPTOptions('closeButton'));
|
|
675
675
|
var closeElement = /*#__PURE__*/React.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React.createElement(Ripple, null));
|
|
@@ -863,34 +863,6 @@ var MultiSelectPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
|
|
|
863
863
|
props === null || props === void 0 || (_props$changeFocusedO = props.changeFocusedOptionIndex) === null || _props$changeFocusedO === void 0 || _props$changeFocusedO.call(props, event, index);
|
|
864
864
|
}
|
|
865
865
|
};
|
|
866
|
-
var createGroupChildren = function createGroupChildren(optionGroup, style) {
|
|
867
|
-
var groupChildren = props.getOptionGroupChildren(optionGroup);
|
|
868
|
-
return groupChildren.map(function (option, j) {
|
|
869
|
-
var optionLabel = props.getOptionLabel(option);
|
|
870
|
-
var optionKey = j + '_' + props.getOptionRenderKey(option);
|
|
871
|
-
var disabled = props.isOptionDisabled(option);
|
|
872
|
-
var selected = props.isSelected(option);
|
|
873
|
-
return /*#__PURE__*/React.createElement(MultiSelectItem, {
|
|
874
|
-
hostName: props.hostName,
|
|
875
|
-
index: j,
|
|
876
|
-
key: optionKey,
|
|
877
|
-
focusedOptionIndex: props.focusedOptionIndex,
|
|
878
|
-
label: optionLabel,
|
|
879
|
-
option: option,
|
|
880
|
-
style: style,
|
|
881
|
-
template: props.itemTemplate,
|
|
882
|
-
selected: selected,
|
|
883
|
-
onClick: props.onOptionSelect,
|
|
884
|
-
onMouseMove: changeFocusedItemOnHover,
|
|
885
|
-
disabled: disabled,
|
|
886
|
-
className: props.itemClassName,
|
|
887
|
-
checkboxIcon: props.checkboxIcon,
|
|
888
|
-
isUnstyled: isUnstyled,
|
|
889
|
-
ptm: ptm,
|
|
890
|
-
cx: cx
|
|
891
|
-
});
|
|
892
|
-
});
|
|
893
|
-
};
|
|
894
866
|
var createEmptyFilter = function createEmptyFilter() {
|
|
895
867
|
var emptyFilterMessage = ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || localeOption('emptyFilterMessage');
|
|
896
868
|
var emptyMessageProps = mergeProps({
|
|
@@ -914,9 +886,8 @@ var MultiSelectPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
|
|
|
914
886
|
var style = {
|
|
915
887
|
height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
|
|
916
888
|
};
|
|
917
|
-
if (props.optionGroupLabel) {
|
|
889
|
+
if (option.group && props.optionGroupLabel) {
|
|
918
890
|
var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
|
|
919
|
-
var groupChildrenContent = createGroupChildren(option, style);
|
|
920
891
|
var key = index + '_' + props.getOptionGroupRenderKey(option);
|
|
921
892
|
var itemGroupProps = mergeProps({
|
|
922
893
|
className: cx('itemGroup'),
|
|
@@ -924,11 +895,9 @@ var MultiSelectPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
|
|
|
924
895
|
scrollerOptions: scrollerOptions
|
|
925
896
|
})
|
|
926
897
|
}, getPTOptions('itemGroup'));
|
|
927
|
-
return /*#__PURE__*/React.createElement(
|
|
928
|
-
key: key
|
|
929
|
-
}, /*#__PURE__*/React.createElement("li", _extends({}, itemGroupProps, {
|
|
898
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
930
899
|
key: key
|
|
931
|
-
}
|
|
900
|
+
}, itemGroupProps), groupContent);
|
|
932
901
|
}
|
|
933
902
|
var optionLabel = props.getOptionLabel(option);
|
|
934
903
|
var optionKey = index + '_' + props.getOptionRenderKey(option);
|
|
@@ -1124,8 +1093,9 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1124
1093
|
var firstHiddenFocusableElementOnOverlay = React.useRef(null);
|
|
1125
1094
|
var lastHiddenFocusableElementOnOverlay = React.useRef(null);
|
|
1126
1095
|
var inputRef = React.useRef(props.inputRef);
|
|
1127
|
-
var
|
|
1096
|
+
var labelContainerRef = React.useRef(null);
|
|
1128
1097
|
var overlayRef = React.useRef(null);
|
|
1098
|
+
var labelRef = React.useRef(null);
|
|
1129
1099
|
var hasFilter = filterState && filterState.trim().length > 0;
|
|
1130
1100
|
var empty = ObjectUtils.isEmpty(props.value);
|
|
1131
1101
|
var equalityKey = props.optionValue ? null : props.dataKey;
|
|
@@ -1431,29 +1401,12 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1431
1401
|
var value = null;
|
|
1432
1402
|
if (event.checked) {
|
|
1433
1403
|
value = [];
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
});
|
|
1438
|
-
value = selectedOptions.map(function (option) {
|
|
1439
|
-
return getOptionValue(option);
|
|
1440
|
-
});
|
|
1441
|
-
}
|
|
1442
|
-
} else if (visibleOptions) {
|
|
1443
|
-
var options = visibleOptions.filter(function (option) {
|
|
1444
|
-
return !isOptionDisabled(option) || isSelected(option);
|
|
1404
|
+
} else {
|
|
1405
|
+
var validOptions = visibleOptions.filter(function (option) {
|
|
1406
|
+
return isValidOption(option) && !isOptionDisabled(option);
|
|
1445
1407
|
});
|
|
1446
|
-
if (
|
|
1447
|
-
value =
|
|
1448
|
-
options.forEach(function (optionGroup) {
|
|
1449
|
-
return value = [].concat(_toConsumableArray(value), _toConsumableArray(getOptionGroupChildren(optionGroup).filter(function (option) {
|
|
1450
|
-
return !isOptionDisabled(option);
|
|
1451
|
-
}).map(function (option) {
|
|
1452
|
-
return getOptionValue(option);
|
|
1453
|
-
})));
|
|
1454
|
-
});
|
|
1455
|
-
} else {
|
|
1456
|
-
value = options.map(function (option) {
|
|
1408
|
+
if (validOptions) {
|
|
1409
|
+
value = validOptions.map(function (option) {
|
|
1457
1410
|
return getOptionValue(option);
|
|
1458
1411
|
});
|
|
1459
1412
|
}
|
|
@@ -1557,7 +1510,7 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1557
1510
|
props.onHide && props.onHide();
|
|
1558
1511
|
};
|
|
1559
1512
|
var alignOverlay = function alignOverlay() {
|
|
1560
|
-
DomHandler.alignOverlay(overlayRef.current,
|
|
1513
|
+
!props.inline && DomHandler.alignOverlay(overlayRef.current, labelContainerRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
|
|
1561
1514
|
};
|
|
1562
1515
|
var isClearClicked = function isClearClicked(event) {
|
|
1563
1516
|
return DomHandler.getAttribute(event.target, 'data-pc-section') === 'clearicon';
|
|
@@ -1659,31 +1612,8 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1659
1612
|
return false;
|
|
1660
1613
|
}
|
|
1661
1614
|
var options = visibleOptions.filter(function (option) {
|
|
1662
|
-
return !isOptionDisabled(option);
|
|
1615
|
+
return !isOptionDisabled(option) && isValidOption(option);
|
|
1663
1616
|
});
|
|
1664
|
-
if (props.optionGroupLabel) {
|
|
1665
|
-
var areAllSelected = true;
|
|
1666
|
-
var _iterator2 = _createForOfIteratorHelper(options),
|
|
1667
|
-
_step2;
|
|
1668
|
-
try {
|
|
1669
|
-
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
1670
|
-
var optionGroup = _step2.value;
|
|
1671
|
-
var visibleOptionsGroupChildren = getOptionGroupChildren(optionGroup).filter(function (option) {
|
|
1672
|
-
return !isOptionDisabled(option);
|
|
1673
|
-
});
|
|
1674
|
-
if (visibleOptionsGroupChildren.some(function (option) {
|
|
1675
|
-
return !isSelected(option);
|
|
1676
|
-
}) === true) {
|
|
1677
|
-
areAllSelected = false;
|
|
1678
|
-
}
|
|
1679
|
-
}
|
|
1680
|
-
} catch (err) {
|
|
1681
|
-
_iterator2.e(err);
|
|
1682
|
-
} finally {
|
|
1683
|
-
_iterator2.f();
|
|
1684
|
-
}
|
|
1685
|
-
return areAllSelected;
|
|
1686
|
-
}
|
|
1687
1617
|
return !options.some(function (option) {
|
|
1688
1618
|
return !isSelected(option);
|
|
1689
1619
|
});
|
|
@@ -1733,7 +1663,7 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1733
1663
|
return !props.useOptionAsValue && props.optionValue || option && option.value !== undefined;
|
|
1734
1664
|
};
|
|
1735
1665
|
var isOptionGroup = function isOptionGroup(option) {
|
|
1736
|
-
return props.optionGroupLabel && option.
|
|
1666
|
+
return props.optionGroupLabel && option.group;
|
|
1737
1667
|
};
|
|
1738
1668
|
var hasSelectedOption = function hasSelectedOption() {
|
|
1739
1669
|
return ObjectUtils.isNotEmpty(props.value);
|
|
@@ -1844,6 +1774,7 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1844
1774
|
};
|
|
1845
1775
|
var removeChip = function removeChip(event, item) {
|
|
1846
1776
|
event.stopPropagation();
|
|
1777
|
+
if (!isVisible(event.currentTarget)) return;
|
|
1847
1778
|
var value = props.value.filter(function (val) {
|
|
1848
1779
|
return !ObjectUtils.equals(val, item, equalityKey);
|
|
1849
1780
|
});
|
|
@@ -1855,6 +1786,17 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1855
1786
|
}
|
|
1856
1787
|
updateModel(event, value, item);
|
|
1857
1788
|
};
|
|
1789
|
+
var isVisible = function isVisible(element) {
|
|
1790
|
+
var parentElement = labelRef.current;
|
|
1791
|
+
var isOverflow = parentElement.clientWidth < parentElement.scrollWidth;
|
|
1792
|
+
if (!isOverflow) return true;
|
|
1793
|
+
var target = element.closest('[data-pc-section="token"]');
|
|
1794
|
+
var parentStyles = window.getComputedStyle(parentElement);
|
|
1795
|
+
var targetStyles = window.getComputedStyle(target);
|
|
1796
|
+
var parentWidth = parentElement.clientWidth - parseFloat(parentStyles.paddingLeft) - parseFloat(parentStyles.paddingRight);
|
|
1797
|
+
var targetRight = target.getBoundingClientRect().right + parseFloat(targetStyles.marginRight) - parentElement.getBoundingClientRect().left;
|
|
1798
|
+
return targetRight <= parentWidth;
|
|
1799
|
+
};
|
|
1858
1800
|
var getSelectedItemsLabel = function getSelectedItemsLabel() {
|
|
1859
1801
|
var pattern = /{(.*?)}/;
|
|
1860
1802
|
var selectedItemsLabel = props.selectedItemsLabel || localeOption('selectionMessage');
|
|
@@ -1905,10 +1847,15 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1905
1847
|
var label = getLabelByValue(val);
|
|
1906
1848
|
var labelKey = label + '_' + i;
|
|
1907
1849
|
var iconProps = mergeProps({
|
|
1850
|
+
'aria-label': localeOption('removeTokenIcon'),
|
|
1908
1851
|
className: cx('removeTokenIcon'),
|
|
1909
1852
|
onClick: function onClick(e) {
|
|
1910
1853
|
return removeChip(e, val);
|
|
1911
|
-
}
|
|
1854
|
+
},
|
|
1855
|
+
onKeyDown: function onKeyDown(e) {
|
|
1856
|
+
return onRemoveTokenIconKeyDown(e, val);
|
|
1857
|
+
},
|
|
1858
|
+
tabIndex: props.tabIndex || '0'
|
|
1912
1859
|
}, ptm('removeTokenIcon', context));
|
|
1913
1860
|
var icon = !props.disabled && (props.removeIcon ? IconUtils.getJSXIcon(props.removeIcon, _objectSpread({}, iconProps), {
|
|
1914
1861
|
props: props
|
|
@@ -1927,31 +1874,73 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1927
1874
|
return getLabel();
|
|
1928
1875
|
};
|
|
1929
1876
|
var getVisibleOptions = function getVisibleOptions() {
|
|
1877
|
+
var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
|
|
1930
1878
|
if (hasFilter) {
|
|
1931
1879
|
var filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
|
|
1932
1880
|
var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
|
|
1933
1881
|
if (props.optionGroupLabel) {
|
|
1934
1882
|
var filteredGroups = [];
|
|
1935
|
-
var
|
|
1936
|
-
|
|
1883
|
+
var _iterator2 = _createForOfIteratorHelper(props.options),
|
|
1884
|
+
_step2;
|
|
1937
1885
|
try {
|
|
1938
|
-
for (
|
|
1939
|
-
var optgroup =
|
|
1886
|
+
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
1887
|
+
var optgroup = _step2.value;
|
|
1940
1888
|
var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
|
|
1941
1889
|
if (filteredSubOptions && filteredSubOptions.length) {
|
|
1942
1890
|
filteredGroups.push(_objectSpread(_objectSpread({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
|
|
1943
1891
|
}
|
|
1944
1892
|
}
|
|
1945
1893
|
} catch (err) {
|
|
1946
|
-
|
|
1894
|
+
_iterator2.e(err);
|
|
1947
1895
|
} finally {
|
|
1948
|
-
|
|
1896
|
+
_iterator2.f();
|
|
1949
1897
|
}
|
|
1950
|
-
return filteredGroups;
|
|
1898
|
+
return flatOptions(filteredGroups);
|
|
1951
1899
|
}
|
|
1952
|
-
return FilterService.filter(
|
|
1900
|
+
return FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
|
|
1901
|
+
}
|
|
1902
|
+
return options;
|
|
1903
|
+
};
|
|
1904
|
+
var flatOptions = function flatOptions(options) {
|
|
1905
|
+
return (options || []).reduce(function (result, option, index) {
|
|
1906
|
+
result.push(_objectSpread(_objectSpread({}, option), {}, {
|
|
1907
|
+
group: true,
|
|
1908
|
+
index: index
|
|
1909
|
+
}));
|
|
1910
|
+
var optionGroupChildren = getOptionGroupChildren(option);
|
|
1911
|
+
optionGroupChildren && optionGroupChildren.forEach(function (o) {
|
|
1912
|
+
return result.push(o);
|
|
1913
|
+
});
|
|
1914
|
+
return result;
|
|
1915
|
+
}, []);
|
|
1916
|
+
};
|
|
1917
|
+
var onClearIconKeyDown = function onClearIconKeyDown(event) {
|
|
1918
|
+
event.preventDefault();
|
|
1919
|
+
event.stopPropagation();
|
|
1920
|
+
switch (event.code) {
|
|
1921
|
+
case 'Space':
|
|
1922
|
+
case 'NumpadEnter':
|
|
1923
|
+
case 'Enter':
|
|
1924
|
+
if (props.inline) {
|
|
1925
|
+
break;
|
|
1926
|
+
}
|
|
1927
|
+
updateModel(event, [], []);
|
|
1928
|
+
break;
|
|
1929
|
+
}
|
|
1930
|
+
};
|
|
1931
|
+
var onRemoveTokenIconKeyDown = function onRemoveTokenIconKeyDown(event, val) {
|
|
1932
|
+
event.preventDefault();
|
|
1933
|
+
event.stopPropagation();
|
|
1934
|
+
switch (event.code) {
|
|
1935
|
+
case 'Space':
|
|
1936
|
+
case 'NumpadEnter':
|
|
1937
|
+
case 'Enter':
|
|
1938
|
+
if (props.inline) {
|
|
1939
|
+
break;
|
|
1940
|
+
}
|
|
1941
|
+
removeChip(event, val);
|
|
1942
|
+
break;
|
|
1953
1943
|
}
|
|
1954
|
-
return props.options;
|
|
1955
1944
|
};
|
|
1956
1945
|
React.useImperativeHandle(ref, function () {
|
|
1957
1946
|
return {
|
|
@@ -1997,9 +1986,14 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
1997
1986
|
var createClearIcon = function createClearIcon() {
|
|
1998
1987
|
var clearIconProps = mergeProps({
|
|
1999
1988
|
className: cx('clearIcon'),
|
|
1989
|
+
'aria-label': localeOption('clear'),
|
|
2000
1990
|
onClick: function onClick(e) {
|
|
2001
1991
|
return updateModel(e, [], []);
|
|
2002
|
-
}
|
|
1992
|
+
},
|
|
1993
|
+
onKeyDown: function onKeyDown(e) {
|
|
1994
|
+
return onClearIconKeyDown(e);
|
|
1995
|
+
},
|
|
1996
|
+
tabIndex: props.tabIndex || '0'
|
|
2003
1997
|
}, ptm('clearIcon'));
|
|
2004
1998
|
var icon = props.clearIcon || /*#__PURE__*/React.createElement(TimesIcon, clearIconProps);
|
|
2005
1999
|
var clearIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, clearIconProps), {
|
|
@@ -2013,10 +2007,11 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
2013
2007
|
var createLabel = function createLabel() {
|
|
2014
2008
|
var content = getLabelContent();
|
|
2015
2009
|
var labelContainerProps = mergeProps({
|
|
2016
|
-
ref:
|
|
2010
|
+
ref: labelContainerRef,
|
|
2017
2011
|
className: cx('labelContainer')
|
|
2018
2012
|
}, ptm('labelContainer'));
|
|
2019
2013
|
var labelProps = mergeProps({
|
|
2014
|
+
ref: labelRef,
|
|
2020
2015
|
className: cx('label', {
|
|
2021
2016
|
empty: empty
|
|
2022
2017
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as l,FilterService as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as a,useUpdateEffect as c,useMountEffect as u,useOverlayListener as s,useUnmountEffect as p}from"primereact/hooks";import{ChevronDownIcon as f}from"primereact/icons/chevrondown";import{SpinnerIcon as d}from"primereact/icons/spinner";import{TimesIcon as m}from"primereact/icons/times";import{TimesCircleIcon as v}from"primereact/icons/timescircle";import{OverlayService as b}from"primereact/overlayservice";import{Tooltip as h}from"primereact/tooltip";import{classNames as y,ObjectUtils as g,DomHandler as O,IconUtils as x,UniqueComponentId as E,ZIndexUtils as I}from"primereact/utils";import{CSSTransition as S}from"primereact/csstransition";import{Portal as k}from"primereact/portal";import{VirtualScroller as w}from"primereact/virtualscroller";import{CheckIcon as C}from"primereact/icons/check";import{SearchIcon as N}from"primereact/icons/search";import{InputText as F}from"primereact/inputtext";import{Ripple as P}from"primereact/ripple";function j(){return j=Object.assign?Object.assign.bind():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},j.apply(this,arguments)}function L(e){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},L(e)}function D(e,t){if("object"!==L(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==L(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function A(e){var t=D(e,"string");return"symbol"===L(t)?t:String(t)}function M(e,t,n){return(t=A(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(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 R(e){if(Array.isArray(e))return T(e)}function V(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function G(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function H(){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 K(e){return R(e)||V(e)||G(e)||H()}function J(e){throw new TypeError('"'+e+'" is read-only')}function X(e){if(Array.isArray(e))return e}function _(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}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 U(e,t){return X(e)||_(e,t)||G(e,t)||B()}var q=o.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,selectOnFocus:!1,focusOnHover:!0,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,variant:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context,l=e.focusedState,r=e.overlayVisibleState;return y("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":l,"p-inputwrapper-filled":g.isNotEmpty(t.value),"p-inputwrapper-focus":l||r})},label:function(e){var t=e.props,n=e.empty;return y("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var n=e.panelProps,l=e.context;return y("p-multiselect-panel p-component",{"p-multiselect-inline":n.inline,"p-multiselect-flex":n.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":l&&"filled"===l.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===t.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return y("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-multiselect-checkbox",checkboxIcon:"p-checkbox-icon p-c",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n outline: none;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 3rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),z=o.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return y("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function W(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=e.memo(e.forwardRef((function(t,l){var r=a(),o=e.useContext(n),s=z.getProps(t,o),p=U(e.useState(!1),2),f=p[1],d=z.setMetaData({props:s,state:{focused:p[0]},context:{checked:s.checked===s.trueValue,disabled:s.disabled}}),m=d.ptm,v=d.cx;i(z.css.styles,d.isUnstyled,{name:"checkbox"});var b=e.useRef(null),E=e.useRef(s.inputRef),I=function(){return s.checked===s.trueValue},S=function(e){if(!s.disabled&&!s.readonly&&s.onChange){var t,n=I()?s.falseValue:s.trueValue;if(null==s||null===(t=s.onChange)||void 0===t||t.call(s,{originalEvent:e,value:s.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:s.name,id:s.id,value:s.value,checked:n}}),e.defaultPrevented)return;O.focus(E.current)}};e.useImperativeHandle(l,(function(){return{props:s,focus:function(){return O.focus(E.current)},getElement:function(){return b.current},getInput:function(){return E.current}}})),e.useEffect((function(){g.combinedRefs(E,s.inputRef)}),[E,s.inputRef]),c((function(){E.current.checked=I()}),[s.checked,s.trueValue]),u((function(){s.autoFocus&&O.focus(E.current,s.autoFocus)}));var k,w,N,F,P,L=I(),D=g.isNotEmpty(s.tooltip),A=z.getOtherProps(s),M=r({id:s.id,className:y(s.className,v("root",{checked:L,context:o})),style:s.style,"data-p-highlight":L,"data-p-disabled":s.disabled,onContextMenu:s.onContextMenu,onMouseDown:s.onMouseDown},A,m("root"));return e.createElement(e.Fragment,null,e.createElement("div",j({ref:b},M),(F=g.reduceKeys(A,O.ARIA_PROPS),P=r(Y({id:s.inputId,type:"checkbox",className:v("input"),name:s.name,tabIndex:s.tabIndex,onFocus:function(e){return f(!0),void(null==s||null===(t=s.onFocus)||void 0===t||t.call(s));var t},onBlur:function(e){return f(!1),void(null==s||null===(t=s.onBlur)||void 0===t||t.call(s));var t},onChange:function(e){return S(e)},disabled:s.disabled,readOnly:s.readOnly,required:s.required,"aria-invalid":s.invalid,checked:L},F),m("input")),e.createElement("input",j({ref:E},P))),(k=r({className:v("icon")},m("icon")),w=r({className:v("box",{checked:L}),"data-p-highlight":L,"data-p-disabled":s.disabled},m("box")),N=x.getJSXIcon(L?s.icon||e.createElement(C,k):null,Y({},k),{props:s,checked:L}),e.createElement("div",w,N))),D&&e.createElement(h,j({target:b,content:s.tooltip,pt:m("tooltip")},s.tooltipOptions)))})));function $(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 Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Z.displayName="Checkbox";var ee=e.memo((function(t){var n=a(),r=t.ptm,o=t.cx,i=t.isUnstyled,c={filter:function(e){return s(e)},reset:function(){return t.resetFilter()}},u=function(e,n){return r(e,Q({hostName:t.hostName},n))},s=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},p=function(e){if(t.onSelectAll)t.onSelectAll({originalEvent:e,checked:t.selectAll});else{var n=t.isAllSelected()?[]:t.visibleOptions.filter((function(e){return t.isValidOption(e)})).map((function(e){return t.getOptionValue(e)}));t.updateModel(e,n,n)}},f=function(){var l=n({className:o("filterIcon")},u("filterIcon")),i=x.getJSXIcon(t.filterIcon||e.createElement(N,l),Q({},l),{props:t});if(t.filter){var a=n({className:o("filterContainer")},u("filterContainer")),p=e.createElement("div",a,e.createElement(F,{ref:t.filterRef,type:"text",role:"searchbox",value:t.filterValue,onChange:s,className:"p-multiselect-filter",placeholder:t.filterPlaceholder,pt:r("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}}),i);if(t.filterTemplate)p=g.getJSXElement(t.filterTemplate,{className:a.className,element:p,filterOptions:c,onFilter:s,filterIconClassName:t.filterIconClassName,props:t});return e.createElement(e.Fragment,null,p)}return null}(),d=t.id?t.id+"_selectall":E(),v=n({htmlFor:d,className:o("headerSelectAllLabel")},u("headerSelectAllLabel")),b=n({className:o("headerCheckboxIcon")},u("headerCheckbox.icon")),h=n({className:o("headerCheckboxContainer")},u("headerCheckboxContainer")),y=x.getJSXIcon(t.itemCheckboxIcon||e.createElement(C,b),Q({},b),{selected:t.selected}),O=t.showSelectAll&&e.createElement("div",h,e.createElement(Z,{id:d,checked:t.selectAll,onChange:p,role:"checkbox","aria-checked":t.selectAll,icon:y,pt:r("headerCheckbox"),unstyled:i()}),!t.filter&&e.createElement("label",v,t.selectAllLabel)),I=n({className:o("closeIcon"),"aria-hidden":!0},u("closeIcon")),S=x.getJSXIcon(t.closeIcon||e.createElement(m,I),Q({},I),{props:t}),k=n({className:o("header")},u("header")),w=n({type:"button",className:o("closeButton"),"aria-label":l("close"),onClick:t.onClose},u("closeButton")),j=e.createElement("button",w,S,e.createElement(P,null)),L=e.createElement("div",k,O,f,j);return t.template?g.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:O,checked:t.selectAll,onChange:p,filterElement:f,closeElement:j,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:L,itemCheckboxIcon:y,props:t}):L}));function te(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 ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ee.displayName="MultiSelectHeader";var le=e.memo((function(t){var n=U(e.useState(!1),2),l=n[0],r=n[1],o=e.useRef(null),i=a(),c=t.ptm,u=t.cx,s=t.isUnstyled,p=function(e){return c(e,{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:l,focusedIndex:t.focusedIndex,index:t.index}})},f=i({className:u("checkboxIcon")},p("checkbox.icon")),d=t.selected?x.getJSXIcon(t.checkboxIcon||e.createElement(C,f),ne({},f),{selected:t.selected}):null,m=t.template?g.getJSXElement(t.template,t.option):t.label,v=i({className:u("checkboxContainer")},p("checkboxContainer")),b=i({className:y(t.className,t.option.className,u("item",{itemProps:t})),style:t.style,onClick:function(e){t.onClick&&t.onClick(e,t.option),e.preventDefault(),e.stopPropagation()},onFocus:function(e){var t;r(!0),null==o||null===(t=o.current)||void 0===t||t.getInput().focus()},onBlur:function(e){r(!1)},onMouseMove:function(e){return null==t?void 0:t.onMouseMove(e,t.index)},role:"option","aria-selected":t.selected,"data-p-highlight":t.selected,"data-p-disabled":t.disabled},p("item"));return e.createElement("li",j({},b,{key:t.index+"_multiselectitem"}),e.createElement("div",v,e.createElement(Z,{ref:o,checked:t.selected,icon:d,pt:c("checkbox"),unstyled:s(),tabIndex:-1})),e.createElement("span",null,m),e.createElement(P,null))}));function re(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 oe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?re(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}le.displayName="MultiSelectItem";var ie=e.memo(e.forwardRef((function(t,r){var o=e.useRef(null),i=e.useRef(null),c=a(),u=e.useContext(n),s=t.ptm,p=t.cx,f=t.sx,d=t.isUnstyled,m=function(e,n){return s(e,oe({hostName:t.hostName},n))},v=function(){t.onEnter((function(){if(o.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return o.current.scrollToIndex(e)}),0)}}))},b=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&i.current&&O.focus(i.current,!1)}))},h=function(e){o.current&&o.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},x=function(){if(t.panelFooterTemplate){var n=g.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},E=function(e,n){var l;t.focusOnHover&&(null==t||null===(l=t.changeFocusedOptionIndex)||void 0===l||l.call(t,e,n))},I=function(n,l){return t.getOptionGroupChildren(n).map((function(n,r){var o=t.getOptionLabel(n),i=r+"_"+t.getOptionRenderKey(n),a=t.isOptionDisabled(n),c=t.isSelected(n);return e.createElement(le,{hostName:t.hostName,index:r,key:i,focusedOptionIndex:t.focusedOptionIndex,label:o,option:n,style:l,template:t.itemTemplate,selected:c,onClick:t.onOptionSelect,onMouseMove:E,disabled:a,className:t.itemClassName,checkboxIcon:t.checkboxIcon,isUnstyled:d,ptm:s,cx:p})}))},C=function(){var n=g.getJSXElement(t.emptyFilterMessage,t)||l("emptyFilterMessage"),r=c({className:p("emptyMessage")},m("emptyMessage"));return e.createElement("li",j({},r,{key:"emptyFilterMessage"}),n)},N=function(n,l){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(t.optionGroupLabel){var i=t.optionGroupTemplate?g.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),a=I(n,o),u=l+"_"+t.getOptionGroupRenderKey(n),v=c({className:p("itemGroup"),style:f("itemGroup",{scrollerOptions:r})},m("itemGroup"));return e.createElement(e.Fragment,{key:u},e.createElement("li",j({},v,{key:u}),i),a)}var b=t.getOptionLabel(n),h=l+"_"+t.getOptionRenderKey(n),y=t.isOptionDisabled(n),O=t.isSelected(n);return e.createElement(le,{hostName:t.hostName,key:h,focusedOptionIndex:t.focusedOptionIndex,label:b,option:n,style:o,index:l,template:t.itemTemplate,selected:O,onClick:t.onOptionSelect,onMouseMove:E,disabled:y,className:t.itemClassName,checkboxIcon:t.checkboxIcon,isUnstyled:d,ptm:s,cx:p})},F=function(){if(t.virtualScrollerOptions){var n=oe(oe({},t.virtualScrollerOptions),{style:oe(oe({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:y("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(oe(oe({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&N(e,t.index,t)},contentTemplate:function(n){var l=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:C(),r=c({ref:n.contentRef,style:n.style,className:y(n.className,p("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("ul",r,l)}});return e.createElement(w,j({ref:o},n,{pt:s("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var r,i,a=g.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(N):t.hasFilter?C():(r=g.getJSXElement(t.emptyMessage,t)||l("emptyMessage"),i=c({className:p("emptyMessage")},m("emptyMessage")),e.createElement("li",j({},i,{key:"emptyMessage"}),r)),u=c({className:p("wrapper"),style:{maxHeight:t.scrollHeight}},m("wrapper")),f=c({className:p("list"),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("div",u,e.createElement("ul",f,a))},P=function(){var n=t.allowOptionSelect(),l=e.createElement(ee,{hostName:t.hostName,id:t.id,filter:t.filter,filterRef:i,filterValue:t.filterValue,filterTemplate:t.filterTemplate,visibleOptions:t.visibleOptions,isValidOption:t.isValidOption,getOptionValue:t.getOptionValue,updateModel:t.updateModel,onFilter:h,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),selectAllLabel:t.selectAllLabel,onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate,resetFilter:t.resetFilter,closeIcon:t.closeIcon,filterIcon:t.filterIcon,itemCheckboxIcon:t.itemCheckboxIcon,ptm:s,cx:p,isUnstyled:d,metaData:t.metaData}),o=F(),a=x(),f=c({className:y(t.panelClassName,p("panel",{panelProps:t,context:u,allowOptionSelect:n})),style:t.panelStyle,onClick:t.onClick},m("panel"));if(t.inline)return e.createElement("div",j({ref:r},f),o,a);var g=c({classNames:p("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,appear:!0,unmountOnExit:!0,onEnter:v,onEntered:b,onExit:t.onExit,onExited:t.onExited},m("transition")),O=c({ref:t.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenFirstFocusableEl")),E=c({ref:t.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenLastFocusableEl"));return e.createElement(S,j({nodeRef:r},g),e.createElement("div",j({ref:r},f),e.createElement("span",O),l,o,a,e.createElement("span",E)))}();return t.inline?P:e.createElement(k,{element:P,appendTo:t.appendTo})})));function ae(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 ce(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ue(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=se(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 o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function se(e,t){if(e){if("string"==typeof e)return pe(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)?pe(e,t):void 0}}function pe(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}ie.displayName="MultiSelectPanel";var fe=e.memo(e.forwardRef((function(o,E){var S=a(),k=e.useContext(n),w=q.getProps(o,k),C=U(e.useState(null),2),N=C[0],F=C[1],P=U(e.useState(!1),2),L=P[0],D=P[1],A=U(e.useState(""),2),T=A[0],R=A[1],V=U(e.useState(-1),2),G=V[0],H=V[1],X=U(e.useState(!1),2),_=X[0],B=X[1],z=U(e.useState(w.inline),2),W=z[0],Y=z[1],Z=e.useRef(null),$=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(w.inputRef),le=e.useRef(null),re=e.useRef(null),oe=T&&T.trim().length>0,ae=g.isEmpty(w.value),se=w.optionValue?null:w.dataKey,pe={props:w,state:{filterState:T,focused:_,overlayVisible:W}},fe=q.setMetaData(pe),de=fe.ptm,me=fe.cx,ve=fe.sx,be=fe.isUnstyled;i(q.css.styles,be,{name:"multiselect"});var he=U(s({target:Z,overlay:re,listener:function(e,t){t.valid&&("outside"===t.type?!He(e)&&!Ke(e)&&Ve():Ve())},when:W}),2),ye=he[0],ge=he[1],Oe=function(){return!w.selectionLimit||!w.value||w.value&&w.value.length<w.selectionLimit},xe=function(e){var t=Qe()&&e<gt.length-1?gt.slice(e+1).findIndex((function(e){return lt(e)})):-1;return t>-1?t+e+1:-1},Ee=function(e){var t=Qe()&&e>0?g.findLastIndex(gt.slice(0,e),(function(e){return lt(e)})):-1;return t>-1?t:-1},Ie=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return Qe()&&(n=t?-1===(n=Ee(e))?xe(e):n:-1===(n=xe(e))?Ee(e):n),n>-1?n:e},Se=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=Ie(n,!0)),-1===n&&(n=Ie(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),o=gt.slice(l,r+1).filter((function(e){return nt(e)})).map((function(e){return ze(e)}));Ae(e,o,o)}},ke=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!w.disabled&&!Ye(t)){var l=null;l=_e(t)?w.value.filter((function(e){return!g.equals(e,ze(t),se)})):[].concat(K(w.value||[]),[ze(t)]),Ae(e,l,t),-1!==n&&F(n)}},we=function(e){if(W){var t=-1!==N?ut(N):L?at():ot();e.shiftKey&&Se(e,G,t),ft(e,t)}else Re(),w.editable&&ft(e,rt());e.preventDefault()},Ce=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==N&&ke(e,gt[N]),W&&Ve(),e.preventDefault();else{var t=-1!==N?st(N):L?ct():it();ft(e,t),!W&&Re(),e.preventDefault()}},Ne=function(e){W?-1!==N&&(e.shiftKey?Se(e,N):ke(e,gt[N])):(F(-1),we(e)),e.preventDefault()},Fe=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),F(-1)}else{var n=e.metaKey||e.ctrlKey,l=at();e.shiftKey&&n&&Se(e,l,G),ft(e,l),!W&&Re()}e.preventDefault()},Pe=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),J("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=ct();e.shiftKey&&l&&Se(e,G,r),ft(e,r),!W&&Re()}e.preventDefault()},je=function(e){e.preventDefault()},Le=function(e){e.preventDefault()},De=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(W&&et()?(O.focus(e.shiftKey?te.current:ee.current),e.preventDefault()):(-1!==N&&ke(e,gt[N]),W&&Ve(filter)))},Ae=function(e,t,n){w.onChange&&(w.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:w.name,id:w.id,value:t}}),O.focus(ne.current))},Me=function(){R(""),w.onFilter&&w.onFilter({filter:""})},Te=function(e){var t;W&&((t=e?e.currentTarget:O.findSingle(re.current,'li[data-p-highlight="true"]'))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}))},Re=function(){Y(!0),F(-1!==N?N:w.autoOptionFocus?ot():rt()),O.focus(ne.current)},Ve=function(){F(-1),Y(!1),D(!1)},Ge=function(){O.alignOverlay(re.current,le.current.parentElement,w.appendTo||k&&k.appendTo||t.appendTo)},He=function(e){return"clearicon"===O.getAttribute(e.target,"data-pc-section")},Ke=function(e){return"headercheckboxcontainer"===O.getAttribute(e.target,"data-pc-section")},Je=function(e){return re.current&&re.current.contains(e.target)},Xe=function(e,t){return t.findIndex((function(t){return e.some((function(e){return g.equals(e,ze(t),se)}))}))},_e=function(e){if(w.value){var t=ze(e),n=Ze(e);return w.value.some((function(e){return g.equals(n?e:ze(e),t,se)}))}return!1},Be=function(e){var t;if(w.options)if(w.optionGroupLabel){var n,l=ue(w.options);try{for(l.s();!(n=l.n()).done;){if(t=Ue(e,We(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Ue(e,w.options),g.isEmpty(t)&&(t=Ue(e,w.value));return t?qe(t):null},Ue=function(e,t){return t.find((function(t){return g.equals(ze(t),e,se)}))},qe=function(e){return w.optionLabel?g.resolveFieldData(e,w.optionLabel):e&&void 0!==e.label?e.label:e},ze=function(e){if(w.useOptionAsValue)return e;if(w.optionValue){var t=g.resolveFieldData(e,w.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},We=function(e){return g.resolveFieldData(e,w.optionGroupChildren)},Ye=function(e){var t;if(!Oe()&&!_e(e))return!0;var n=w.optionDisabled;return n?g.isFunction(n)?n(e):g.resolveFieldData(e,n):e&&null!==(t=e.disabled)&&void 0!==t&&t},Ze=function(e){return!w.useOptionAsValue&&w.optionValue||e&&void 0!==e.value},$e=function(e){return w.optionGroupLabel&&e.optionGroup&&e.group},Qe=function(){return g.isNotEmpty(w.value)},et=function(){return O.getFocusableElements(re.current,':not([data-p-hidden-focusable="true"])').length>0},tt=function(e){var t;return nt(e)&&(null===(t=qe(e))||void 0===t?void 0:t.toLocaleLowerCase(w.filterLocale).startsWith($.current.toLocaleLowerCase(w.filterLocale)))},nt=function(e){return g.isNotEmpty(e)&&!(Ye(e)||$e(e))},lt=function(e){return nt(e)&&_e(e)},rt=function(){if(Qe())for(var e,t=function(){var e=w.value[n],t=gt.findIndex((function(t){return lt(t)&&(n=e,l=ze(t),g.equals(n,l,se));var n,l}));if(t>-1)return{v:t}},n=w.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},ot=function(){var e=rt();return e<0?at():e},it=function(){var e=rt();return e<0?ct():e},at=function(){return gt.findIndex((function(e){return nt(e)}))},ct=function(){return g.findLastIndex(gt,(function(e){return nt(e)}))},ut=function(e){var t=e<gt.length-1?gt.slice(e+1).findIndex((function(e){return nt(e)})):-1;return t>-1?t+e+1:e},st=function(e){var t=e>0?g.findLastIndex(gt.slice(0,e),(function(e){return nt(e)})):-1;return t>-1?t:e},pt=function(e){$.current=($.current||"")+e.key;var t=-1;g.isNotEmpty($.current)&&(-1===(t=-1!==N?-1===(t=gt.slice(N).findIndex((function(e){return tt(e)})))?gt.slice(0,N).findIndex((function(e){return tt(e)})):t+N:gt.findIndex((function(e){return tt(e)})))&&-1===N&&(t=ot()),-1!==t&&ft(e,t)),Q.current&&clearTimeout(Q.current),Q.current=setTimeout((function(){$.current="",Q.current=null}),500)},ft=function(e,t){N!==t&&(F(t),Te(e),w.selectOnFocus&&ke(e,gt[t],!1))},dt=function(e,t){e.stopPropagation();var n=w.value.filter((function(e){return!g.equals(e,t,se)}));w.onRemove&&w.onRemove({originalEvent:e,value:n}),Ae(e,n,t)},mt=function(){var e=/{(.*?)}/,t=w.selectedItemsLabel||l("selectionMessage");return e.test(t)?t.replace(t.match(e)[0],w.value.length+""):t},vt=function(){if(!ae&&!w.fixedPlaceholder)return g.isNotEmpty(w.maxSelectedLabels)&&w.value.length>w.maxSelectedLabels?mt():g.isArray(w.value)?w.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+Be(t)}),""):""};e.useImperativeHandle(E,(function(){return{props:w,show:Re,hide:Ve,focus:function(){return O.focus(ne.current)},getElement:function(){return Z.current},getOverlay:function(){return re.current},getInput:function(){return ne.current}}})),u((function(){Ge()})),e.useEffect((function(){g.combinedRefs(ne,w.inputRef)}),[ne,w.inputRef]),e.useEffect((function(){!0===w.overlayVisible?Re():!1===w.overlayVisible&&Ve()}),[w.overlayVisible]),c((function(){W&&T&&oe&&Ge()}),[W,T,oe]),p((function(){I.clear(re.current)}));var bt,ht,yt,gt=function(){if(oe){var e=T.trim().toLocaleLowerCase(w.filterLocale),t=w.filterBy?w.filterBy.split(","):[w.optionLabel||"label"];if(w.optionGroupLabel){var n,l=[],o=ue(w.options);try{for(o.s();!(n=o.n()).done;){var i=n.value,a=r.filter(We(i),t,e,w.filterMatchMode,w.filterLocale);a&&a.length&&l.push(ce(ce({},i),M({},w.optionGroupChildren,a)))}}catch(e){o.e(e)}finally{o.f()}return l}return r.filter(w.options,t,e,w.filterMatchMode,w.filterLocale)}return w.options}(),Ot=g.isNotEmpty(w.tooltip),xt=q.getOtherProps(w),Et=g.reduceKeys(xt,O.ARIA_PROPS),It=S({className:me("triggerIcon")},de("triggerIcon")),St=S({className:me("trigger")},de("trigger")),kt=w.loadingIcon?x.getJSXIcon(w.loadingIcon,ce({},It),{props:w}):e.createElement(d,j({spin:!0},It)),wt=w.dropdownIcon?x.getJSXIcon(w.dropdownIcon,ce({},It),{props:w}):e.createElement(f,It),Ct=e.createElement("div",St,w.loading?kt:wt),Nt=!w.inline&&(bt=w.selectedItemTemplate?ae?g.getJSXElement(w.selectedItemTemplate):g.isNotEmpty(w.maxSelectedLabels)&&w.value.length>w.maxSelectedLabels?mt():w.value.map((function(t,n){var l=g.getJSXElement(w.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==w.display||ae?vt():w.value.slice(0,w.maxSelectedLabels||w.value.length).map((function(t,n){var l={context:{value:t,index:n}},r=Be(t),o=r+"_"+n,i=S({className:me("removeTokenIcon"),onClick:function(e){return dt(e,t)}},de("removeTokenIcon",l)),a=!w.disabled&&(w.removeIcon?x.getJSXIcon(w.removeIcon,ce({},i),{props:w}):e.createElement(v,i)),c=S({className:me("token")},de("token",l)),u=S({className:me("tokenLabel")},de("tokenLabel",l));return e.createElement("div",j({},c,{key:o}),e.createElement("span",u,r),a)})),ht=S({ref:le,className:me("labelContainer")},de("labelContainer")),yt=S({className:me("label",{empty:ae})},de("label")),e.createElement("div",ht,e.createElement("div",yt,bt||w.placeholder||w.emptyMessage||"empty"))),Ft=!w.inline&&function(){var t=S({className:me("clearIcon"),onClick:function(e){return Ae(e,[],[])}},de("clearIcon")),n=x.getJSXIcon(w.clearIcon||e.createElement(m,t),ce({},t),{props:w});return ae||!w.showClear||w.disabled?null:n}(),Pt=S(ce(ce({ref:Z,id:w.id,style:ce(ce({},w.style),ve("root")),className:y(w.className,me("root",{focusedState:_,context:k,overlayVisibleState:W}))},xt),{},{onClick:function(e){w.inline||w.disabled||w.loading||Je(e)||He(e)||(W?Ve():Re(),O.focus(ne.current),e.preventDefault()),D(!0)}}),q.getOtherProps(w),de("root")),jt=S({className:"p-hidden-accessible","data-p-hidden-accessible":!0},de("hiddenInputWrapper")),Lt=S(ce({ref:ne,id:w.inputId,name:w.name,type:"text",onFocus:function(e){B(!0),w.onFocus&&w.onFocus(e)},onBlur:function(e){B(!1),w.onBlur&&w.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(w.inline)break;Ce(e);break;case"ArrowDown":if(w.inline)break;we(e);break;case"Space":case"NumpadEnter":case"Enter":if(w.inline)break;Ne(e);break;case"Home":if(w.inline)break;Fe(e),e.preventDefault();break;case"End":if(w.inline)break;Pe(e),e.preventDefault();break;case"PageDown":Le(e);break;case"PageUp":je(e);break;case"Escape":if(w.inline)break;Ve();break;case"Tab":De(e);break;case"ShiftLeft":case"ShiftRight":H(N);break;default:if("a"===e.key&&t){var n=gt.filter((function(e){return nt(e)})).map((function(e){return ze(e)}));Ae(e,n,n),e.preventDefault();break}!t&&g.isPrintableCharacter(e.key)&&(!W&&Re(),pt(e),e.preventDefault())}D(!1)},role:"combobox","aria-expanded":W,disabled:w.disabled,tabIndex:w.disabled?-1:w.tabIndex,value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return Array.isArray(e)?e.map((function(e){return Be(e)})).join(", "):e}(w.value)},Et),de("input"));return e.createElement(e.Fragment,null,e.createElement("div",Pt,e.createElement("div",jt,e.createElement("input",j({},Lt,{readOnly:!0}))),!w.inline&&e.createElement(e.Fragment,null,Nt,Ft,Ct),e.createElement(ie,j({hostName:"MultiSelect",ref:re,visibleOptions:gt},w,{onClick:function(e){b.emit("overlay-click",{originalEvent:e,target:Z.current})},onOverlayHide:Ve,filterValue:T,focusedOptionIndex:N,onFirstHiddenFocus:function(e){var t=e.relatedTarget===ne.current?O.getFirstFocusableElement(re.current,':not([data-p-hidden-focusable="true"])'):ne.current;O.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===ne.current?O.getLastFocusableElement(re.current,':not([data-p-hidden-focusable="true"])'):ne.current;O.focus(t)},firstHiddenFocusableElementOnOverlay:ee,lastHiddenFocusableElementOnOverlay:te,setFocusedOptionIndex:F,hasFilter:oe,isValidOption:nt,getOptionValue:ze,updateModel:Ae,onFilterInputChange:function(e){var t=e.query;R(t),w.onFilter&&w.onFilter({originalEvent:e,filter:t})},resetFilter:Me,onCloseClick:function(e){Ve(),O.focus(ne.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(w.onSelectAll)w.onSelectAll(e);else{var t=null;if(e.checked){if(t=[],gt){var n=gt.filter((function(e){return Ye(e)&&_e(e)}));t=n.map((function(e){return ze(e)}))}}else if(gt){var l=gt.filter((function(e){return!Ye(e)||_e(e)}));w.optionGroupLabel?(t=[],l.forEach((function(e){return t=[].concat(K(t),K(We(e).filter((function(e){return!Ye(e)})).map((function(e){return ze(e)}))))}))):t=l.map((function(e){return ze(e)}))}w.selectionLimit&&t&&t.length&&(t=t.slice(0,w.selectionLimit)),Ae(e.originalEvent,t,t)}},getOptionLabel:qe,getOptionRenderKey:function(e){return w.dataKey?g.resolveFieldData(e,w.dataKey):qe(e)},isOptionDisabled:Ye,getOptionGroupChildren:We,getOptionGroupLabel:function(e){return g.resolveFieldData(e,w.optionGroupLabel)},getOptionGroupRenderKey:function(e){return g.resolveFieldData(e,w.optionGroupLabel)},isSelected:_e,getSelectedOptionIndex:function(){if(null!=w.value&&w.options){if(w.optionGroupLabel){var e=0,t=w.options.findIndex((function(t,n){return(e=n)&&-1!==Xe(w.value,We(t))}));return-1!==t?{group:e,option:t}:-1}return Xe(w.value,w.options)}return-1},isAllSelected:function(){if(w.onSelectAll)return w.selectAll;if(g.isEmpty(gt))return!1;var e=gt.filter((function(e){return!Ye(e)}));if(w.optionGroupLabel){var t,n=!0,l=ue(e);try{for(l.s();!(t=l.n()).done;){!0===We(t.value).filter((function(e){return!Ye(e)})).some((function(e){return!_e(e)}))&&(n=!1)}}catch(e){l.e(e)}finally{l.f()}return n}return!e.some((function(e){return!_e(e)}))},onOptionSelect:ke,allowOptionSelect:Oe,in:W,onEnter:function(e){I.set("overlay",re.current,k&&k.autoZIndex||t.autoZIndex,k&&k.zIndex.overlay||t.zIndex.overlay),O.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),Ge(),Te(),e&&e()},onEntered:function(e){e&&e(),ye(),w.onShow&&w.onShow()},onExit:function(){ge()},onExited:function(){w.filter&&w.resetFilterOnHide&&Me(),I.clear(re.current),w.onHide&&w.onHide()},ptm:de,cx:me,sx:ve,isUnstyled:be,metaData:pe,changeFocusedOptionIndex:ft}))),Ot&&e.createElement(h,j({target:Z,content:w.tooltip,pt:de("tooltip")},w.tooltipOptions)))})));fe.displayName="MultiSelect";export{fe as MultiSelect};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,ariaLabel as l,localeOption as r,FilterService as o}from"primereact/api";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as c,useUpdateEffect as u,useMountEffect as s,useOverlayListener as p,useUnmountEffect as f}from"primereact/hooks";import{ChevronDownIcon as d}from"primereact/icons/chevrondown";import{SpinnerIcon as m}from"primereact/icons/spinner";import{TimesIcon as v}from"primereact/icons/times";import{TimesCircleIcon as b}from"primereact/icons/timescircle";import{OverlayService as h}from"primereact/overlayservice";import{Tooltip as y}from"primereact/tooltip";import{classNames as g,ObjectUtils as O,DomHandler as x,IconUtils as E,UniqueComponentId as S,ZIndexUtils as I}from"primereact/utils";import{CSSTransition as k}from"primereact/csstransition";import{Portal as w}from"primereact/portal";import{VirtualScroller as C}from"primereact/virtualscroller";import{CheckIcon as N}from"primereact/icons/check";import{SearchIcon as F}from"primereact/icons/search";import{InputText as P}from"primereact/inputtext";import{Ripple as j}from"primereact/ripple";function D(){return D=Object.assign?Object.assign.bind():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},D.apply(this,arguments)}function L(e){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},L(e)}function A(e,t){if("object"!==L(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==L(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function M(e){var t=A(e,"string");return"symbol"===L(t)?t:String(t)}function T(e,t,n){return(t=M(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(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 V(e){if(Array.isArray(e))return R(e)}function H(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function K(e,t){if(e){if("string"==typeof e)return R(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)?R(e,t):void 0}}function G(){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 J(e){throw new TypeError('"'+e+'" is read-only')}function X(e){if(Array.isArray(e))return e}function B(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,i,a=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=o.call(n)).done)&&(a.push(l.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function _(){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 U(e,t){return X(e)||B(e,t)||K(e,t)||_()}var q=i.extend({defaultProps:{__TYPE:"MultiSelect",appendTo:null,ariaLabelledBy:null,checkboxIcon:null,className:null,clearIcon:null,closeIcon:null,dataKey:null,disabled:!1,display:"comma",dropdownIcon:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterInputAutoFocus:!0,filterLocale:void 0,selectOnFocus:!1,focusOnHover:!0,autoOptionFocus:!1,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,fixedPlaceholder:!1,flex:!1,id:null,inline:!1,inputId:null,inputRef:null,invalid:!1,variant:null,itemCheckboxIcon:null,itemClassName:null,itemTemplate:null,loading:!1,loadingIcon:null,maxSelectedLabels:null,name:null,onBlur:null,onChange:null,onClick:null,onFilter:null,onFocus:null,onHide:null,onRemove:null,onSelectAll:null,onShow:null,optionDisabled:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,overlayVisible:!1,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,removeIcon:null,resetFilterOnHide:!1,scrollHeight:"200px",selectAll:!1,selectAllLabel:null,selectedItemTemplate:null,selectedItemsLabel:"{0} items selected",selectionLimit:null,showClear:!1,showSelectAll:!0,style:null,tabIndex:0,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,virtualScrollerOptions:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context,l=e.focusedState,r=e.overlayVisibleState;return g("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===t.display,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle,"p-multiselect-clearable":t.showClear&&!t.disabled,"p-focus":l,"p-inputwrapper-filled":O.isNotEmpty(t.value),"p-inputwrapper-focus":l||r})},label:function(e){var t=e.props,n=e.empty;return g("p-multiselect-label",{"p-placeholder":n&&t.placeholder,"p-multiselect-label-empty":n&&!t.placeholder&&!t.selectedItemTemplate,"p-multiselect-items-label":!n&&"chip"!==t.display&&t.value.length>t.maxSelectedLabels})},panel:function(e){var n=e.panelProps,l=e.context;return g("p-multiselect-panel p-component",{"p-multiselect-inline":n.inline,"p-multiselect-flex":n.flex,"p-multiselect-limited":!e.allowOptionSelect,"p-input-filled":l&&"filled"===l.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===t.ripple})},list:function(e){return"p-multiselect-items p-component"},labelContainer:"p-multiselect-label-container",triggerIcon:"p-multiselect-trigger-icon p-c",trigger:"p-multiselect-trigger",clearIcon:"p-multiselect-clear-icon",tokenLabel:"p-multiselect-token-label",token:"p-multiselect-token",removeTokenIcon:"p-multiselect-token-icon",wrapper:"p-multiselect-items-wrapper",emptyMessage:"p-multiselect-empty-message",itemGroup:"p-multiselect-item-group",closeButton:"p-multiselect-close p-link",header:"p-multiselect-header",closeIcon:"p-multiselect-close-icon",headerCheckboxContainer:"p-multiselect-select-all",headerCheckboxIcon:"p-multiselect-select-all p-checkbox-icon p-c",headerSelectAllLabel:"p-multiselect-select-all-label",filterContainer:"p-multiselect-filter-container",filterIcon:"p-multiselect-filter-icon",item:function(e){var t=e.itemProps;return g("p-multiselect-item",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":t.focusedOptionIndex===t.index})},checkboxContainer:"p-multiselect-checkbox",checkboxIcon:"p-checkbox-icon p-c",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-multiselect {\n display: inline-flex;\n user-select: none;\n cursor: pointer;\n }\n \n .p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n }\n \n .p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n \n .p-multiselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n .p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n .p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n \n .p-multiselect-token-icon {\n cursor: pointer;\n }\n \n .p-multiselect .p-multiselect-panel {\n min-width: 100%;\n }\n \n .p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n }\n \n .p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n }\n \n .p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-multiselect-items-wrapper {\n overflow: auto;\n }\n \n .p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n outline: none;\n }\n \n .p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .p-multiselect-select-all-label {\n margin-left: 0.5rem;\n }\n \n .p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n \n .p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-multiselect-filter-container .p-inputtext {\n width: 100%;\n }\n \n .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n }\n \n .p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 3rem;\n }\n \n .p-fluid .p-multiselect {\n display: flex;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return t.showClear&&!t.disabled&&{position:"relative"}},itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}}}}}),z=i.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return g("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function W(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 Y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=e.memo(e.forwardRef((function(t,l){var r=c(),o=e.useContext(n),i=z.getProps(t,o),p=U(e.useState(!1),2),f=p[1],d=z.setMetaData({props:i,state:{focused:p[0]},context:{checked:i.checked===i.trueValue,disabled:i.disabled}}),m=d.ptm,v=d.cx;a(z.css.styles,d.isUnstyled,{name:"checkbox"});var b=e.useRef(null),h=e.useRef(i.inputRef),S=function(){return i.checked===i.trueValue},I=function(e){if(!i.disabled&&!i.readonly&&i.onChange){var t,n=S()?i.falseValue:i.trueValue;if(null==i||null===(t=i.onChange)||void 0===t||t.call(i,{originalEvent:e,value:i.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:i.name,id:i.id,value:i.value,checked:n}}),e.defaultPrevented)return;x.focus(h.current)}};e.useImperativeHandle(l,(function(){return{props:i,focus:function(){return x.focus(h.current)},getElement:function(){return b.current},getInput:function(){return h.current}}})),e.useEffect((function(){O.combinedRefs(h,i.inputRef)}),[h,i.inputRef]),u((function(){h.current.checked=S()}),[i.checked,i.trueValue]),s((function(){i.autoFocus&&x.focus(h.current,i.autoFocus)}));var k,w,C,F,P,j=S(),L=O.isNotEmpty(i.tooltip),A=z.getOtherProps(i),M=r({id:i.id,className:g(i.className,v("root",{checked:j,context:o})),style:i.style,"data-p-highlight":j,"data-p-disabled":i.disabled,onContextMenu:i.onContextMenu,onMouseDown:i.onMouseDown},A,m("root"));return e.createElement(e.Fragment,null,e.createElement("div",D({ref:b},M),(F=O.reduceKeys(A,x.ARIA_PROPS),P=r(Y({id:i.inputId,type:"checkbox",className:v("input"),name:i.name,tabIndex:i.tabIndex,onFocus:function(e){return t=e,f(!0),void(null==i||null===(n=i.onFocus)||void 0===n||n.call(i,t));var t,n},onBlur:function(e){return t=e,f(!1),void(null==i||null===(n=i.onBlur)||void 0===n||n.call(i,t));var t,n},onChange:function(e){return I(e)},disabled:i.disabled,readOnly:i.readOnly,required:i.required,"aria-invalid":i.invalid,checked:j},F),m("input")),e.createElement("input",D({ref:h},P))),(k=r({className:v("icon")},m("icon")),w=r({className:v("box",{checked:j}),"data-p-highlight":j,"data-p-disabled":i.disabled},m("box")),C=E.getJSXIcon(j?i.icon||e.createElement(N,k):null,Y({},k),{props:i,checked:j}),e.createElement("div",w,C))),L&&e.createElement(y,D({target:b,content:i.tooltip,pt:m("tooltip")},i.tooltipOptions)))})));function $(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 Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Z.displayName="Checkbox";var ee=e.memo((function(t){var n=c(),r=t.ptm,o=t.cx,i=t.isUnstyled,a={filter:function(e){return s(e)},reset:function(){return t.resetFilter()}},u=function(e,n){return r(e,Q({hostName:t.hostName},n))},s=function(e){t.onFilter&&t.onFilter({originalEvent:e,query:e.target.value})},p=function(e){if(t.onSelectAll)t.onSelectAll({originalEvent:e,checked:t.selectAll});else{var n=t.isAllSelected()?[]:t.visibleOptions.filter((function(e){return t.isValidOption(e)})).map((function(e){return t.getOptionValue(e)}));t.updateModel(e,n,n)}},f=function(){var l=n({className:o("filterIcon")},u("filterIcon")),i=E.getJSXIcon(t.filterIcon||e.createElement(F,l),Q({},l),{props:t});if(t.filter){var c=n({className:o("filterContainer")},u("filterContainer")),p=e.createElement("div",c,e.createElement(P,{ref:t.filterRef,type:"text",role:"searchbox",value:t.filterValue,onChange:s,className:"p-multiselect-filter",placeholder:t.filterPlaceholder,pt:r("filterInput"),unstyled:t.unstyled,__parentMetadata:{parent:t.metaData}}),i);if(t.filterTemplate)p=O.getJSXElement(t.filterTemplate,{className:c.className,element:p,filterOptions:a,onFilter:s,filterIconClassName:t.filterIconClassName,props:t});return e.createElement(e.Fragment,null,p)}return null}(),d=t.id?t.id+"_selectall":S(),m=n({htmlFor:d,className:o("headerSelectAllLabel")},u("headerSelectAllLabel")),b=n({className:o("headerCheckboxIcon")},u("headerCheckbox.icon")),h=n({className:o("headerCheckboxContainer")},u("headerCheckboxContainer")),y=E.getJSXIcon(t.itemCheckboxIcon||e.createElement(N,b),Q({},b),{selected:t.selected}),g=t.showSelectAll&&e.createElement("div",h,e.createElement(Z,{id:d,checked:t.selectAll,onChange:p,role:"checkbox","aria-checked":t.selectAll,icon:y,pt:r("headerCheckbox"),unstyled:i()}),!t.filter&&e.createElement("label",m,t.selectAllLabel)),x=n({className:o("closeIcon"),"aria-hidden":!0},u("closeIcon")),I=E.getJSXIcon(t.closeIcon||e.createElement(v,x),Q({},x),{props:t}),k=n({className:o("header")},u("header")),w=n({type:"button",className:o("closeButton"),"aria-label":l("close"),onClick:t.onClose},u("closeButton")),C=e.createElement("button",w,I,e.createElement(j,null)),D=e.createElement("div",k,g,f,C);return t.template?O.getJSXElement(t.template,{className:"p-multiselect-header",checkboxElement:g,checked:t.selectAll,onChange:p,filterElement:f,closeElement:C,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon",onCloseClick:t.onClose,element:D,itemCheckboxIcon:y,props:t}):D}));function te(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 ne(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ee.displayName="MultiSelectHeader";var le=e.memo((function(t){var n=U(e.useState(!1),2),l=n[0],r=n[1],o=e.useRef(null),i=c(),a=t.ptm,u=t.cx,s=t.isUnstyled,p=function(e){return a(e,{hostName:t.hostName,context:{selected:t.selected,disabled:t.disabled,focused:l,focusedIndex:t.focusedIndex,index:t.index}})},f=i({className:u("checkboxIcon")},p("checkbox.icon")),d=t.selected?E.getJSXIcon(t.checkboxIcon||e.createElement(N,f),ne({},f),{selected:t.selected}):null,m=t.template?O.getJSXElement(t.template,t.option):t.label,v=i({className:u("checkboxContainer")},p("checkboxContainer")),b=i({className:g(t.className,t.option.className,u("item",{itemProps:t})),style:t.style,onClick:function(e){t.onClick&&t.onClick(e,t.option),e.preventDefault(),e.stopPropagation()},onFocus:function(e){var t;r(!0),null==o||null===(t=o.current)||void 0===t||t.getInput().focus()},onBlur:function(e){r(!1)},onMouseMove:function(e){return null==t?void 0:t.onMouseMove(e,t.index)},role:"option","aria-selected":t.selected,"data-p-highlight":t.selected,"data-p-disabled":t.disabled},p("item"));return e.createElement("li",D({},b,{key:t.index+"_multiselectitem"}),e.createElement("div",v,e.createElement(Z,{ref:o,checked:t.selected,icon:d,pt:a("checkbox"),unstyled:s(),tabIndex:-1})),e.createElement("span",null,m),e.createElement(j,null))}));function re(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 oe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?re(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}le.displayName="MultiSelectItem";var ie=e.memo(e.forwardRef((function(t,l){var o=e.useRef(null),i=e.useRef(null),a=c(),u=e.useContext(n),s=t.ptm,p=t.cx,f=t.sx,d=t.isUnstyled,m=function(e,n){return s(e,oe({hostName:t.hostName},n))},v=function(){t.onEnter((function(){if(o.current){var e=t.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return o.current.scrollToIndex(e)}),0)}}))},b=function(){t.onEntered((function(){t.filter&&t.filterInputAutoFocus&&i.current&&x.focus(i.current,!1)}))},h=function(e){o.current&&o.current.scrollToIndex(0),t.onFilterInputChange&&t.onFilterInputChange(e)},y=function(){if(t.panelFooterTemplate){var n=O.getJSXElement(t.panelFooterTemplate,t,t.onOverlayHide);return e.createElement("div",{className:"p-multiselect-footer"},n)}return null},E=function(e,n){var l;t.focusOnHover&&(null==t||null===(l=t.changeFocusedOptionIndex)||void 0===l||l.call(t,e,n))},S=function(){var n=O.getJSXElement(t.emptyFilterMessage,t)||r("emptyFilterMessage"),l=a({className:p("emptyMessage")},m("emptyMessage"));return e.createElement("li",D({},l,{key:"emptyFilterMessage"}),n)},I=function(n,l){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(n.group&&t.optionGroupLabel){var i=t.optionGroupTemplate?O.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),c=l+"_"+t.getOptionGroupRenderKey(n),u=a({className:p("itemGroup"),style:f("itemGroup",{scrollerOptions:r})},m("itemGroup"));return e.createElement("li",D({key:c},u),i)}var v=t.getOptionLabel(n),b=l+"_"+t.getOptionRenderKey(n),h=t.isOptionDisabled(n),y=t.isSelected(n);return e.createElement(le,{hostName:t.hostName,key:b,focusedOptionIndex:t.focusedOptionIndex,label:v,option:n,style:o,index:l,template:t.itemTemplate,selected:y,onClick:t.onOptionSelect,onMouseMove:E,disabled:h,className:t.itemClassName,checkboxIcon:t.checkboxIcon,isUnstyled:d,ptm:s,cx:p})},N=function(){if(t.virtualScrollerOptions){var n=oe(oe({},t.virtualScrollerOptions),{style:oe(oe({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),className:g("p-multiselect-items-wrapper",t.virtualScrollerOptions.className),items:t.visibleOptions,autoSize:!0,onLazyLoad:function(e){return t.virtualScrollerOptions.onLazyLoad(oe(oe({},e),{filter:t.filterValue}))},itemTemplate:function(e,t){return e&&I(e,t.index,t)},contentTemplate:function(n){var l=t.visibleOptions&&t.visibleOptions.length||!t.hasFilter?n.children:S(),r=a({ref:n.contentRef,style:n.style,className:g(n.className,p("list",{virtualScrollerProps:t.virtualScrollerOptions})),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("ul",r,l)}});return e.createElement(C,D({ref:o},n,{pt:s("virtualScroller"),__parentMetadata:{parent:t.metaData}}))}var l,i,c=O.isNotEmpty(t.visibleOptions)?t.visibleOptions.map(I):t.hasFilter?S():(l=O.getJSXElement(t.emptyMessage,t)||r("emptyMessage"),i=a({className:p("emptyMessage")},m("emptyMessage")),e.createElement("li",D({},i,{key:"emptyMessage"}),l)),u=a({className:p("wrapper"),style:{maxHeight:t.scrollHeight}},m("wrapper")),f=a({className:p("list"),role:"listbox","aria-multiselectable":!0},m("list"));return e.createElement("div",u,e.createElement("ul",f,c))},F=function(){var n=t.allowOptionSelect(),r=e.createElement(ee,{hostName:t.hostName,id:t.id,filter:t.filter,filterRef:i,filterValue:t.filterValue,filterTemplate:t.filterTemplate,visibleOptions:t.visibleOptions,isValidOption:t.isValidOption,getOptionValue:t.getOptionValue,updateModel:t.updateModel,onFilter:h,filterPlaceholder:t.filterPlaceholder,onClose:t.onCloseClick,showSelectAll:t.showSelectAll,selectAll:t.isAllSelected(),selectAllLabel:t.selectAllLabel,onSelectAll:t.onSelectAll,template:t.panelHeaderTemplate,resetFilter:t.resetFilter,closeIcon:t.closeIcon,filterIcon:t.filterIcon,itemCheckboxIcon:t.itemCheckboxIcon,ptm:s,cx:p,isUnstyled:d,metaData:t.metaData}),o=N(),c=y(),f=a({className:g(t.panelClassName,p("panel",{panelProps:t,context:u,allowOptionSelect:n})),style:t.panelStyle,onClick:t.onClick},m("panel"));if(t.inline)return e.createElement("div",D({ref:l},f),o,c);var O=a({classNames:p("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,appear:!0,unmountOnExit:!0,onEnter:v,onEntered:b,onExit:t.onExit,onExited:t.onExited},m("transition")),x=a({ref:t.firstHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onFirstHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenFirstFocusableEl")),E=a({ref:t.lastHiddenFocusableElementOnOverlay,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:t.onLastHiddenFocus,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},s("hiddenLastFocusableEl"));return e.createElement(k,D({nodeRef:l},O),e.createElement("div",D({ref:l},f),e.createElement("span",x),r,o,c,e.createElement("span",E)))}();return t.inline?F:e.createElement(w,{element:F,appendTo:t.appendTo})})));function ae(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 ce(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ae(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ue(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=se(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 o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function se(e,t){if(e){if("string"==typeof e)return pe(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)?pe(e,t):void 0}}function pe(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}ie.displayName="MultiSelectPanel";var fe=e.memo(e.forwardRef((function(l,i){var S=c(),k=e.useContext(n),w=q.getProps(l,k),C=U(e.useState(null),2),N=C[0],F=C[1],P=U(e.useState(!1),2),j=P[0],L=P[1],A=U(e.useState(""),2),M=A[0],R=A[1],X=U(e.useState(-1),2),B=X[0],_=X[1],z=U(e.useState(!1),2),W=z[0],Y=z[1],Z=U(e.useState(w.inline),2),$=Z[0],Q=Z[1],ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(null),le=e.useRef(null),re=e.useRef(null),oe=e.useRef(w.inputRef),ae=e.useRef(null),se=e.useRef(null),pe=e.useRef(null),fe=M&&M.trim().length>0,de=O.isEmpty(w.value),me=w.optionValue?null:w.dataKey,ve={props:w,state:{filterState:M,focused:W,overlayVisible:$}},be=q.setMetaData(ve),he=be.ptm,ye=be.cx,ge=be.sx,Oe=be.isUnstyled;a(q.css.styles,Oe,{name:"multiselect"});var xe=U(p({target:ee,overlay:se,listener:function(e,t){t.valid&&("outside"===t.type?!Be(e)&&!_e(e)&&Je():Je())},when:$}),2),Ee=xe[0],Se=xe[1],Ie=function(){return!w.selectionLimit||!w.value||w.value&&w.value.length<w.selectionLimit},ke=function(e){var t=lt()&&e<Ct.length-1?Ct.slice(e+1).findIndex((function(e){return at(e)})):-1;return t>-1?t+e+1:-1},we=function(e){var t=lt()&&e>0?O.findLastIndex(Ct.slice(0,e),(function(e){return at(e)})):-1;return t>-1?t:-1},Ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=-1;return lt()&&(n=t?-1===(n=we(e))?ke(e):n:-1===(n=ke(e))?we(e):n),n>-1?n:e},Ne=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=Ce(n,!0)),-1===n&&(n=Ce(t)),-1!==t&&-1!==n){var l=Math.min(t,n),r=Math.max(t,n),o=Ct.slice(l,r+1).filter((function(e){return it(e)})).map((function(e){return $e(e)}));Ve(e,o,o)}},Fe=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(!w.disabled&&!et(t)){var l,r=null;r=ze(t)?w.value.filter((function(e){return!O.equals(e,$e(t),me)})):[].concat(V(l=w.value||[])||H(l)||K(l)||G(),[$e(t)]),Ve(e,r,t),-1!==n&&F(n)}},Pe=function(e){if($){var t=-1!==N?dt(N):j?pt():ut();e.shiftKey&&Ne(e,B,t),bt(e,t)}else Ge(),w.editable&&bt(e,ct());e.preventDefault()},je=function(e){if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==N&&Fe(e,Ct[N]),$&&Je(),e.preventDefault();else{var t=-1!==N?mt(N):j?ft():st();bt(e,t),!$&&Ge(),e.preventDefault()}},De=function(e){$?-1!==N&&(e.shiftKey?Ne(e,N):Fe(e,Ct[N])):(F(-1),Pe(e)),e.preventDefault()},Le=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){t.setSelectionRange(0,e.shiftKey?t.value.length:0),F(-1)}else{var n=e.metaKey||e.ctrlKey,l=pt();e.shiftKey&&n&&Ne(e,l,B),bt(e,l),!$&&Ge()}e.preventDefault()},Ae=function(e){var t=e.currentTarget;if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),J("focusedOptionIndex")}else{var l=e.metaKey||e.ctrlKey,r=ft();e.shiftKey&&l&&Ne(e,B,r),bt(e,r),!$&&Ge()}e.preventDefault()},Me=function(e){e.preventDefault()},Te=function(e){e.preventDefault()},Re=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||($&&rt()?(x.focus(e.shiftKey?re.current:le.current),e.preventDefault()):(-1!==N&&Fe(e,Ct[N]),$&&Je(filter)))},Ve=function(e,t,n){w.onChange&&(w.onChange({originalEvent:e,value:t,selectedOption:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:w.name,id:w.id,value:t}}),x.focus(oe.current))},He=function(){R(""),w.onFilter&&w.onFilter({filter:""})},Ke=function(e){var t;$&&((t=e?e.currentTarget:x.findSingle(se.current,'li[data-p-highlight="true"]'))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}))},Ge=function(){Q(!0),F(-1!==N?N:w.autoOptionFocus?ut():ct()),x.focus(oe.current)},Je=function(){F(-1),Q(!1),L(!1)},Xe=function(){!w.inline&&x.alignOverlay(se.current,ae.current.parentElement,w.appendTo||k&&k.appendTo||t.appendTo)},Be=function(e){return"clearicon"===x.getAttribute(e.target,"data-pc-section")},_e=function(e){return"headercheckboxcontainer"===x.getAttribute(e.target,"data-pc-section")},Ue=function(e){return se.current&&se.current.contains(e.target)},qe=function(e,t){return t.findIndex((function(t){return e.some((function(e){return O.equals(e,$e(t),me)}))}))},ze=function(e){if(w.value){var t=$e(e),n=tt(e);return w.value.some((function(e){return O.equals(n?e:$e(e),t,me)}))}return!1},We=function(e){var t;if(w.options)if(w.optionGroupLabel){var n,l=ue(w.options);try{for(l.s();!(n=l.n()).done;){if(t=Ye(e,Qe(n.value)))break}}catch(e){l.e(e)}finally{l.f()}}else t=Ye(e,w.options),O.isEmpty(t)&&(t=Ye(e,w.value));return t?Ze(t):null},Ye=function(e,t){return t.find((function(t){return O.equals($e(t),e,me)}))},Ze=function(e){return w.optionLabel?O.resolveFieldData(e,w.optionLabel):e&&void 0!==e.label?e.label:e},$e=function(e){if(w.useOptionAsValue)return e;if(w.optionValue){var t=O.resolveFieldData(e,w.optionValue);return null!==t?t:e}return e&&void 0!==e.value?e.value:e},Qe=function(e){return O.resolveFieldData(e,w.optionGroupChildren)},et=function(e){var t;if(!Ie()&&!ze(e))return!0;var n=w.optionDisabled;return n?O.isFunction(n)?n(e):O.resolveFieldData(e,n):e&&null!==(t=e.disabled)&&void 0!==t&&t},tt=function(e){return!w.useOptionAsValue&&w.optionValue||e&&void 0!==e.value},nt=function(e){return w.optionGroupLabel&&e.group},lt=function(){return O.isNotEmpty(w.value)},rt=function(){return x.getFocusableElements(se.current,':not([data-p-hidden-focusable="true"])').length>0},ot=function(e){var t;return it(e)&&(null===(t=Ze(e))||void 0===t?void 0:t.toLocaleLowerCase(w.filterLocale).startsWith(te.current.toLocaleLowerCase(w.filterLocale)))},it=function(e){return O.isNotEmpty(e)&&!(et(e)||nt(e))},at=function(e){return it(e)&&ze(e)},ct=function(){if(lt())for(var e,t=function(){var e=w.value[n],t=Ct.findIndex((function(t){return at(t)&&(n=e,l=$e(t),O.equals(n,l,me));var n,l}));if(t>-1)return{v:t}},n=w.value.length-1;n>=0;n--)if(e=t())return e.v;return-1},ut=function(){var e=ct();return e<0?pt():e},st=function(){var e=ct();return e<0?ft():e},pt=function(){return Ct.findIndex((function(e){return it(e)}))},ft=function(){return O.findLastIndex(Ct,(function(e){return it(e)}))},dt=function(e){var t=e<Ct.length-1?Ct.slice(e+1).findIndex((function(e){return it(e)})):-1;return t>-1?t+e+1:e},mt=function(e){var t=e>0?O.findLastIndex(Ct.slice(0,e),(function(e){return it(e)})):-1;return t>-1?t:e},vt=function(e){te.current=(te.current||"")+e.key;var t=-1;O.isNotEmpty(te.current)&&(-1===(t=-1!==N?-1===(t=Ct.slice(N).findIndex((function(e){return ot(e)})))?Ct.slice(0,N).findIndex((function(e){return ot(e)})):t+N:Ct.findIndex((function(e){return ot(e)})))&&-1===N&&(t=ut()),-1!==t&&bt(e,t)),ne.current&&clearTimeout(ne.current),ne.current=setTimeout((function(){te.current="",ne.current=null}),500)},bt=function(e,t){N!==t&&(F(t),Ke(e),w.selectOnFocus&&Fe(e,Ct[t],!1))},ht=function(e,t){if(e.stopPropagation(),yt(e.currentTarget)){var n=w.value.filter((function(e){return!O.equals(e,t,me)}));w.onRemove&&w.onRemove({originalEvent:e,value:n}),Ve(e,n,t)}},yt=function(e){var t=pe.current;if(!(t.clientWidth<t.scrollWidth))return!0;var n=e.closest('[data-pc-section="token"]'),l=window.getComputedStyle(t),r=window.getComputedStyle(n),o=t.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight);return n.getBoundingClientRect().right+parseFloat(r.marginRight)-t.getBoundingClientRect().left<=o},gt=function(){var e=/{(.*?)}/,t=w.selectedItemsLabel||r("selectionMessage");return e.test(t)?t.replace(t.match(e)[0],w.value.length+""):t},Ot=function(){if(!de&&!w.fixedPlaceholder)return O.isNotEmpty(w.maxSelectedLabels)&&w.value.length>w.maxSelectedLabels?gt():O.isArray(w.value)?w.value.reduce((function(e,t,n){return e+(0!==n?", ":"")+We(t)}),""):""},xt=function(e){return(e||[]).reduce((function(e,t,n){e.push(ce(ce({},t),{},{group:!0,index:n}));var l=Qe(t);return l&&l.forEach((function(t){return e.push(t)})),e}),[])},Et=function(e){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":if(w.inline)break;Ve(e,[],[])}},St=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":if(w.inline)break;ht(e,t)}};e.useImperativeHandle(i,(function(){return{props:w,show:Ge,hide:Je,focus:function(){return x.focus(oe.current)},getElement:function(){return ee.current},getOverlay:function(){return se.current},getInput:function(){return oe.current}}})),s((function(){Xe()})),e.useEffect((function(){O.combinedRefs(oe,w.inputRef)}),[oe,w.inputRef]),e.useEffect((function(){!0===w.overlayVisible?Ge():!1===w.overlayVisible&&Je()}),[w.overlayVisible]),u((function(){$&&M&&fe&&Xe()}),[$,M,fe]),f((function(){I.clear(se.current)}));var It,kt,wt,Ct=function(){var e=w.optionGroupLabel?xt(w.options):w.options;if(fe){var t=M.trim().toLocaleLowerCase(w.filterLocale),n=w.filterBy?w.filterBy.split(","):[w.optionLabel||"label"];if(w.optionGroupLabel){var l,r=[],i=ue(w.options);try{for(i.s();!(l=i.n()).done;){var a=l.value,c=o.filter(Qe(a),n,t,w.filterMatchMode,w.filterLocale);c&&c.length&&r.push(ce(ce({},a),T({},w.optionGroupChildren,c)))}}catch(e){i.e(e)}finally{i.f()}return xt(r)}return o.filter(e,n,t,w.filterMatchMode,w.filterLocale)}return e}(),Nt=O.isNotEmpty(w.tooltip),Ft=q.getOtherProps(w),Pt=O.reduceKeys(Ft,x.ARIA_PROPS),jt=S({className:ye("triggerIcon")},he("triggerIcon")),Dt=S({className:ye("trigger")},he("trigger")),Lt=w.loadingIcon?E.getJSXIcon(w.loadingIcon,ce({},jt),{props:w}):e.createElement(m,D({spin:!0},jt)),At=w.dropdownIcon?E.getJSXIcon(w.dropdownIcon,ce({},jt),{props:w}):e.createElement(d,jt),Mt=e.createElement("div",Dt,w.loading?Lt:At),Tt=!w.inline&&(It=w.selectedItemTemplate?de?O.getJSXElement(w.selectedItemTemplate):O.isNotEmpty(w.maxSelectedLabels)&&w.value.length>w.maxSelectedLabels?gt():w.value.map((function(t,n){var l=O.getJSXElement(w.selectedItemTemplate,t);return e.createElement(e.Fragment,{key:n},l)})):"chip"!==w.display||de?Ot():w.value.slice(0,w.maxSelectedLabels||w.value.length).map((function(t,n){var l={context:{value:t,index:n}},o=We(t),i=o+"_"+n,a=S({"aria-label":r("removeTokenIcon"),className:ye("removeTokenIcon"),onClick:function(e){return ht(e,t)},onKeyDown:function(e){return St(e,t)},tabIndex:w.tabIndex||"0"},he("removeTokenIcon",l)),c=!w.disabled&&(w.removeIcon?E.getJSXIcon(w.removeIcon,ce({},a),{props:w}):e.createElement(b,a)),u=S({className:ye("token")},he("token",l)),s=S({className:ye("tokenLabel")},he("tokenLabel",l));return e.createElement("div",D({},u,{key:i}),e.createElement("span",s,o),c)})),kt=S({ref:ae,className:ye("labelContainer")},he("labelContainer")),wt=S({ref:pe,className:ye("label",{empty:de})},he("label")),e.createElement("div",kt,e.createElement("div",wt,It||w.placeholder||w.emptyMessage||"empty"))),Rt=!w.inline&&function(){var t=S({className:ye("clearIcon"),"aria-label":r("clear"),onClick:function(e){return Ve(e,[],[])},onKeyDown:function(e){return Et(e)},tabIndex:w.tabIndex||"0"},he("clearIcon")),n=E.getJSXIcon(w.clearIcon||e.createElement(v,t),ce({},t),{props:w});return de||!w.showClear||w.disabled?null:n}(),Vt=S(ce(ce({ref:ee,id:w.id,style:ce(ce({},w.style),ge("root")),className:g(w.className,ye("root",{focusedState:W,context:k,overlayVisibleState:$}))},Ft),{},{onClick:function(e){w.inline||w.disabled||w.loading||Ue(e)||Be(e)||($?Je():Ge(),x.focus(oe.current),e.preventDefault()),L(!0)}}),q.getOtherProps(w),he("root")),Ht=S({className:"p-hidden-accessible","data-p-hidden-accessible":!0},he("hiddenInputWrapper")),Kt=S(ce({ref:oe,id:w.inputId,name:w.name,type:"text",onFocus:function(e){Y(!0),w.onFocus&&w.onFocus(e)},onBlur:function(e){Y(!1),w.onBlur&&w.onBlur(e)},onKeyDown:function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowUp":if(w.inline)break;je(e);break;case"ArrowDown":if(w.inline)break;Pe(e);break;case"Space":case"NumpadEnter":case"Enter":if(w.inline)break;De(e);break;case"Home":if(w.inline)break;Le(e),e.preventDefault();break;case"End":if(w.inline)break;Ae(e),e.preventDefault();break;case"PageDown":Te(e);break;case"PageUp":Me(e);break;case"Escape":if(w.inline)break;Je();break;case"Tab":Re(e);break;case"ShiftLeft":case"ShiftRight":_(N);break;default:if("a"===e.key&&t){var n=Ct.filter((function(e){return it(e)})).map((function(e){return $e(e)}));Ve(e,n,n),e.preventDefault();break}!t&&O.isPrintableCharacter(e.key)&&(!$&&Ge(),vt(e),e.preventDefault())}L(!1)},role:"combobox","aria-expanded":$,disabled:w.disabled,tabIndex:w.disabled?-1:w.tabIndex,value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return Array.isArray(e)?e.map((function(e){return We(e)})).join(", "):e}(w.value)},Pt),he("input"));return e.createElement(e.Fragment,null,e.createElement("div",Vt,e.createElement("div",Ht,e.createElement("input",D({},Kt,{readOnly:!0}))),!w.inline&&e.createElement(e.Fragment,null,Tt,Rt,Mt),e.createElement(ie,D({hostName:"MultiSelect",ref:se,visibleOptions:Ct},w,{onClick:function(e){h.emit("overlay-click",{originalEvent:e,target:ee.current})},onOverlayHide:Je,filterValue:M,focusedOptionIndex:N,onFirstHiddenFocus:function(e){var t=e.relatedTarget===oe.current?x.getFirstFocusableElement(se.current,':not([data-p-hidden-focusable="true"])'):oe.current;x.focus(t)},onLastHiddenFocus:function(e){var t=e.relatedTarget===oe.current?x.getLastFocusableElement(se.current,':not([data-p-hidden-focusable="true"])'):oe.current;x.focus(t)},firstHiddenFocusableElementOnOverlay:le,lastHiddenFocusableElementOnOverlay:re,setFocusedOptionIndex:F,hasFilter:fe,isValidOption:it,getOptionValue:$e,updateModel:Ve,onFilterInputChange:function(e){var t=e.query;R(t),w.onFilter&&w.onFilter({originalEvent:e,filter:t})},resetFilter:He,onCloseClick:function(e){Je(),x.focus(oe.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(e){if(w.onSelectAll)w.onSelectAll(e);else{var t=null;if(e.checked)t=[];else{var n=Ct.filter((function(e){return it(e)&&!et(e)}));n&&(t=n.map((function(e){return $e(e)})))}w.selectionLimit&&t&&t.length&&(t=t.slice(0,w.selectionLimit)),Ve(e.originalEvent,t,t)}},getOptionLabel:Ze,getOptionRenderKey:function(e){return w.dataKey?O.resolveFieldData(e,w.dataKey):Ze(e)},isOptionDisabled:et,getOptionGroupChildren:Qe,getOptionGroupLabel:function(e){return O.resolveFieldData(e,w.optionGroupLabel)},getOptionGroupRenderKey:function(e){return O.resolveFieldData(e,w.optionGroupLabel)},isSelected:ze,getSelectedOptionIndex:function(){if(null!=w.value&&w.options){if(w.optionGroupLabel){var e=0,t=w.options.findIndex((function(t,n){return(e=n)&&-1!==qe(w.value,Qe(t))}));return-1!==t?{group:e,option:t}:-1}return qe(w.value,w.options)}return-1},isAllSelected:function(){return w.onSelectAll?w.selectAll:!O.isEmpty(Ct)&&!Ct.filter((function(e){return!et(e)&&it(e)})).some((function(e){return!ze(e)}))},onOptionSelect:Fe,allowOptionSelect:Ie,in:$,onEnter:function(e){I.set("overlay",se.current,k&&k.autoZIndex||t.autoZIndex,k&&k.zIndex.overlay||t.zIndex.overlay),x.addStyles(se.current,{position:"absolute",top:"0",left:"0"}),Xe(),Ke(),e&&e()},onEntered:function(e){e&&e(),Ee(),w.onShow&&w.onShow()},onExit:function(){Se()},onExited:function(){w.filter&&w.resetFilterOnHide&&He(),I.clear(se.current),w.onHide&&w.onHide()},ptm:he,cx:ye,sx:ge,isUnstyled:Oe,metaData:ve,changeFocusedOptionIndex:bt}))),Nt&&e.createElement(y,D({target:ee,content:w.tooltip,pt:he("tooltip")},w.tooltipOptions)))})));fe.displayName="MultiSelect";export{fe as MultiSelect};
|