primereact 10.9.1 → 10.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.cjs.js +2 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -1
- package/api/api.esm.js +2 -1
- package/api/api.esm.min.js +1 -1
- package/api/api.js +2 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +25 -4
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- package/autocomplete/autocomplete.esm.js +25 -4
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +25 -4
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +4 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.esm.js +4 -1
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +4 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +41 -21
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +16 -62
- package/calendar/calendar.esm.js +41 -21
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +41 -21
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -1
- package/carousel/carousel.min.js +1 -1
- package/chip/chip.cjs.js +11 -2
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +13 -2
- package/chip/chip.esm.js +11 -2
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +11 -2
- package/chip/chip.min.js +1 -1
- package/componentbase/componentbase.cjs.js +15 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +15 -6
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +15 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +4 -3
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +4 -3
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +4 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +0 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +0 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +0 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +167 -92
- package/core/core.min.js +10 -10
- package/datascroller/datascroller.cjs.js +2 -0
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +2 -0
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +2 -0
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +85 -58
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +85 -58
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +85 -58
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +7 -3
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +7 -3
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +8 -4
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +0 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +0 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +0 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +2 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +2 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +2 -2
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +0 -1
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +0 -1
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +0 -1
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +36 -30
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +5 -0
- package/dropdown/dropdown.esm.js +38 -32
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +36 -30
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +2 -1
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/fileupload/fileupload.esm.js +2 -1
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +2 -1
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +1 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +1 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +1 -1
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.d.ts +3 -2
- package/inputmask/inputmask.cjs.js +4 -2
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +4 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +4 -2
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +7 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +7 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +7 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputtext/inputtext.d.ts +1 -1
- package/inputtextarea/inputtextarea.cjs.js +1 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +1 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +1 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/megamenu/megamenu.cjs.js +5 -10
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +5 -10
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +5 -10
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +1 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +1 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +1 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +6 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +6 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +6 -1
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +2 -3
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +2 -3
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +2 -3
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +29 -29
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +30 -30
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +29 -29
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +24 -23
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +24 -23
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +24 -23
- package/orderlist/orderlist.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +3 -2
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +3 -2
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +3 -2
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +1 -1
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +1 -1
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +1 -1
- package/passthrough/tailwind/index.min.js +1 -1
- package/picklist/picklist.cjs.js +22 -8
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +22 -8
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +22 -8
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +684 -489
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +684 -489
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +684 -489
- package/primereact.all.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/sidebar/sidebar.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -1
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -1
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -1
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +0 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +0 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +0 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/stepper/stepper.d.ts +27 -13
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +1 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +1 -1
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +0 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +0 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +0 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +2 -2
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +2 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +2 -2
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +7 -1
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +7 -1
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +7 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +40 -38
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +11 -1
- package/tree/tree.esm.js +41 -39
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +41 -39
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -13
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +6 -1
- package/treeselect/treeselect.esm.js +13 -14
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -13
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +264 -254
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +265 -255
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +265 -255
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +53 -8
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +53 -8
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +53 -8
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +3 -3
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +3 -3
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +3 -3
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +1001 -47
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import PrimeReact, { PrimeReactContext, localeOption, ariaLabel } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
|
-
import { useMergeProps, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
5
|
+
import { useMergeProps, useDebounce, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
|
|
6
6
|
import { ChevronDownIcon } from 'primereact/icons/chevrondown';
|
|
7
7
|
import { SearchIcon } from 'primereact/icons/search';
|
|
8
8
|
import { TimesIcon } from 'primereact/icons/times';
|
|
@@ -209,6 +209,7 @@ var TreeSelectBase = ComponentBase.extend({
|
|
|
209
209
|
expandedKeys: null,
|
|
210
210
|
filter: false,
|
|
211
211
|
filterBy: 'label',
|
|
212
|
+
filterDelay: 300,
|
|
212
213
|
filterIcon: null,
|
|
213
214
|
filterInputAutoFocus: true,
|
|
214
215
|
filterLocale: undefined,
|
|
@@ -341,10 +342,11 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
341
342
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
342
343
|
expandedKeysState = _React$useState6[0],
|
|
343
344
|
setExpandedKeysState = _React$useState6[1];
|
|
344
|
-
var
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
345
|
+
var _useDebounce = useDebounce('', props.filterDelay || 0),
|
|
346
|
+
_useDebounce2 = _slicedToArray(_useDebounce, 3);
|
|
347
|
+
_useDebounce2[0];
|
|
348
|
+
var filterValueState = _useDebounce2[1],
|
|
349
|
+
setFilterValueState = _useDebounce2[2];
|
|
348
350
|
var elementRef = React.useRef(null);
|
|
349
351
|
var overlayRef = React.useRef(null);
|
|
350
352
|
var filterInputRef = React.useRef(null);
|
|
@@ -359,7 +361,6 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
359
361
|
var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
|
|
360
362
|
var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
|
|
361
363
|
var isValueEmpty = ObjectUtils.isEmpty(props.value);
|
|
362
|
-
var hasNoOptions = ObjectUtils.isEmpty(props.options);
|
|
363
364
|
var isSingleSelectionMode = props.selectionMode === 'single';
|
|
364
365
|
var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
|
|
365
366
|
var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
|
|
@@ -896,17 +897,14 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
896
897
|
return null;
|
|
897
898
|
};
|
|
898
899
|
var createContent = function createContent() {
|
|
899
|
-
|
|
900
|
-
var emptyMessageProps = mergeProps({
|
|
901
|
-
className: cx('emptyMessage')
|
|
902
|
-
}, ptm('emptyMessage'));
|
|
903
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tree, {
|
|
900
|
+
return /*#__PURE__*/React.createElement(Tree, {
|
|
904
901
|
ref: treeRef,
|
|
905
902
|
id: listId.current,
|
|
906
903
|
emptyMessage: props.emptyMessage,
|
|
907
904
|
expandedKeys: expandedKeys,
|
|
908
905
|
filter: props.filter,
|
|
909
906
|
filterBy: props.filterBy,
|
|
907
|
+
filterDelay: props.filterDelay,
|
|
910
908
|
filterLocale: props.filterLocale,
|
|
911
909
|
filterMode: props.filterMode,
|
|
912
910
|
filterPlaceholder: props.filterPlaceholder,
|
|
@@ -929,18 +927,19 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
929
927
|
__parentMetadata: {
|
|
930
928
|
parent: metaData
|
|
931
929
|
}
|
|
932
|
-
})
|
|
930
|
+
});
|
|
933
931
|
};
|
|
934
932
|
var createFilterElement = function createFilterElement() {
|
|
935
933
|
if (props.filter) {
|
|
936
|
-
var
|
|
934
|
+
var _filterValue = props.onFilterValueChange ? props.filterValue : filteredValue;
|
|
935
|
+
_filterValue = ObjectUtils.isNotEmpty(_filterValue) ? _filterValue : '';
|
|
937
936
|
var filterContainerProps = mergeProps({
|
|
938
937
|
className: cx('filterContainer')
|
|
939
938
|
}, ptm('filterContainer'));
|
|
940
939
|
var filterProps = mergeProps({
|
|
941
940
|
ref: filterInputRef,
|
|
942
941
|
type: 'text',
|
|
943
|
-
value:
|
|
942
|
+
value: _filterValue,
|
|
944
943
|
autoComplete: 'off',
|
|
945
944
|
className: cx('filter'),
|
|
946
945
|
placeholder: props.filterPlaceholder,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,ariaLabel as l}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as i,useOverlayListener as c,useMountEffect as s,useUpdateEffect as u,useUnmountEffect as p}from"primereact/hooks";import{ChevronDownIcon as f}from"primereact/icons/chevrondown";import{SearchIcon as d}from"primereact/icons/search";import{TimesIcon as m}from"primereact/icons/times";import{OverlayService as y}from"primereact/overlayservice";import{Ripple as b}from"primereact/ripple";import{Tooltip as v}from"primereact/tooltip";import{Tree as g}from"primereact/tree";import{classNames as h,ObjectUtils as E,DomHandler as w,UniqueComponentId as O,ZIndexUtils as S,IconUtils as x}from"primereact/utils";import{CSSTransition as I}from"primereact/csstransition";import{Portal as N}from"primereact/portal";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},k.apply(this,arguments)}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e){if(Array.isArray(e))return C(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}function F(){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 D(e){return D="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},D(e)}function A(e,t){if("object"!==D(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function H(e){var t=A(e,"string");return"symbol"===D(t)?t:String(t)}function R(e,t,n){return(t=H(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){if(Array.isArray(e))return e}function V(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function K(){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 L(e,t){return M(e)||V(e,t)||P(e,t)||K()}var B=o.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,invalid:!1,variant:null,metaKeySelection:!1,name:null,nodeTemplate:null,onChange:null,onFocus:null,onBlur:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.context;return h("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-focus":n,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState})},label:function(e){var t=e.props,n=e.isValueEmpty;return h("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var n=e.context;return h("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-treeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n\n .p-treeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .p-treeselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n\n .p-treeselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .p-treeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n\n .p-treeselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n\n .p-treeselect .p-treeselect-panel {\n min-width: 100%;\n }\n\n .p-treeselect-items-wrapper {\n overflow: auto;\n }\n\n .p-treeselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .p-treeselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n\n .p-treeselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-treeselect-filter-container .p-inputtext {\n width: 100%;\n }\n\n .p-treeselect-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-treeselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-fluid .p-treeselect {\n display: flex;\n}\n}\n"}});function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var X=e.forwardRef((function(t,r){var l,o,a,c,s=i(),u=e.useContext(n),p=t.ptm,f=t.cx,d=function(e,n){return p(e,U({hostName:t.hostName},n))},m=function(e){"Escape"===e.key&&(e.preventDefault(),t.hide())},y=(l={maxHeight:t.scrollHeight||"auto"},o=s({className:f("panel",{panelProps:t,context:u}),style:t.panelStyle,onKeyDown:m,onClick:t.onClick},d("panel")),a=s({className:f("wrapper"),style:l},d("wrapper")),c=s({classNames:f("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},d("transition")),e.createElement(I,k({nodeRef:r},c),e.createElement("div",k({ref:r},o),t.firstHiddenFocusableElementOnOverlay,t.header,e.createElement("div",a,t.children),t.footer,t.lastHiddenFocusableElementOnOverlay)));return e.createElement(N,{element:y,appendTo:t.appendTo})}));function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){R(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}function Z(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=$(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function $(e,t){if(e){if("string"==typeof e)return q(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)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}X.displayName="TreeSelectPanel";var W=e.memo(e.forwardRef((function(o,I){var N=i(),C=e.useContext(n),D=B.getProps(o,C),A=L(e.useState(!1),2),H=A[0],M=A[1],V=L(e.useState(!1),2),K=V[0],J=V[1],U=L(e.useState(D.expandedKeys),2),_=U[0],$=U[1],q=L(e.useState(""),2),W=q[0],Y=q[1],G=e.useRef(null),Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(D.inputRef),ne=e.useRef(null),re=e.useRef(null),le=e.useRef(null),oe=e.useRef(null),ae=e.useRef(null),ie=e.useRef(!1),ce=e.useRef(""),se=D.onToggle?D.expandedKeys:_,ue=D.onFilterValueChange?D.filterValue:W,pe=E.isEmpty(D.value),fe=E.isEmpty(D.options),de="single"===D.selectionMode,me="checkbox"===D.selectionMode,ye=E.isNotEmpty(D.tooltip),be={props:D,state:{focused:H,overlayVisible:K,expandedKeys:se,filterValue:ue}},ve=B.setMetaData(be),ge=ve.ptm,he=ve.cx;a(B.css.styles,ve.isUnstyled,{name:"treeselect"});var Ee={filter:function(e){return Ue(e)},reset:function(){return Xe()}},we=L(c({target:G,overlay:Q,listener:function(e,t){t.valid&&Ne()},when:K}),2),Oe=we[0],Se=we[1],xe=function(){return lt.length?lt.map((function(e){return e.label})).join(", "):D.placeholder},Ie=function(){J(!0)},Ne=function(){J(!1),te.current&&w.focus(te.current)},ke=function(){M(!0),D.onFocus&&D.onFocus()},Ce=function(){M(!1),D.onBlur&&D.onBlur()},je=function(e){D.onChange&&(re.current=!0,D.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:D.name,id:D.id,value:e.value}}))},Te=function(e){D.onChange&&(re.current=!0,D.onChange({originalEvent:e,value:void 0,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:D.name,id:D.id,value:void 0}}))},Pe=function(e){"Enter"!==e.key&&"Space"!==e.code||(Te(e),e.preventDefault())},Fe=function(e){D.onNodeSelect&&D.onNodeSelect(e),de&&Ne()},De=function(e){D.onNodeUnselect&&D.onNodeUnselect(e),me&&e.originalEvent.stopPropagation()},Ae=function(e){D.onToggle?D.onToggle(e):$(e.value)},He=function(e){Y(e.value)},Re=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),We();break;case"ArrowUp":e.preventDefault(),te.current&&w.focus(te.current);break;case"Enter":case"NumpadEnter":e.preventDefault(),t&&Ne();break;case"Escape":Le(e)}},Me=function(e){switch(e.code){case"ArrowDown":Ve(e);break;case"Space":case"Enter":case"NumpadEnter":Ke(e);break;case"Escape":Le(e);break;case"Tab":K&&(e.preventDefault(),e.shiftKey?We():Be(e))}},Ve=function(e){K||(ie.current=!0,Ie(),e.preventDefault())},Ke=function(e){K?Ne():Ve(e),e.preventDefault()},Le=function(e){K&&(Ne(),e.preventDefault())},Be=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||K&&Je()&&(w.focus(oe.current),e.preventDefault())},Je=function(){return w.getFocusableElements(Q.current,':not([data-p-hidden-focusable="true"])').length>0},Ue=function(e){var t=e.target.value;D.onFilterValueChange?D.onFilterValueChange({originalEvent:e,value:t}):Y(t)},Xe=function(){Y("")},_e=function(){w.alignOverlay(Q.current,ne.current.parentElement,D.appendTo||C&&C.appendTo||t.appendTo)},ze=function(){var e=w.findSingle(Q.current,'[data-pc-section="content"][data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ze=function(e,t,n){if(e){if($e(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,l=Z(e.children);try{for(l.s();!(r=l.n()).done;){Ze(r.value,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var o,a=Z(D.options);try{for(a.s();!(o=a.n()).done;){Ze(o.value,t,n)}}catch(e){a.e(e)}finally{a.f()}}},$e=function(e,t){return me?t[e.key]&&t[e.key].checked:t[e.key]},qe=function(){var e=de?R({},"".concat(D.value),!0):z({},D.value);$({}),e&&D.options&&Ye(null,null,e)},We=function(){var e,t,n=w.find(null===(e=le.current)||void 0===e?void 0:e.getElement(),'[data-pc-section="node"]'),r=(t=n,j(t)||T(t)||P(t)||F()).find((function(e){return"0"===e.getAttribute("tabindex")}));w.focus(r)},Ye=function(e,t,n){if(e){if($e(e,n)&&(Ge(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,l=Z(e.children);try{for(l.s();!(r=l.n()).done;){var o=r.value;t.push(e.key),Ye(o,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var a,i=Z(D.options);try{for(i.s();!(a=i.n()).done;){Ye(a.value,[],n)}}catch(e){i.e(e)}finally{i.f()}}},Ge=function(e){if(e.length>0){var t,n=z({},_||{}),r=Z(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}$(n)}};e.useImperativeHandle(I,(function(){return{props:D,clear:Te,show:Ie,hide:Ne,focus:function(){return w.focus(te.current)},getElement:function(){return G.current}}})),e.useEffect((function(){E.combinedRefs(te,D.inputRef)}),[te,D.inputRef]),s((function(){qe(),ce.current=O()+"_list",D.autoFocus&&w.focus(te.current,D.autoFocus),_e()})),u((function(){K&&D.filter&&_e()})),u((function(){qe()}),[D.options]),u((function(){ie.current&&K&&(ie.current=!1,We())}),[K]),u((function(){K&&_&&_e()}),[_]),u((function(){K&&(re.current||qe(),re.current=!1)}),[D.value]),p((function(){S.clear(Q.current)}));var Qe,et,tt,nt,rt=function(){if(D.filter){var t=E.isNotEmpty(ue)?ue:"",n=N({className:he("filterContainer")},ge("filterContainer")),r=N({ref:ee,type:"text",value:t,autoComplete:"off",className:he("filter"),placeholder:D.filterPlaceholder,onKeyDown:function(e){return Re(e,!1)},onChange:Ue,disabled:D.disabled},ge("filter")),l=N({className:he("filterIcon")},ge("filterIcon")),o=x.getJSXIcon(D.filterIcon||e.createElement(d,l),z({},l),{props:D}),a=e.createElement("div",n,e.createElement("input",r),o);if(D.filterTemplate)a=E.getJSXElement(D.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:Ee,filterInputKeyDown:function(e){return Re(e,(function(){}))},filterInputChange:Ue,filterIconClassName:"p-dropdown-filter-icon",props:D});return e.createElement(e.Fragment,null,a)}},lt=function(){var e=[];if(E.isNotEmpty(D.value)&&D.options){var t=de?R({},"".concat(D.value),!0):z({},D.value);Ze(null,t,e)}return e}(),ot=B.getOtherProps(D),at=E.reduceKeys(ot,w.ARIA_PROPS),it=N({ref:oe,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===te.current?w.getFirstFocusableElement(Q.current,':not([data-p-hidden-focusable="true"])'):te.current;w.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ge("firstHiddenFocusableElementOnOverlay")),ct=N({ref:ae,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===te.current?w.getLastFocusableElement(Q.current,':not([data-p-hidden-focusable="true"])'):te.current;w.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ge("lastHiddenFocusableElementOnOverlay")),st=N({ref:G,className:h(D.className,he("root",{context:C,focusedState:H,overlayVisibleState:K,isValueEmpty:pe})),style:D.style,onClick:function(e){D.disabled||Q.current&&Q.current.contains(e.target)||w.isAttributeEquals(e.target,"data-pc-section","closebutton")||(w.focus(te.current),K?Ne():Ie())}},B.getOtherProps(D),ge("root")),ut=(Qe=N({className:"p-hidden-accessible"},ge("hiddenInputWrapper")),et=N(z({ref:te,role:"listbox",id:D.inputId,type:"text","aria-expanded":K,"aria-label":D.ariaLabel,"aria-labelledby":D.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":ce.current,onFocus:ke,onBlur:Ce,onKeyDown:Me,disabled:D.disabled,tabIndex:D.tabIndex},at),ge("hiddenInput")),e.createElement("div",Qe,e.createElement("input",k({},et,{readOnly:!0})))),pt=function(){var t=N({className:he("token")},ge("token")),n=N({className:he("tokenLabel")},ge("tokenLabel")),r=N({className:he("labelContainer")},ge("labelContainer")),l=N({className:he("label",{isValueEmpty:pe,getLabel:xe})},ge("label")),o=null;return D.valueTemplate?o=E.getJSXElement(D.valueTemplate,lt,D):"comma"===D.display?o=xe()||"empty":"chip"===D.display&&(o=e.createElement(e.Fragment,null,lt&<.map((function(r,l){return e.createElement("div",k({},t,{key:"".concat(r.key,"_").concat(l)}),e.createElement("span",n,r.label))})),pe&&(D.placeholder||"empty"))),e.createElement("div",r,e.createElement("div",l,o))}(),ft=function(){var t=N({ref:ne,className:he("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":K},ge("trigger")),n=N({className:he("triggerIcon")},ge("triggerIcon")),r=x.getJSXIcon(D.dropdownIcon||e.createElement(f,n),z({},n),{props:D});return e.createElement("div",t,r)}(),dt=function(){if(null!=D.value&&D.showClear&&!D.disabled){var t=N({className:he("clearIcon"),onPointerUp:Te,tabIndex:D.tabIndex||"0",onKeyDown:Pe,"aria-label":r("clear")},ge("clearIcon"));return x.getJSXIcon(D.clearIcon||e.createElement(m,t),z({},t),{props:D})}return null}(),mt=(tt=E.getJSXElement(D.emptyMessage,D)||r("emptyMessage"),nt=N({className:he("emptyMessage")},ge("emptyMessage")),e.createElement(e.Fragment,null,e.createElement(g,{ref:le,id:ce.current,emptyMessage:D.emptyMessage,expandedKeys:se,filter:D.filter,filterBy:D.filterBy,filterLocale:D.filterLocale,filterMode:D.filterMode,filterPlaceholder:D.filterPlaceholder,filterValue:ue,metaKeySelection:D.metaKeySelection,nodeTemplate:D.nodeTemplate,onCollapse:D.onNodeCollapse,onExpand:D.onNodeExpand,onFilterValueChange:He,onSelect:Fe,onSelectionChange:je,onToggle:Ae,onUnselect:De,selectionKeys:D.value,selectionMode:D.selectionMode,showHeader:!1,togglerTemplate:D.togglerTemplate,value:D.options,pt:ge("tree"),__parentMetadata:{parent:be}}),fe&&e.createElement("div",nt,tt))),yt=function(){var t=rt(),n=N({className:he("closeIcon"),"aria-hidden":!0},ge("closeIcon")),r=x.getJSXIcon(D.closeIcon||e.createElement(m,n),z({},n),{props:D}),o=N({type:"button",className:he("closeButton"),onKeyDown:function(e){return Re(e,!0)},onClick:Ne,"aria-label":l("close")},ge("closeButton")),a=N({className:he("header")},ge("header")),i=e.createElement("button",o,r,e.createElement(b,null)),c=e.createElement("div",a,t,i);return D.panelHeaderTemplate?e.createElement("div",null,c,E.getJSXElement(D.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:Ne,element:c,props:D})):c}(),bt=E.getJSXElement(D.panelFooterTemplate,D);return e.createElement("div",st,ut,pt,dt,ft,e.createElement(X,{hostName:"TreeSelect",ref:Q,appendTo:D.appendTo,panelStyle:D.panelStyle,panelClassName:D.panelClassName,scrollHeight:D.scrollHeight,onClick:function(e){y.emit("overlay-click",{originalEvent:e,target:G.current})},header:yt,hide:Ne,footer:bt,firstHiddenFocusableElementOnOverlay:e.createElement("span",it),lastHiddenFocusableElementOnOverlay:e.createElement("span",ct),transitionOptions:D.transitionOptions,in:K,onEnter:function(){S.set("overlay",Q.current,C&&C.autoZIndex||t.autoZIndex,C&&C.zIndex.overlay||t.zIndex.overlay),w.addStyles(Q.current,{position:"absolute",top:"0",left:"0"}),We(),_e(),ze()},onEntered:function(){Oe(),D.filter&&D.filterInputAutoFocus&&w.focus(ee.current,D.filterInputAutoFocus),D.onShow&&D.onShow()},onExit:function(){Se()},onExited:function(){D.filter&&D.resetFilterOnHide&&Xe(),S.clear(Q.current),D.onHide&&D.onHide()},ptm:ge,cx:he},mt),ye&&e.createElement(v,k({target:G,content:D.tooltip,pt:ge("tooltip")},D.tooltipOptions)))})));W.displayName="TreeSelect";export{W as TreeSelect};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,ariaLabel as l}from"primereact/api";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as i,useDebounce as c,useOverlayListener as u,useMountEffect as s,useUpdateEffect as p,useUnmountEffect as f}from"primereact/hooks";import{ChevronDownIcon as d}from"primereact/icons/chevrondown";import{SearchIcon as m}from"primereact/icons/search";import{TimesIcon as y}from"primereact/icons/times";import{OverlayService as b}from"primereact/overlayservice";import{Ripple as v}from"primereact/ripple";import{Tooltip as g}from"primereact/tooltip";import{Tree as h}from"primereact/tree";import{classNames as E,ObjectUtils as w,DomHandler as O,UniqueComponentId as S,ZIndexUtils as x,IconUtils as I}from"primereact/utils";import{CSSTransition as N}from"primereact/csstransition";import{Portal as k}from"primereact/portal";function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},C.apply(this,arguments)}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function T(e){if(Array.isArray(e))return j(e)}function P(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function F(){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 A(e){return A="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},A(e)}function H(e,t){if("object"!==A(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==A(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=H(e,"string");return"symbol"===A(t)?t:String(t)}function V(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e){if(Array.isArray(e))return e}function M(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return K(e)||M(e,t)||D(e,t)||L()}var U=o.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterDelay:300,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,invalid:!1,variant:null,metaKeySelection:!1,name:null,nodeTemplate:null,onChange:null,onFocus:null,onBlur:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.context;return E("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-focus":n,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState})},label:function(e){var t=e.props,n=e.isValueEmpty;return E("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var n=e.context;return E("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-treeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n\n .p-treeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .p-treeselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n\n .p-treeselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .p-treeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n\n .p-treeselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n\n .p-treeselect .p-treeselect-panel {\n min-width: 100%;\n }\n\n .p-treeselect-items-wrapper {\n overflow: auto;\n }\n\n .p-treeselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .p-treeselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n\n .p-treeselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-treeselect-filter-container .p-inputtext {\n width: 100%;\n }\n\n .p-treeselect-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-treeselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-fluid .p-treeselect {\n display: flex;\n}\n}\n"}});function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _=e.forwardRef((function(t,r){var l,o,a,c,u=i(),s=e.useContext(n),p=t.ptm,f=t.cx,d=function(e,n){return p(e,X({hostName:t.hostName},n))},m=function(e){"Escape"===e.key&&(e.preventDefault(),t.hide())},y=(l={maxHeight:t.scrollHeight||"auto"},o=u({className:f("panel",{panelProps:t,context:s}),style:t.panelStyle,onKeyDown:m,onClick:t.onClick},d("panel")),a=u({className:f("wrapper"),style:l},d("wrapper")),c=u({classNames:f("transition"),in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},d("transition")),e.createElement(N,C({nodeRef:r},c),e.createElement("div",C({ref:r},o),t.firstHiddenFocusableElementOnOverlay,t.header,e.createElement("div",a,t.children),t.footer,t.lastHiddenFocusableElementOnOverlay)));return e.createElement(k,{element:y,appendTo:t.appendTo})}));function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){V(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function $(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=q(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function q(e,t){if(e){if("string"==typeof e)return W(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)?W(e,t):void 0}}function W(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}_.displayName="TreeSelectPanel";var Y=e.memo(e.forwardRef((function(o,N){var k=i(),j=e.useContext(n),A=U.getProps(o,j),H=B(e.useState(!1),2),R=H[0],K=H[1],M=B(e.useState(!1),2),L=M[0],J=M[1],X=B(e.useState(A.expandedKeys),2),z=X[0],q=X[1],W=B(c("",A.filterDelay||0),3),Y=W[1],G=W[2],Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(A.inputRef),re=e.useRef(null),le=e.useRef(null),oe=e.useRef(null),ae=e.useRef(null),ie=e.useRef(null),ce=e.useRef(!1),ue=e.useRef(""),se=A.onToggle?A.expandedKeys:z,pe=A.onFilterValueChange?A.filterValue:Y,fe=w.isEmpty(A.value),de="single"===A.selectionMode,me="checkbox"===A.selectionMode,ye=w.isNotEmpty(A.tooltip),be={props:A,state:{focused:R,overlayVisible:L,expandedKeys:se,filterValue:pe}},ve=U.setMetaData(be),ge=ve.ptm,he=ve.cx;a(U.css.styles,ve.isUnstyled,{name:"treeselect"});var Ee={filter:function(e){return Je(e)},reset:function(){return Xe()}},we=B(u({target:Q,overlay:ee,listener:function(e,t){t.valid&&Ne()},when:L}),2),Oe=we[0],Se=we[1],xe=function(){return nt.length?nt.map((function(e){return e.label})).join(", "):A.placeholder},Ie=function(){J(!0)},Ne=function(){J(!1),ne.current&&O.focus(ne.current)},ke=function(){K(!0),A.onFocus&&A.onFocus()},Ce=function(){K(!1),A.onBlur&&A.onBlur()},je=function(e){A.onChange&&(le.current=!0,A.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:A.name,id:A.id,value:e.value}}))},Te=function(e){A.onChange&&(le.current=!0,A.onChange({originalEvent:e,value:void 0,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:A.name,id:A.id,value:void 0}}))},Pe=function(e){"Enter"!==e.key&&"Space"!==e.code||(Te(e),e.preventDefault())},De=function(e){A.onNodeSelect&&A.onNodeSelect(e),de&&Ne()},Fe=function(e){A.onNodeUnselect&&A.onNodeUnselect(e),me&&e.originalEvent.stopPropagation()},Ae=function(e){A.onToggle?A.onToggle(e):q(e.value)},He=function(e){G(e.value)},Re=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),We();break;case"ArrowUp":e.preventDefault(),ne.current&&O.focus(ne.current);break;case"Enter":case"NumpadEnter":e.preventDefault(),t&&Ne();break;case"Escape":Le(e)}},Ve=function(e){switch(e.code){case"ArrowDown":Ke(e);break;case"Space":case"Enter":case"NumpadEnter":Me(e);break;case"Escape":Le(e);break;case"Tab":L&&(e.preventDefault(),e.shiftKey?We():Be(e))}},Ke=function(e){L||(ce.current=!0,Ie(),e.preventDefault())},Me=function(e){L?Ne():Ke(e),e.preventDefault()},Le=function(e){L&&(Ne(),e.preventDefault())},Be=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||L&&Ue()&&(O.focus(ae.current),e.preventDefault())},Ue=function(){return O.getFocusableElements(ee.current,':not([data-p-hidden-focusable="true"])').length>0},Je=function(e){var t=e.target.value;A.onFilterValueChange?A.onFilterValueChange({originalEvent:e,value:t}):G(t)},Xe=function(){G("")},_e=function(){O.alignOverlay(ee.current,re.current.parentElement,A.appendTo||j&&j.appendTo||t.appendTo)},ze=function(){var e=O.findSingle(ee.current,'[data-pc-section="content"][data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ze=function(e,t,n){if(e){if($e(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,l=$(e.children);try{for(l.s();!(r=l.n()).done;){Ze(r.value,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var o,a=$(A.options);try{for(a.s();!(o=a.n()).done;){Ze(o.value,t,n)}}catch(e){a.e(e)}finally{a.f()}}},$e=function(e,t){return me?t[e.key]&&t[e.key].checked:t[e.key]},qe=function(){var e=de?V({},"".concat(A.value),!0):Z({},A.value);q({}),e&&A.options&&Ye(null,null,e)},We=function(){var e,t,n=O.find(null===(e=oe.current)||void 0===e?void 0:e.getElement(),'[data-pc-section="node"]'),r=(t=n,T(t)||P(t)||D(t)||F()).find((function(e){return"0"===e.getAttribute("tabindex")}));O.focus(r)},Ye=function(e,t,n){if(e){if($e(e,n)&&(Ge(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,l=$(e.children);try{for(l.s();!(r=l.n()).done;){var o=r.value;t.push(e.key),Ye(o,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var a,i=$(A.options);try{for(i.s();!(a=i.n()).done;){Ye(a.value,[],n)}}catch(e){i.e(e)}finally{i.f()}}},Ge=function(e){if(e.length>0){var t,n=Z({},z||{}),r=$(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}q(n)}};e.useImperativeHandle(N,(function(){return{props:A,clear:Te,show:Ie,hide:Ne,focus:function(){return O.focus(ne.current)},getElement:function(){return Q.current}}})),e.useEffect((function(){w.combinedRefs(ne,A.inputRef)}),[ne,A.inputRef]),s((function(){qe(),ue.current=S()+"_list",A.autoFocus&&O.focus(ne.current,A.autoFocus),_e()})),p((function(){L&&A.filter&&_e()})),p((function(){qe()}),[A.options]),p((function(){ce.current&&L&&(ce.current=!1,We())}),[L]),p((function(){L&&z&&_e()}),[z]),p((function(){L&&(le.current||qe(),le.current=!1)}),[A.value]),f((function(){x.clear(ee.current)}));var Qe,et,tt=function(){if(A.filter){var t=A.onFilterValueChange?A.filterValue:pe;t=w.isNotEmpty(t)?t:"";var n=k({className:he("filterContainer")},ge("filterContainer")),r=k({ref:te,type:"text",value:t,autoComplete:"off",className:he("filter"),placeholder:A.filterPlaceholder,onKeyDown:function(e){return Re(e,!1)},onChange:Je,disabled:A.disabled},ge("filter")),l=k({className:he("filterIcon")},ge("filterIcon")),o=I.getJSXIcon(A.filterIcon||e.createElement(m,l),Z({},l),{props:A}),a=e.createElement("div",n,e.createElement("input",r),o);if(A.filterTemplate)a=w.getJSXElement(A.filterTemplate,{className:"p-treeselect-filter-container",element:a,filterOptions:Ee,filterInputKeyDown:function(e){return Re(e,(function(){}))},filterInputChange:Je,filterIconClassName:"p-dropdown-filter-icon",props:A});return e.createElement(e.Fragment,null,a)}},nt=function(){var e=[];if(w.isNotEmpty(A.value)&&A.options){var t=de?V({},"".concat(A.value),!0):Z({},A.value);Ze(null,t,e)}return e}(),rt=U.getOtherProps(A),lt=w.reduceKeys(rt,O.ARIA_PROPS),ot=k({ref:ae,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===ne.current?O.getFirstFocusableElement(ee.current,':not([data-p-hidden-focusable="true"])'):ne.current;O.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ge("firstHiddenFocusableElementOnOverlay")),at=k({ref:ie,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===ne.current?O.getLastFocusableElement(ee.current,':not([data-p-hidden-focusable="true"])'):ne.current;O.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ge("lastHiddenFocusableElementOnOverlay")),it=k({ref:Q,className:E(A.className,he("root",{context:j,focusedState:R,overlayVisibleState:L,isValueEmpty:fe})),style:A.style,onClick:function(e){A.disabled||ee.current&&ee.current.contains(e.target)||O.isAttributeEquals(e.target,"data-pc-section","closebutton")||(O.focus(ne.current),L?Ne():Ie())}},U.getOtherProps(A),ge("root")),ct=(Qe=k({className:"p-hidden-accessible"},ge("hiddenInputWrapper")),et=k(Z({ref:ne,role:"listbox",id:A.inputId,type:"text","aria-expanded":L,"aria-label":A.ariaLabel,"aria-labelledby":A.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":ue.current,onFocus:ke,onBlur:Ce,onKeyDown:Ve,disabled:A.disabled,tabIndex:A.tabIndex},lt),ge("hiddenInput")),e.createElement("div",Qe,e.createElement("input",C({},et,{readOnly:!0})))),ut=function(){var t=k({className:he("token")},ge("token")),n=k({className:he("tokenLabel")},ge("tokenLabel")),r=k({className:he("labelContainer")},ge("labelContainer")),l=k({className:he("label",{isValueEmpty:fe,getLabel:xe})},ge("label")),o=null;return A.valueTemplate?o=w.getJSXElement(A.valueTemplate,nt,A):"comma"===A.display?o=xe()||"empty":"chip"===A.display&&(o=e.createElement(e.Fragment,null,nt&&nt.map((function(r,l){return e.createElement("div",C({},t,{key:"".concat(r.key,"_").concat(l)}),e.createElement("span",n,r.label))})),fe&&(A.placeholder||"empty"))),e.createElement("div",r,e.createElement("div",l,o))}(),st=function(){var t=k({ref:re,className:he("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":L},ge("trigger")),n=k({className:he("triggerIcon")},ge("triggerIcon")),r=I.getJSXIcon(A.dropdownIcon||e.createElement(d,n),Z({},n),{props:A});return e.createElement("div",t,r)}(),pt=function(){if(null!=A.value&&A.showClear&&!A.disabled){var t=k({className:he("clearIcon"),onPointerUp:Te,tabIndex:A.tabIndex||"0",onKeyDown:Pe,"aria-label":r("clear")},ge("clearIcon"));return I.getJSXIcon(A.clearIcon||e.createElement(y,t),Z({},t),{props:A})}return null}(),ft=e.createElement(h,{ref:oe,id:ue.current,emptyMessage:A.emptyMessage,expandedKeys:se,filter:A.filter,filterBy:A.filterBy,filterDelay:A.filterDelay,filterLocale:A.filterLocale,filterMode:A.filterMode,filterPlaceholder:A.filterPlaceholder,filterValue:pe,metaKeySelection:A.metaKeySelection,nodeTemplate:A.nodeTemplate,onCollapse:A.onNodeCollapse,onExpand:A.onNodeExpand,onFilterValueChange:He,onSelect:De,onSelectionChange:je,onToggle:Ae,onUnselect:Fe,selectionKeys:A.value,selectionMode:A.selectionMode,showHeader:!1,togglerTemplate:A.togglerTemplate,value:A.options,pt:ge("tree"),__parentMetadata:{parent:be}}),dt=function(){var t=tt(),n=k({className:he("closeIcon"),"aria-hidden":!0},ge("closeIcon")),r=I.getJSXIcon(A.closeIcon||e.createElement(y,n),Z({},n),{props:A}),o=k({type:"button",className:he("closeButton"),onKeyDown:function(e){return Re(e,!0)},onClick:Ne,"aria-label":l("close")},ge("closeButton")),a=k({className:he("header")},ge("header")),i=e.createElement("button",o,r,e.createElement(v,null)),c=e.createElement("div",a,t,i);return A.panelHeaderTemplate?e.createElement("div",null,c,w.getJSXElement(A.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:i,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:Ne,element:c,props:A})):c}(),mt=w.getJSXElement(A.panelFooterTemplate,A);return e.createElement("div",it,ct,ut,pt,st,e.createElement(_,{hostName:"TreeSelect",ref:ee,appendTo:A.appendTo,panelStyle:A.panelStyle,panelClassName:A.panelClassName,scrollHeight:A.scrollHeight,onClick:function(e){b.emit("overlay-click",{originalEvent:e,target:Q.current})},header:dt,hide:Ne,footer:mt,firstHiddenFocusableElementOnOverlay:e.createElement("span",ot),lastHiddenFocusableElementOnOverlay:e.createElement("span",at),transitionOptions:A.transitionOptions,in:L,onEnter:function(){x.set("overlay",ee.current,j&&j.autoZIndex||t.autoZIndex,j&&j.zIndex.overlay||t.zIndex.overlay),O.addStyles(ee.current,{position:"absolute",top:"0",left:"0"}),We(),_e(),ze()},onEntered:function(){Oe(),A.filter&&A.filterInputAutoFocus&&O.focus(te.current,A.filterInputAutoFocus),A.onShow&&A.onShow()},onExit:function(){Se()},onExited:function(){A.filter&&A.resetFilterOnHide&&Xe(),x.clear(ee.current),A.onHide&&A.onHide()},ptm:ge,cx:he},ft),ye&&e.createElement(g,C({target:Q,content:A.tooltip,pt:ge("tooltip")},A.tooltipOptions)))})));Y.displayName="TreeSelect";export{Y as TreeSelect};
|
package/treeselect/treeselect.js
CHANGED
|
@@ -220,6 +220,7 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
|
|
|
220
220
|
expandedKeys: null,
|
|
221
221
|
filter: false,
|
|
222
222
|
filterBy: 'label',
|
|
223
|
+
filterDelay: 300,
|
|
223
224
|
filterIcon: null,
|
|
224
225
|
filterInputAutoFocus: true,
|
|
225
226
|
filterLocale: undefined,
|
|
@@ -352,10 +353,11 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
|
|
|
352
353
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
353
354
|
expandedKeysState = _React$useState6[0],
|
|
354
355
|
setExpandedKeysState = _React$useState6[1];
|
|
355
|
-
var
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
356
|
+
var _useDebounce = hooks.useDebounce('', props.filterDelay || 0),
|
|
357
|
+
_useDebounce2 = _slicedToArray(_useDebounce, 3);
|
|
358
|
+
_useDebounce2[0];
|
|
359
|
+
var filterValueState = _useDebounce2[1],
|
|
360
|
+
setFilterValueState = _useDebounce2[2];
|
|
359
361
|
var elementRef = React__namespace.useRef(null);
|
|
360
362
|
var overlayRef = React__namespace.useRef(null);
|
|
361
363
|
var filterInputRef = React__namespace.useRef(null);
|
|
@@ -370,7 +372,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
|
|
|
370
372
|
var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
|
|
371
373
|
var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
|
|
372
374
|
var isValueEmpty = utils.ObjectUtils.isEmpty(props.value);
|
|
373
|
-
var hasNoOptions = utils.ObjectUtils.isEmpty(props.options);
|
|
374
375
|
var isSingleSelectionMode = props.selectionMode === 'single';
|
|
375
376
|
var isCheckboxSelectionMode = props.selectionMode === 'checkbox';
|
|
376
377
|
var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
|
|
@@ -907,17 +908,14 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
|
|
|
907
908
|
return null;
|
|
908
909
|
};
|
|
909
910
|
var createContent = function createContent() {
|
|
910
|
-
|
|
911
|
-
var emptyMessageProps = mergeProps({
|
|
912
|
-
className: cx('emptyMessage')
|
|
913
|
-
}, ptm('emptyMessage'));
|
|
914
|
-
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(tree.Tree, {
|
|
911
|
+
return /*#__PURE__*/React__namespace.createElement(tree.Tree, {
|
|
915
912
|
ref: treeRef,
|
|
916
913
|
id: listId.current,
|
|
917
914
|
emptyMessage: props.emptyMessage,
|
|
918
915
|
expandedKeys: expandedKeys,
|
|
919
916
|
filter: props.filter,
|
|
920
917
|
filterBy: props.filterBy,
|
|
918
|
+
filterDelay: props.filterDelay,
|
|
921
919
|
filterLocale: props.filterLocale,
|
|
922
920
|
filterMode: props.filterMode,
|
|
923
921
|
filterPlaceholder: props.filterPlaceholder,
|
|
@@ -940,18 +938,19 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, componentbas
|
|
|
940
938
|
__parentMetadata: {
|
|
941
939
|
parent: metaData
|
|
942
940
|
}
|
|
943
|
-
})
|
|
941
|
+
});
|
|
944
942
|
};
|
|
945
943
|
var createFilterElement = function createFilterElement() {
|
|
946
944
|
if (props.filter) {
|
|
947
|
-
var
|
|
945
|
+
var _filterValue = props.onFilterValueChange ? props.filterValue : filteredValue;
|
|
946
|
+
_filterValue = utils.ObjectUtils.isNotEmpty(_filterValue) ? _filterValue : '';
|
|
948
947
|
var filterContainerProps = mergeProps({
|
|
949
948
|
className: cx('filterContainer')
|
|
950
949
|
}, ptm('filterContainer'));
|
|
951
950
|
var filterProps = mergeProps({
|
|
952
951
|
ref: filterInputRef,
|
|
953
952
|
type: 'text',
|
|
954
|
-
value:
|
|
953
|
+
value: _filterValue,
|
|
955
954
|
autoComplete: 'off',
|
|
956
955
|
className: cx('filter'),
|
|
957
956
|
placeholder: props.filterPlaceholder,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,r,l,o,a,i,c,s,u,p,f,d,m){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=b(t),g=y(n);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return E(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function I(){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 x(e){return x="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},x(e)}function j(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function N(e){var t=j(e,"string");return"symbol"===x(t)?t:String(t)}function D(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function P(){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 T(e,t){return C(e)||k(e,t)||S(e,t)||P()}var H=r.ComponentBase.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,invalid:!1,variant:null,metaKeySelection:!1,name:null,nodeTemplate:null,onChange:null,onFocus:null,onBlur:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.context;return f.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-focus":n,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState})},label:function(e){var t=e.props,n=e.isValueEmpty;return f.classNames("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var t=e.context;return f.classNames("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-treeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n\n .p-treeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .p-treeselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n\n .p-treeselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .p-treeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n\n .p-treeselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n\n .p-treeselect .p-treeselect-panel {\n min-width: 100%;\n }\n\n .p-treeselect-items-wrapper {\n overflow: auto;\n }\n\n .p-treeselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .p-treeselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n\n .p-treeselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-treeselect-filter-container .p-inputtext {\n width: 100%;\n }\n\n .p-treeselect-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-treeselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-fluid .p-treeselect {\n display: flex;\n}\n}\n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=v.forwardRef((function(e,t){var r,o,a,i,c=l.useMergeProps(),s=v.useContext(n.PrimeReactContext),u=e.ptm,p=e.cx,f=function(t,n){return u(t,F({hostName:e.hostName},n))},y=function(t){"Escape"===t.key&&(t.preventDefault(),e.hide())},b=(r={maxHeight:e.scrollHeight||"auto"},o=c({className:p("panel",{panelProps:e,context:s}),style:e.panelStyle,onKeyDown:y,onClick:e.onClick},f("panel")),a=c({className:p("wrapper"),style:r},f("wrapper")),i=c({classNames:p("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f("transition")),v.createElement(d.CSSTransition,h({nodeRef:t},i),v.createElement("div",h({ref:t},o),e.firstHiddenFocusableElementOnOverlay,e.header,v.createElement("div",a,e.children),e.footer,e.lastHiddenFocusableElementOnOverlay)));return v.createElement(m.Portal,{element:b,appendTo:e.appendTo})}));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=K(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function K(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}A.displayName="TreeSelectPanel";var B=v.memo(v.forwardRef((function(e,t){var d=l.useMergeProps(),m=v.useContext(n.PrimeReactContext),y=H.getProps(e,m),b=T(v.useState(!1),2),E=b[0],x=b[1],j=T(v.useState(!1),2),N=j[0],C=j[1],k=T(v.useState(y.expandedKeys),2),P=k[0],U=k[1],F=T(v.useState(""),2),M=F[0],K=F[1],L=v.useRef(null),B=v.useRef(null),_=v.useRef(null),J=v.useRef(y.inputRef),X=v.useRef(null),Z=v.useRef(null),z=v.useRef(null),q=v.useRef(null),$=v.useRef(null),W=v.useRef(!1),Y=v.useRef(""),G=y.onToggle?y.expandedKeys:P,Q=y.onFilterValueChange?y.filterValue:M,ee=f.ObjectUtils.isEmpty(y.value),te=f.ObjectUtils.isEmpty(y.options),ne="single"===y.selectionMode,re="checkbox"===y.selectionMode,le=f.ObjectUtils.isNotEmpty(y.tooltip),oe={props:y,state:{focused:E,overlayVisible:N,expandedKeys:G,filterValue:Q}},ae=H.setMetaData(oe),ie=ae.ptm,ce=ae.cx;r.useHandleStyle(H.css.styles,ae.isUnstyled,{name:"treeselect"});var se={filter:function(e){return Te(e)},reset:function(){return He()}},ue=T(l.useOverlayListener({target:L,overlay:B,listener:function(e,t){t.valid&&ye()},when:N}),2),pe=ue[0],fe=ue[1],de=function(){return ze.length?ze.map((function(e){return e.label})).join(", "):y.placeholder},me=function(){C(!0)},ye=function(){C(!1),J.current&&f.DomHandler.focus(J.current)},be=function(){x(!0),y.onFocus&&y.onFocus()},ve=function(){x(!1),y.onBlur&&y.onBlur()},ge=function(e){y.onChange&&(Z.current=!0,y.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:y.name,id:y.id,value:e.value}}))},he=function(e){y.onChange&&(Z.current=!0,y.onChange({originalEvent:e,value:void 0,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:y.name,id:y.id,value:void 0}}))},Ee=function(e){"Enter"!==e.key&&"Space"!==e.code||(he(e),e.preventDefault())},Oe=function(e){y.onNodeSelect&&y.onNodeSelect(e),ne&&ye()},we=function(e){y.onNodeUnselect&&y.onNodeUnselect(e),re&&e.originalEvent.stopPropagation()},Se=function(e){y.onToggle?y.onToggle(e):U(e.value)},Ie=function(e){K(e.value)},xe=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),Ve();break;case"ArrowUp":e.preventDefault(),J.current&&f.DomHandler.focus(J.current);break;case"Enter":case"NumpadEnter":e.preventDefault(),t&&ye();break;case"Escape":Ce(e)}},je=function(e){switch(e.code){case"ArrowDown":Ne(e);break;case"Space":case"Enter":case"NumpadEnter":De(e);break;case"Escape":Ce(e);break;case"Tab":N&&(e.preventDefault(),e.shiftKey?Ve():ke(e))}},Ne=function(e){N||(W.current=!0,me(),e.preventDefault())},De=function(e){N?ye():Ne(e),e.preventDefault()},Ce=function(e){N&&(ye(),e.preventDefault())},ke=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||N&&Pe()&&(f.DomHandler.focus(q.current),e.preventDefault())},Pe=function(){return f.DomHandler.getFocusableElements(B.current,':not([data-p-hidden-focusable="true"])').length>0},Te=function(e){var t=e.target.value;y.onFilterValueChange?y.onFilterValueChange({originalEvent:e,value:t}):K(t)},He=function(){K("")},Ue=function(){f.DomHandler.alignOverlay(B.current,X.current.parentElement,y.appendTo||m&&m.appendTo||g.default.appendTo)},Fe=function(){var e=f.DomHandler.findSingle(B.current,'[data-pc-section="content"][data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ae=function(e,t,n){if(e){if(Me(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,l=V(e.children);try{for(l.s();!(r=l.n()).done;){Ae(r.value,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var o,a=V(y.options);try{for(a.s();!(o=a.n()).done;){Ae(o.value,t,n)}}catch(e){a.e(e)}finally{a.f()}}},Me=function(e,t){return re?t[e.key]&&t[e.key].checked:t[e.key]},Re=function(){var e=ne?D({},"".concat(y.value),!0):R({},y.value);U({}),e&&y.options&&Ke(null,null,e)},Ve=function(){var e,t,n=f.DomHandler.find(null===(e=z.current)||void 0===e?void 0:e.getElement(),'[data-pc-section="node"]'),r=(t=n,O(t)||w(t)||S(t)||I()).find((function(e){return"0"===e.getAttribute("tabindex")}));f.DomHandler.focus(r)},Ke=function(e,t,n){if(e){if(Me(e,n)&&(Le(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,l=V(e.children);try{for(l.s();!(r=l.n()).done;){var o=r.value;t.push(e.key),Ke(o,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var a,i=V(y.options);try{for(i.s();!(a=i.n()).done;){Ke(a.value,[],n)}}catch(e){i.e(e)}finally{i.f()}}},Le=function(e){if(e.length>0){var t,n=R({},P||{}),r=V(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}U(n)}};v.useImperativeHandle(t,(function(){return{props:y,clear:he,show:me,hide:ye,focus:function(){return f.DomHandler.focus(J.current)},getElement:function(){return L.current}}})),v.useEffect((function(){f.ObjectUtils.combinedRefs(J,y.inputRef)}),[J,y.inputRef]),l.useMountEffect((function(){Re(),Y.current=f.UniqueComponentId()+"_list",y.autoFocus&&f.DomHandler.focus(J.current,y.autoFocus),Ue()})),l.useUpdateEffect((function(){N&&y.filter&&Ue()})),l.useUpdateEffect((function(){Re()}),[y.options]),l.useUpdateEffect((function(){W.current&&N&&(W.current=!1,Ve())}),[N]),l.useUpdateEffect((function(){N&&P&&Ue()}),[P]),l.useUpdateEffect((function(){N&&(Z.current||Re(),Z.current=!1)}),[y.value]),l.useUnmountEffect((function(){f.ZIndexUtils.clear(B.current)}));var Be,_e,Je,Xe,Ze=function(){if(y.filter){var e=f.ObjectUtils.isNotEmpty(Q)?Q:"",t=d({className:ce("filterContainer")},ie("filterContainer")),n=d({ref:_,type:"text",value:e,autoComplete:"off",className:ce("filter"),placeholder:y.filterPlaceholder,onKeyDown:function(e){return xe(e,!1)},onChange:Te,disabled:y.disabled},ie("filter")),r=d({className:ce("filterIcon")},ie("filterIcon")),l=f.IconUtils.getJSXIcon(y.filterIcon||v.createElement(a.SearchIcon,r),R({},r),{props:y}),o=v.createElement("div",t,v.createElement("input",n),l);if(y.filterTemplate)o=f.ObjectUtils.getJSXElement(y.filterTemplate,{className:"p-treeselect-filter-container",element:o,filterOptions:se,filterInputKeyDown:function(e){return xe(e,(function(){}))},filterInputChange:Te,filterIconClassName:"p-dropdown-filter-icon",props:y});return v.createElement(v.Fragment,null,o)}},ze=function(){var e=[];if(f.ObjectUtils.isNotEmpty(y.value)&&y.options){var t=ne?D({},"".concat(y.value),!0):R({},y.value);Ae(null,t,e)}return e}(),qe=H.getOtherProps(y),$e=f.ObjectUtils.reduceKeys(qe,f.DomHandler.ARIA_PROPS),We=d({ref:q,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===J.current?f.DomHandler.getFirstFocusableElement(B.current,':not([data-p-hidden-focusable="true"])'):J.current;f.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ie("firstHiddenFocusableElementOnOverlay")),Ye=d({ref:$,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===J.current?f.DomHandler.getLastFocusableElement(B.current,':not([data-p-hidden-focusable="true"])'):J.current;f.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ie("lastHiddenFocusableElementOnOverlay")),Ge=d({ref:L,className:f.classNames(y.className,ce("root",{context:m,focusedState:E,overlayVisibleState:N,isValueEmpty:ee})),style:y.style,onClick:function(e){y.disabled||B.current&&B.current.contains(e.target)||f.DomHandler.isAttributeEquals(e.target,"data-pc-section","closebutton")||(f.DomHandler.focus(J.current),N?ye():me())}},H.getOtherProps(y),ie("root")),Qe=(Be=d({className:"p-hidden-accessible"},ie("hiddenInputWrapper")),_e=d(R({ref:J,role:"listbox",id:y.inputId,type:"text","aria-expanded":N,"aria-label":y.ariaLabel,"aria-labelledby":y.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":Y.current,onFocus:be,onBlur:ve,onKeyDown:je,disabled:y.disabled,tabIndex:y.tabIndex},$e),ie("hiddenInput")),v.createElement("div",Be,v.createElement("input",h({},_e,{readOnly:!0})))),et=function(){var e=d({className:ce("token")},ie("token")),t=d({className:ce("tokenLabel")},ie("tokenLabel")),n=d({className:ce("labelContainer")},ie("labelContainer")),r=d({className:ce("label",{isValueEmpty:ee,getLabel:de})},ie("label")),l=null;return y.valueTemplate?l=f.ObjectUtils.getJSXElement(y.valueTemplate,ze,y):"comma"===y.display?l=de()||"empty":"chip"===y.display&&(l=v.createElement(v.Fragment,null,ze&&ze.map((function(n,r){return v.createElement("div",h({},e,{key:"".concat(n.key,"_").concat(r)}),v.createElement("span",t,n.label))})),ee&&(y.placeholder||"empty"))),v.createElement("div",n,v.createElement("div",r,l))}(),tt=function(){var e=d({ref:X,className:ce("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":N},ie("trigger")),t=d({className:ce("triggerIcon")},ie("triggerIcon")),n=f.IconUtils.getJSXIcon(y.dropdownIcon||v.createElement(o.ChevronDownIcon,t),R({},t),{props:y});return v.createElement("div",e,n)}(),nt=function(){if(null!=y.value&&y.showClear&&!y.disabled){var e=d({className:ce("clearIcon"),onPointerUp:he,tabIndex:y.tabIndex||"0",onKeyDown:Ee,"aria-label":n.localeOption("clear")},ie("clearIcon"));return f.IconUtils.getJSXIcon(y.clearIcon||v.createElement(i.TimesIcon,e),R({},e),{props:y})}return null}(),rt=(Je=f.ObjectUtils.getJSXElement(y.emptyMessage,y)||n.localeOption("emptyMessage"),Xe=d({className:ce("emptyMessage")},ie("emptyMessage")),v.createElement(v.Fragment,null,v.createElement(p.Tree,{ref:z,id:Y.current,emptyMessage:y.emptyMessage,expandedKeys:G,filter:y.filter,filterBy:y.filterBy,filterLocale:y.filterLocale,filterMode:y.filterMode,filterPlaceholder:y.filterPlaceholder,filterValue:Q,metaKeySelection:y.metaKeySelection,nodeTemplate:y.nodeTemplate,onCollapse:y.onNodeCollapse,onExpand:y.onNodeExpand,onFilterValueChange:Ie,onSelect:Oe,onSelectionChange:ge,onToggle:Se,onUnselect:we,selectionKeys:y.value,selectionMode:y.selectionMode,showHeader:!1,togglerTemplate:y.togglerTemplate,value:y.options,pt:ie("tree"),__parentMetadata:{parent:oe}}),te&&v.createElement("div",Xe,Je))),lt=function(){var e=Ze(),t=d({className:ce("closeIcon"),"aria-hidden":!0},ie("closeIcon")),r=f.IconUtils.getJSXIcon(y.closeIcon||v.createElement(i.TimesIcon,t),R({},t),{props:y}),l=d({type:"button",className:ce("closeButton"),onKeyDown:function(e){return xe(e,!0)},onClick:ye,"aria-label":n.ariaLabel("close")},ie("closeButton")),o=d({className:ce("header")},ie("header")),a=v.createElement("button",l,r,v.createElement(s.Ripple,null)),c=v.createElement("div",o,e,a);return y.panelHeaderTemplate?v.createElement("div",null,c,f.ObjectUtils.getJSXElement(y.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:a,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:ye,element:c,props:y})):c}(),ot=f.ObjectUtils.getJSXElement(y.panelFooterTemplate,y);return v.createElement("div",Ge,Qe,et,nt,tt,v.createElement(A,{hostName:"TreeSelect",ref:B,appendTo:y.appendTo,panelStyle:y.panelStyle,panelClassName:y.panelClassName,scrollHeight:y.scrollHeight,onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:L.current})},header:lt,hide:ye,footer:ot,firstHiddenFocusableElementOnOverlay:v.createElement("span",We),lastHiddenFocusableElementOnOverlay:v.createElement("span",Ye),transitionOptions:y.transitionOptions,in:N,onEnter:function(){f.ZIndexUtils.set("overlay",B.current,m&&m.autoZIndex||g.default.autoZIndex,m&&m.zIndex.overlay||g.default.zIndex.overlay),f.DomHandler.addStyles(B.current,{position:"absolute",top:"0",left:"0"}),Ve(),Ue(),Fe()},onEntered:function(){pe(),y.filter&&y.filterInputAutoFocus&&f.DomHandler.focus(_.current,y.filterInputAutoFocus),y.onShow&&y.onShow()},onExit:function(){fe()},onExited:function(){y.filter&&y.resetFilterOnHide&&He(),f.ZIndexUtils.clear(B.current),y.onHide&&y.onHide()},ptm:ie,cx:ce},rt),le&&v.createElement(u.Tooltip,h({target:L,content:y.tooltip,pt:ie("tooltip")},y.tooltipOptions)))})));return B.displayName="TreeSelect",e.TreeSelect=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.search,primereact.icons.times,primereact.overlayservice,primereact.ripple,primereact.tooltip,primereact.tree,primereact.utils,primereact.csstransition,primereact.portal);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.treeselect=function(e,t,n,r,l,o,a,i,c,s,u,p,f,d,m){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=b(t),g=y(n);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return E(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function I(){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 x(e){return x="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},x(e)}function j(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function D(e){var t=j(e,"string");return"symbol"===x(t)?t:String(t)}function N(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function P(){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 T(e,t){return C(e)||k(e,t)||S(e,t)||P()}var H=r.ComponentBase.extend({defaultProps:{__TYPE:"TreeSelect",appendTo:null,ariaLabel:null,ariaLabelledBy:null,className:null,closeIcon:null,clearIcon:null,disabled:!1,display:"comma",dropdownIcon:null,emptyMessage:null,expandedKeys:null,filter:!1,filterBy:"label",filterDelay:300,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMode:"lenient",filterPlaceholder:null,filterTemplate:null,filterValue:null,inputId:null,inputRef:null,invalid:!1,variant:null,metaKeySelection:!1,name:null,nodeTemplate:null,onChange:null,onFocus:null,onBlur:null,onFilterValueChange:null,onHide:null,onNodeCollapse:null,onNodeExpand:null,onNodeSelect:null,onNodeUnselect:null,onShow:null,options:null,panelClassName:null,panelFooterTemplate:null,panelHeaderTemplate:null,panelStyle:null,placeholder:null,resetFilterOnHide:!1,scrollHeight:"400px",selectionMode:"single",showClear:!1,style:null,tabIndex:null,togglerTemplate:null,transitionOptions:null,value:null,valueTemplate:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.focusedState,r=e.context;return f.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===t.display,"p-treeselect-clearable":t.showClear&&!t.disabled,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-focus":n,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle,"p-inputwrapper-filled":!e.isValueEmpty,"p-inputwrapper-focus":n||e.overlayVisibleState})},label:function(e){var t=e.props,n=e.isValueEmpty;return f.classNames("p-treeselect-label",{"p-placeholder":(0,e.getLabel)()===t.placeholder,"p-treeselect-label-empty":!t.placeholder&&n})},panel:function(e){var t=e.context;return f.classNames("p-treeselect-panel p-component",e.panelProps.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===g.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===g.default.ripple})},labelContainer:"p-treeselect-label-container",tokenLabel:"p-treeselect-token-label",token:"p-treeselect-token",trigger:"p-treeselect-trigger",triggerIcon:"p-treeselect-trigger-icon p-clickable",emptyMessage:"p-treeselect-empty-message",filterContainer:"p-treeselect-filter-container",filter:"p-treeselect-filter p-inputtext p-component",filterIcon:"p-treeselect-filter-icon",closeIcon:"p-treeselect-close-icon",clearIcon:"p-treeselect-clear-icon p-clickable",closeButton:"p-treeselect-close p-link",header:"p-treeselect-header",wrapper:"p-treeselect-items-wrapper",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-treeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n\n .p-treeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .p-treeselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n }\n\n .p-treeselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .p-treeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n\n .p-treeselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n\n .p-treeselect .p-treeselect-panel {\n min-width: 100%;\n }\n\n .p-treeselect-items-wrapper {\n overflow: auto;\n }\n\n .p-treeselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .p-treeselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n }\n\n .p-treeselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-treeselect-filter-container .p-inputtext {\n width: 100%;\n }\n\n .p-treeselect-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-treeselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n\n .p-fluid .p-treeselect {\n display: flex;\n}\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=v.forwardRef((function(e,t){var r,o,a,i,c=l.useMergeProps(),s=v.useContext(n.PrimeReactContext),u=e.ptm,p=e.cx,f=function(t,n){return u(t,U({hostName:e.hostName},n))},y=function(t){"Escape"===t.key&&(t.preventDefault(),e.hide())},b=(r={maxHeight:e.scrollHeight||"auto"},o=c({className:p("panel",{panelProps:e,context:s}),style:e.panelStyle,onKeyDown:y,onClick:e.onClick},f("panel")),a=c({className:p("wrapper"),style:r},f("wrapper")),i=c({classNames:p("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f("transition")),v.createElement(d.CSSTransition,h({nodeRef:t},i),v.createElement("div",h({ref:t},o),e.firstHiddenFocusableElementOnOverlay,e.header,v.createElement("div",a,e.children),e.footer,e.lastHiddenFocusableElementOnOverlay)));return v.createElement(m.Portal,{element:b,appendTo:e.appendTo})}));function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=K(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function K(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}A.displayName="TreeSelectPanel";var B=v.memo(v.forwardRef((function(e,t){var d=l.useMergeProps(),m=v.useContext(n.PrimeReactContext),y=H.getProps(e,m),b=T(v.useState(!1),2),E=b[0],x=b[1],j=T(v.useState(!1),2),D=j[0],C=j[1],k=T(v.useState(y.expandedKeys),2),P=k[0],F=k[1],U=T(l.useDebounce("",y.filterDelay||0),3),R=U[1],K=U[2],L=v.useRef(null),B=v.useRef(null),_=v.useRef(null),J=v.useRef(y.inputRef),X=v.useRef(null),Z=v.useRef(null),z=v.useRef(null),q=v.useRef(null),$=v.useRef(null),W=v.useRef(!1),Y=v.useRef(""),G=y.onToggle?y.expandedKeys:P,Q=y.onFilterValueChange?y.filterValue:R,ee=f.ObjectUtils.isEmpty(y.value),te="single"===y.selectionMode,ne="checkbox"===y.selectionMode,re=f.ObjectUtils.isNotEmpty(y.tooltip),le={props:y,state:{focused:E,overlayVisible:D,expandedKeys:G,filterValue:Q}},oe=H.setMetaData(le),ae=oe.ptm,ie=oe.cx;r.useHandleStyle(H.css.styles,oe.isUnstyled,{name:"treeselect"});var ce={filter:function(e){return Pe(e)},reset:function(){return Te()}},se=T(l.useOverlayListener({target:L,overlay:B,listener:function(e,t){t.valid&&me()},when:D}),2),ue=se[0],pe=se[1],fe=function(){return Je.length?Je.map((function(e){return e.label})).join(", "):y.placeholder},de=function(){C(!0)},me=function(){C(!1),J.current&&f.DomHandler.focus(J.current)},ye=function(){x(!0),y.onFocus&&y.onFocus()},be=function(){x(!1),y.onBlur&&y.onBlur()},ve=function(e){y.onChange&&(Z.current=!0,y.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:y.name,id:y.id,value:e.value}}))},ge=function(e){y.onChange&&(Z.current=!0,y.onChange({originalEvent:e,value:void 0,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:y.name,id:y.id,value:void 0}}))},he=function(e){"Enter"!==e.key&&"Space"!==e.code||(ge(e),e.preventDefault())},Ee=function(e){y.onNodeSelect&&y.onNodeSelect(e),te&&me()},Oe=function(e){y.onNodeUnselect&&y.onNodeUnselect(e),ne&&e.originalEvent.stopPropagation()},we=function(e){y.onToggle?y.onToggle(e):F(e.value)},Se=function(e){K(e.value)},Ie=function(e,t){switch(e.code){case"ArrowDown":e.preventDefault(),Me();break;case"ArrowUp":e.preventDefault(),J.current&&f.DomHandler.focus(J.current);break;case"Enter":case"NumpadEnter":e.preventDefault(),t&&me();break;case"Escape":Ne(e)}},xe=function(e){switch(e.code){case"ArrowDown":je(e);break;case"Space":case"Enter":case"NumpadEnter":De(e);break;case"Escape":Ne(e);break;case"Tab":D&&(e.preventDefault(),e.shiftKey?Me():Ce(e))}},je=function(e){D||(W.current=!0,de(),e.preventDefault())},De=function(e){D?me():je(e),e.preventDefault()},Ne=function(e){D&&(me(),e.preventDefault())},Ce=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||D&&ke()&&(f.DomHandler.focus(q.current),e.preventDefault())},ke=function(){return f.DomHandler.getFocusableElements(B.current,':not([data-p-hidden-focusable="true"])').length>0},Pe=function(e){var t=e.target.value;y.onFilterValueChange?y.onFilterValueChange({originalEvent:e,value:t}):K(t)},Te=function(){K("")},He=function(){f.DomHandler.alignOverlay(B.current,X.current.parentElement,y.appendTo||m&&m.appendTo||g.default.appendTo)},Fe=function(){var e=f.DomHandler.findSingle(B.current,'[data-pc-section="content"][data-p-highlight="true"]');e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},Ue=function(e,t,n){if(e){if(Ae(e,t)&&(n.push(e),delete t[e.key]),Object.keys(t).length&&e.children){var r,l=V(e.children);try{for(l.s();!(r=l.n()).done;){Ue(r.value,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var o,a=V(y.options);try{for(a.s();!(o=a.n()).done;){Ue(o.value,t,n)}}catch(e){a.e(e)}finally{a.f()}}},Ae=function(e,t){return ne?t[e.key]&&t[e.key].checked:t[e.key]},Re=function(){var e=te?N({},"".concat(y.value),!0):M({},y.value);F({}),e&&y.options&&Ve(null,null,e)},Me=function(){var e,t,n=f.DomHandler.find(null===(e=z.current)||void 0===e?void 0:e.getElement(),'[data-pc-section="node"]'),r=(t=n,O(t)||w(t)||S(t)||I()).find((function(e){return"0"===e.getAttribute("tabindex")}));f.DomHandler.focus(r)},Ve=function(e,t,n){if(e){if(Ae(e,n)&&(Ke(t),delete n[e.key]),Object.keys(n).length&&e.children){var r,l=V(e.children);try{for(l.s();!(r=l.n()).done;){var o=r.value;t.push(e.key),Ve(o,t,n)}}catch(e){l.e(e)}finally{l.f()}}}else{var a,i=V(y.options);try{for(i.s();!(a=i.n()).done;){Ve(a.value,[],n)}}catch(e){i.e(e)}finally{i.f()}}},Ke=function(e){if(e.length>0){var t,n=M({},P||{}),r=V(e);try{for(r.s();!(t=r.n()).done;){n[t.value]=!0}}catch(e){r.e(e)}finally{r.f()}F(n)}};v.useImperativeHandle(t,(function(){return{props:y,clear:ge,show:de,hide:me,focus:function(){return f.DomHandler.focus(J.current)},getElement:function(){return L.current}}})),v.useEffect((function(){f.ObjectUtils.combinedRefs(J,y.inputRef)}),[J,y.inputRef]),l.useMountEffect((function(){Re(),Y.current=f.UniqueComponentId()+"_list",y.autoFocus&&f.DomHandler.focus(J.current,y.autoFocus),He()})),l.useUpdateEffect((function(){D&&y.filter&&He()})),l.useUpdateEffect((function(){Re()}),[y.options]),l.useUpdateEffect((function(){W.current&&D&&(W.current=!1,Me())}),[D]),l.useUpdateEffect((function(){D&&P&&He()}),[P]),l.useUpdateEffect((function(){D&&(Z.current||Re(),Z.current=!1)}),[y.value]),l.useUnmountEffect((function(){f.ZIndexUtils.clear(B.current)}));var Le,Be,_e=function(){if(y.filter){var e=y.onFilterValueChange?y.filterValue:Q;e=f.ObjectUtils.isNotEmpty(e)?e:"";var t=d({className:ie("filterContainer")},ae("filterContainer")),n=d({ref:_,type:"text",value:e,autoComplete:"off",className:ie("filter"),placeholder:y.filterPlaceholder,onKeyDown:function(e){return Ie(e,!1)},onChange:Pe,disabled:y.disabled},ae("filter")),r=d({className:ie("filterIcon")},ae("filterIcon")),l=f.IconUtils.getJSXIcon(y.filterIcon||v.createElement(a.SearchIcon,r),M({},r),{props:y}),o=v.createElement("div",t,v.createElement("input",n),l);if(y.filterTemplate)o=f.ObjectUtils.getJSXElement(y.filterTemplate,{className:"p-treeselect-filter-container",element:o,filterOptions:ce,filterInputKeyDown:function(e){return Ie(e,(function(){}))},filterInputChange:Pe,filterIconClassName:"p-dropdown-filter-icon",props:y});return v.createElement(v.Fragment,null,o)}},Je=function(){var e=[];if(f.ObjectUtils.isNotEmpty(y.value)&&y.options){var t=te?N({},"".concat(y.value),!0):M({},y.value);Ue(null,t,e)}return e}(),Xe=H.getOtherProps(y),Ze=f.ObjectUtils.reduceKeys(Xe,f.DomHandler.ARIA_PROPS),ze=d({ref:q,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===J.current?f.DomHandler.getFirstFocusableElement(B.current,':not([data-p-hidden-focusable="true"])'):J.current;f.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ae("firstHiddenFocusableElementOnOverlay")),qe=d({ref:$,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:0,onFocus:function(e){var t=e.relatedTarget===J.current?f.DomHandler.getLastFocusableElement(B.current,':not([data-p-hidden-focusable="true"])'):J.current;f.DomHandler.focus(t)},"aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ae("lastHiddenFocusableElementOnOverlay")),$e=d({ref:L,className:f.classNames(y.className,ie("root",{context:m,focusedState:E,overlayVisibleState:D,isValueEmpty:ee})),style:y.style,onClick:function(e){y.disabled||B.current&&B.current.contains(e.target)||f.DomHandler.isAttributeEquals(e.target,"data-pc-section","closebutton")||(f.DomHandler.focus(J.current),D?me():de())}},H.getOtherProps(y),ae("root")),We=(Le=d({className:"p-hidden-accessible"},ae("hiddenInputWrapper")),Be=d(M({ref:J,role:"listbox",id:y.inputId,type:"text","aria-expanded":D,"aria-label":y.ariaLabel,"aria-labelledby":y.ariaLabelledBy,"aria-haspopup":"tree","aria-controls":Y.current,onFocus:ye,onBlur:be,onKeyDown:xe,disabled:y.disabled,tabIndex:y.tabIndex},Ze),ae("hiddenInput")),v.createElement("div",Le,v.createElement("input",h({},Be,{readOnly:!0})))),Ye=function(){var e=d({className:ie("token")},ae("token")),t=d({className:ie("tokenLabel")},ae("tokenLabel")),n=d({className:ie("labelContainer")},ae("labelContainer")),r=d({className:ie("label",{isValueEmpty:ee,getLabel:fe})},ae("label")),l=null;return y.valueTemplate?l=f.ObjectUtils.getJSXElement(y.valueTemplate,Je,y):"comma"===y.display?l=fe()||"empty":"chip"===y.display&&(l=v.createElement(v.Fragment,null,Je&&Je.map((function(n,r){return v.createElement("div",h({},e,{key:"".concat(n.key,"_").concat(r)}),v.createElement("span",t,n.label))})),ee&&(y.placeholder||"empty"))),v.createElement("div",n,v.createElement("div",r,l))}(),Ge=function(){var e=d({ref:X,className:ie("trigger"),role:"button","aria-haspopup":"tree","aria-expanded":D},ae("trigger")),t=d({className:ie("triggerIcon")},ae("triggerIcon")),n=f.IconUtils.getJSXIcon(y.dropdownIcon||v.createElement(o.ChevronDownIcon,t),M({},t),{props:y});return v.createElement("div",e,n)}(),Qe=function(){if(null!=y.value&&y.showClear&&!y.disabled){var e=d({className:ie("clearIcon"),onPointerUp:ge,tabIndex:y.tabIndex||"0",onKeyDown:he,"aria-label":n.localeOption("clear")},ae("clearIcon"));return f.IconUtils.getJSXIcon(y.clearIcon||v.createElement(i.TimesIcon,e),M({},e),{props:y})}return null}(),et=v.createElement(p.Tree,{ref:z,id:Y.current,emptyMessage:y.emptyMessage,expandedKeys:G,filter:y.filter,filterBy:y.filterBy,filterDelay:y.filterDelay,filterLocale:y.filterLocale,filterMode:y.filterMode,filterPlaceholder:y.filterPlaceholder,filterValue:Q,metaKeySelection:y.metaKeySelection,nodeTemplate:y.nodeTemplate,onCollapse:y.onNodeCollapse,onExpand:y.onNodeExpand,onFilterValueChange:Se,onSelect:Ee,onSelectionChange:ve,onToggle:we,onUnselect:Oe,selectionKeys:y.value,selectionMode:y.selectionMode,showHeader:!1,togglerTemplate:y.togglerTemplate,value:y.options,pt:ae("tree"),__parentMetadata:{parent:le}}),tt=function(){var e=_e(),t=d({className:ie("closeIcon"),"aria-hidden":!0},ae("closeIcon")),r=f.IconUtils.getJSXIcon(y.closeIcon||v.createElement(i.TimesIcon,t),M({},t),{props:y}),l=d({type:"button",className:ie("closeButton"),onKeyDown:function(e){return Ie(e,!0)},onClick:me,"aria-label":n.ariaLabel("close")},ae("closeButton")),o=d({className:ie("header")},ae("header")),a=v.createElement("button",l,r,v.createElement(s.Ripple,null)),c=v.createElement("div",o,e,a);return y.panelHeaderTemplate?v.createElement("div",null,c,f.ObjectUtils.getJSXElement(y.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:e,closeElement:a,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon",onCloseClick:me,element:c,props:y})):c}(),nt=f.ObjectUtils.getJSXElement(y.panelFooterTemplate,y);return v.createElement("div",$e,We,Ye,Qe,Ge,v.createElement(A,{hostName:"TreeSelect",ref:B,appendTo:y.appendTo,panelStyle:y.panelStyle,panelClassName:y.panelClassName,scrollHeight:y.scrollHeight,onClick:function(e){c.OverlayService.emit("overlay-click",{originalEvent:e,target:L.current})},header:tt,hide:me,footer:nt,firstHiddenFocusableElementOnOverlay:v.createElement("span",ze),lastHiddenFocusableElementOnOverlay:v.createElement("span",qe),transitionOptions:y.transitionOptions,in:D,onEnter:function(){f.ZIndexUtils.set("overlay",B.current,m&&m.autoZIndex||g.default.autoZIndex,m&&m.zIndex.overlay||g.default.zIndex.overlay),f.DomHandler.addStyles(B.current,{position:"absolute",top:"0",left:"0"}),Me(),He(),Fe()},onEntered:function(){ue(),y.filter&&y.filterInputAutoFocus&&f.DomHandler.focus(_.current,y.filterInputAutoFocus),y.onShow&&y.onShow()},onExit:function(){pe()},onExited:function(){y.filter&&y.resetFilterOnHide&&Te(),f.ZIndexUtils.clear(B.current),y.onHide&&y.onHide()},ptm:ae,cx:ie},et),re&&v.createElement(u.Tooltip,h({target:L,content:y.tooltip,pt:ae("tooltip")},y.tooltipOptions)))})));return B.displayName="TreeSelect",e.TreeSelect=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.icons.search,primereact.icons.times,primereact.overlayservice,primereact.ripple,primereact.tooltip,primereact.tree,primereact.utils,primereact.csstransition,primereact.portal);
|