primereact 10.8.1 → 10.8.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.d.ts +10 -0
- package/autocomplete/autocomplete.cjs.js +10 -5
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +10 -5
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +10 -5
- package/autocomplete/autocomplete.min.js +1 -1
- package/badge/badge.d.ts +1 -1
- package/breadcrumb/breadcrumb.cjs.js +25 -7
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +25 -7
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +25 -7
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/calendar.cjs.js +57 -27
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +3 -6
- package/calendar/calendar.esm.js +58 -28
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +57 -27
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +3 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +3 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +3 -2
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +1 -0
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +3 -4
- package/cascadeselect/cascadeselect.esm.js +1 -0
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +1 -0
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chip/chip.cjs.js +6 -6
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +7 -7
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +6 -6
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +3 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +3 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +3 -2
- package/chips/chips.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +2 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +6 -5
- package/confirmdialog/confirmdialog.esm.js +2 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +2 -2
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/core/core.js +69 -33
- package/core/core.min.js +5 -5
- package/datascroller/datascroller.cjs.js +19 -4
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +19 -4
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +19 -4
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +32 -31
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +32 -31
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +32 -31
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +4 -3
- package/dock/dock.cjs.js +3 -2
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +3 -2
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +3 -2
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +37 -10
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +8 -0
- package/dropdown/dropdown.esm.js +37 -10
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +38 -12
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +4 -4
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +4 -4
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +4 -4
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.d.ts +17 -12
- package/floatlabel/floatlabel.d.ts +1 -1
- package/galleria/galleria.cjs.js +6 -4
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +6 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +6 -4
- package/galleria/galleria.min.js +1 -1
- package/iconfield/iconfield.cjs.js +5 -1
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.js +6 -2
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.js +5 -1
- package/iconfield/iconfield.min.js +1 -1
- package/inputicon/inputicon.cjs.js +8 -3
- package/inputicon/inputicon.cjs.min.js +1 -1
- package/inputicon/inputicon.esm.js +8 -3
- package/inputicon/inputicon.esm.min.js +1 -1
- package/inputicon/inputicon.js +8 -3
- package/inputicon/inputicon.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +12 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +12 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +12 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +4 -3
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.d.ts +1 -4
- package/inputotp/inputotp.esm.js +4 -3
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +4 -3
- package/inputotp/inputotp.min.js +1 -1
- package/inputtext/inputtext.cjs.js +4 -2
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +4 -2
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +4 -2
- package/inputtext/inputtext.min.js +1 -1
- package/listbox/listbox.cjs.js +5 -4
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +5 -4
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +5 -4
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +5 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +5 -3
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +5 -3
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +24 -21
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +24 -21
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +24 -21
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +28 -10
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +28 -10
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +28 -10
- package/menubar/menubar.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +25 -13
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +25 -13
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +25 -13
- package/multiselect/multiselect.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +17 -17
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +12 -4
- package/panelmenu/panelmenu.esm.js +17 -17
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +17 -17
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +431 -357
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +431 -357
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +431 -357
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +13 -6
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +14 -7
- package/password/password.esm.min.js +1 -1
- package/password/password.js +13 -6
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +915 -742
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +916 -743
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +915 -742
- package/primereact.all.min.js +1 -1
- package/rating/rating.cjs.js +2 -3
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -3
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -3
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +21 -1
- package/resources/themes/arya-green/theme.css +21 -1
- package/resources/themes/arya-orange/theme.css +21 -1
- package/resources/themes/arya-purple/theme.css +1148 -225
- package/resources/themes/bootstrap4-dark-blue/theme.css +21 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +21 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +21 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +21 -1
- package/resources/themes/fluent-light/theme.css +21 -1
- package/resources/themes/lara-dark-amber/theme.css +23 -3
- package/resources/themes/lara-dark-blue/theme.css +23 -3
- package/resources/themes/lara-dark-cyan/theme.css +23 -3
- package/resources/themes/lara-dark-green/theme.css +23 -3
- package/resources/themes/lara-dark-indigo/theme.css +23 -3
- package/resources/themes/lara-dark-pink/theme.css +23 -3
- package/resources/themes/lara-dark-purple/theme.css +87 -14
- package/resources/themes/lara-dark-teal/theme.css +23 -3
- package/resources/themes/lara-light-amber/theme.css +23 -3
- package/resources/themes/lara-light-blue/theme.css +23 -3
- package/resources/themes/lara-light-cyan/theme.css +23 -3
- package/resources/themes/lara-light-green/theme.css +23 -3
- package/resources/themes/lara-light-indigo/theme.css +23 -3
- package/resources/themes/lara-light-pink/theme.css +23 -3
- package/resources/themes/lara-light-purple/theme.css +87 -14
- package/resources/themes/lara-light-teal/theme.css +23 -3
- package/resources/themes/luna-amber/theme.css +21 -1
- package/resources/themes/luna-blue/theme.css +21 -1
- package/resources/themes/luna-green/theme.css +21 -1
- package/resources/themes/luna-pink/theme.css +21 -1
- package/resources/themes/md-dark-deeppurple/theme.css +21 -1
- package/resources/themes/md-dark-indigo/theme.css +21 -1
- package/resources/themes/md-light-deeppurple/theme.css +21 -1
- package/resources/themes/md-light-indigo/theme.css +306 -286
- package/resources/themes/mdc-dark-deeppurple/theme.css +21 -1
- package/resources/themes/mdc-dark-indigo/theme.css +21 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +21 -1
- package/resources/themes/mdc-light-indigo/theme.css +306 -286
- package/resources/themes/mira/theme.css +21 -1
- package/resources/themes/nano/theme.css +21 -1
- package/resources/themes/nova/theme.css +21 -1
- package/resources/themes/nova-accent/theme.css +21 -1
- package/resources/themes/nova-alt/theme.css +21 -1
- package/resources/themes/rhea/theme.css +21 -1
- package/resources/themes/saga-blue/theme.css +21 -1
- package/resources/themes/saga-green/theme.css +21 -1
- package/resources/themes/saga-orange/theme.css +21 -1
- package/resources/themes/saga-purple/theme.css +1148 -225
- package/resources/themes/soho-dark/theme.css +21 -1
- package/resources/themes/soho-light/theme.css +21 -1
- package/resources/themes/tailwind-light/theme.css +21 -1
- package/resources/themes/vela-blue/theme.css +21 -1
- package/resources/themes/vela-green/theme.css +21 -1
- package/resources/themes/vela-orange/theme.css +21 -1
- package/resources/themes/vela-purple/theme.css +1148 -225
- package/resources/themes/viva-dark/theme.css +21 -1
- package/resources/themes/viva-light/theme.css +21 -1
- package/slider/slider.cjs.js +2 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +2 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +2 -1
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +11 -4
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +11 -4
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +11 -4
- package/speeddial/speeddial.min.js +1 -1
- package/splitter/splitter.cjs.js +2 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +2 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +2 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +65 -45
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +22 -0
- package/stepper/stepper.esm.js +66 -46
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +65 -45
- package/stepper/stepper.min.js +1 -1
- package/steps/steps.cjs.js +64 -14
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.d.ts +48 -4
- package/steps/steps.esm.js +65 -15
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +64 -14
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +18 -2
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +18 -2
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +18 -2
- package/tabmenu/tabmenu.min.js +1 -1
- package/tag/tag.d.ts +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +1 -1
- package/toast/toast.min.js +1 -1
- package/tree/tree.cjs.js +14 -15
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +2 -6
- package/tree/tree.esm.js +14 -15
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +14 -15
- package/tree/tree.min.js +1 -1
- package/treetable/treetable.d.ts +16 -1
- package/utils/utils.d.ts +1 -1
- package/web-types.json +71 -7
package/panelmenu/panelmenu.d.ts
CHANGED
|
@@ -53,9 +53,13 @@ export interface PanelMenuPassThroughOptions {
|
|
|
53
53
|
*/
|
|
54
54
|
headerContent?: PanelMenuPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
|
|
55
55
|
/**
|
|
56
|
-
* Uses to pass attributes to the
|
|
56
|
+
* Uses to pass attributes to the expand icon's DOM element.
|
|
57
57
|
*/
|
|
58
|
-
|
|
58
|
+
expandIcon?: PanelMenuPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
|
|
59
|
+
/**
|
|
60
|
+
* Uses to pass attributes to the collapse icon's DOM element.
|
|
61
|
+
*/
|
|
62
|
+
collapseIcon?: PanelMenuPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
|
|
59
63
|
/**
|
|
60
64
|
* Uses to pass attributes to the header icon's DOM element.
|
|
61
65
|
*/
|
|
@@ -179,9 +183,13 @@ export interface PanelMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLA
|
|
|
179
183
|
*/
|
|
180
184
|
multiple?: boolean | undefined;
|
|
181
185
|
/**
|
|
182
|
-
* Icon
|
|
186
|
+
* Icon used when a submenu is collapsed.
|
|
187
|
+
*/
|
|
188
|
+
expandIcon?: IconType<PanelMenuProps> | undefined;
|
|
189
|
+
/**
|
|
190
|
+
* Icon used when a submenu is expanded.
|
|
183
191
|
*/
|
|
184
|
-
|
|
192
|
+
collapseIcon?: IconType<PanelMenuProps> | undefined;
|
|
185
193
|
/**
|
|
186
194
|
* The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
|
|
187
195
|
*/
|
|
@@ -183,7 +183,6 @@ var PanelMenuBase = ComponentBase.extend({
|
|
|
183
183
|
id: null,
|
|
184
184
|
model: null,
|
|
185
185
|
style: null,
|
|
186
|
-
submenuIcon: null,
|
|
187
186
|
expandedKeys: null,
|
|
188
187
|
className: null,
|
|
189
188
|
onExpandedKeysChange: null,
|
|
@@ -191,6 +190,8 @@ var PanelMenuBase = ComponentBase.extend({
|
|
|
191
190
|
onClose: null,
|
|
192
191
|
multiple: false,
|
|
193
192
|
transitionOptions: null,
|
|
193
|
+
expandIcon: null,
|
|
194
|
+
collapseIcon: null,
|
|
194
195
|
children: undefined
|
|
195
196
|
},
|
|
196
197
|
css: {
|
|
@@ -296,11 +297,12 @@ var PanelMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
296
297
|
var key = props.id + '_sep_' + index;
|
|
297
298
|
var separatorProps = mergeProps({
|
|
298
299
|
id: key,
|
|
299
|
-
key: key,
|
|
300
300
|
className: cx('separator'),
|
|
301
301
|
role: 'separator'
|
|
302
302
|
}, _ptm('separator'));
|
|
303
|
-
return /*#__PURE__*/React.createElement("li", separatorProps
|
|
303
|
+
return /*#__PURE__*/React.createElement("li", _extends({}, separatorProps, {
|
|
304
|
+
key: key
|
|
305
|
+
}));
|
|
304
306
|
};
|
|
305
307
|
var createSubmenu = function createSubmenu(processedItem, active) {
|
|
306
308
|
var submenuRef = /*#__PURE__*/React.createRef();
|
|
@@ -333,7 +335,8 @@ var PanelMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
333
335
|
onItemToggle: onItemToggle,
|
|
334
336
|
menuProps: props.menuProps,
|
|
335
337
|
model: processedItem.items,
|
|
336
|
-
|
|
338
|
+
expandIcon: props.expandIcon,
|
|
339
|
+
collapseIcon: props.collapseIcon,
|
|
337
340
|
ptm: ptm,
|
|
338
341
|
cx: cx
|
|
339
342
|
})));
|
|
@@ -369,7 +372,7 @@ var PanelMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
369
372
|
var submenuIconProps = mergeProps({
|
|
370
373
|
className: cx('submenuicon')
|
|
371
374
|
}, getPTOptions(processedItem, 'submenuicon', index));
|
|
372
|
-
var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.
|
|
375
|
+
var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.collapseIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, submenuIconProps) : props.expandIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, submenuIconProps));
|
|
373
376
|
var submenu = createSubmenu(processedItem, active);
|
|
374
377
|
var actionProps = mergeProps({
|
|
375
378
|
href: item.url || '#',
|
|
@@ -404,7 +407,6 @@ var PanelMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
404
407
|
className: cx('content')
|
|
405
408
|
}, getPTOptions(processedItem, 'content', index));
|
|
406
409
|
var menuitemProps = mergeProps({
|
|
407
|
-
key: key,
|
|
408
410
|
id: key,
|
|
409
411
|
className: cx('menuitem', {
|
|
410
412
|
item: item,
|
|
@@ -421,7 +423,9 @@ var PanelMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
421
423
|
'data-p-focused': itemFocused,
|
|
422
424
|
'data-p-disabled': disabled
|
|
423
425
|
}, getPTOptions(processedItem, 'menuitem', index));
|
|
424
|
-
return /*#__PURE__*/React.createElement("li",
|
|
426
|
+
return /*#__PURE__*/React.createElement("li", _extends({}, menuitemProps, {
|
|
427
|
+
key: key
|
|
428
|
+
}), /*#__PURE__*/React.createElement("div", contentProps, content), submenu);
|
|
425
429
|
};
|
|
426
430
|
var createItem = function createItem(item, index) {
|
|
427
431
|
return getItemProp(item, 'separator') ? createSeparator(index) : createMenuItem(item, index);
|
|
@@ -503,8 +507,6 @@ var PanelMenuList = /*#__PURE__*/React.memo(function (props) {
|
|
|
503
507
|
};
|
|
504
508
|
var onFocus = function onFocus(event) {
|
|
505
509
|
setFocused(true);
|
|
506
|
-
var _focusedItem = focusedItem || (isElementInPanel(event, event.relatedTarget) ? findFirstItem() : findLastItem());
|
|
507
|
-
setFocusedItem(_focusedItem);
|
|
508
510
|
};
|
|
509
511
|
var onBlur = function onBlur() {
|
|
510
512
|
setFocused(false);
|
|
@@ -659,10 +661,6 @@ var PanelMenuList = /*#__PURE__*/React.memo(function (props) {
|
|
|
659
661
|
DomHandler.focus(getListElement());
|
|
660
662
|
setFocusedItem(processedItem);
|
|
661
663
|
};
|
|
662
|
-
var isElementInPanel = function isElementInPanel(event, element) {
|
|
663
|
-
var panel = event.currentTarget.closest('[data-pc-section="panel"]');
|
|
664
|
-
return panel && panel.contains(element);
|
|
665
|
-
};
|
|
666
664
|
var isItemMatched = function isItemMatched(processedItem) {
|
|
667
665
|
return isValidItem(processedItem) && getItemLabel(processedItem).toLocaleLowerCase().startsWith(searchValue.current.toLocaleLowerCase());
|
|
668
666
|
};
|
|
@@ -865,7 +863,8 @@ var PanelMenuList = /*#__PURE__*/React.memo(function (props) {
|
|
|
865
863
|
onItemToggle: onItemToggle,
|
|
866
864
|
level: 0,
|
|
867
865
|
className: cx('submenu'),
|
|
868
|
-
|
|
866
|
+
expandIcon: props.expandIcon,
|
|
867
|
+
collapseIcon: props.collapseIcon,
|
|
869
868
|
root: true,
|
|
870
869
|
ptm: ptm,
|
|
871
870
|
cx: cx
|
|
@@ -1135,7 +1134,7 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
1135
1134
|
var headerSubmenuIconProps = mergeProps({
|
|
1136
1135
|
className: cx('headerSubmenuIcon')
|
|
1137
1136
|
}, getPTOptions(item, 'headerSubmenuIcon', index));
|
|
1138
|
-
var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.
|
|
1137
|
+
var submenuIcon = item.items && IconUtils.getJSXIcon(active ? props.collapseIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, headerSubmenuIconProps) : props.expandIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, headerSubmenuIconProps));
|
|
1139
1138
|
var headerLabelProps = mergeProps({
|
|
1140
1139
|
className: cx('headerLabel')
|
|
1141
1140
|
}, getPTOptions(item, 'headerLabel', index));
|
|
@@ -1164,7 +1163,6 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
1164
1163
|
content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
|
|
1165
1164
|
}
|
|
1166
1165
|
var panelProps = mergeProps({
|
|
1167
|
-
key: key,
|
|
1168
1166
|
id: (item === null || item === void 0 ? void 0 : item.id) || generatePanelId(index),
|
|
1169
1167
|
className: cx('panel', {
|
|
1170
1168
|
item: item
|
|
@@ -1217,7 +1215,9 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
1217
1215
|
unmountOnExit: true,
|
|
1218
1216
|
options: props.transitionOptions
|
|
1219
1217
|
}, getPTOptions(item, 'transition', index));
|
|
1220
|
-
return /*#__PURE__*/React.createElement("div",
|
|
1218
|
+
return /*#__PURE__*/React.createElement("div", _extends({}, panelProps, {
|
|
1219
|
+
key: key
|
|
1220
|
+
}), /*#__PURE__*/React.createElement("div", headerProps, /*#__PURE__*/React.createElement("div", headerContentProps, content)), /*#__PURE__*/React.createElement(CSSTransition, _extends({
|
|
1221
1221
|
nodeRef: menuContentRef
|
|
1222
1222
|
}, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
|
|
1223
1223
|
id: generateContentId(item === null || item === void 0 ? void 0 : item.id, index),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{ChevronDownIcon as u}from"primereact/icons/chevrondown";import{ChevronRightIcon as l}from"primereact/icons/chevronright";import{classNames as c,ObjectUtils as s,IconUtils as m,DomHandler as p,UniqueComponentId as d}from"primereact/utils";import{Ripple as f}from"primereact/ripple";function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function x(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}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 N(e,n){return E(e)||I(e,n)||x(e,n)||k()}var S=t.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return c("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return c("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return c("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:"p-panelmenu p-component",separator:"p-menuitem-separator",toggleableContent:function(e){return c("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return c("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return c("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=e.memo(e.forwardRef((function(n,t){var r=o(),i=n.ptm,p=n.cx,d=e.useRef(null),b=function(e,t){return i(e,P({hostName:n.hostName},t))},y=function(e,n,t){return b(n,{context:{item:e,index:t,active:E(e),focused:x(e),disabled:O(e)}})},g=function(e){return"".concat(n.panelId,"_").concat(e.key)},h=function(e,n,t){return e&&e.item?s.getItemValue(e.item[n],t):void 0},E=function(e){var t;return n.activeItemPath&&n.activeItemPath.some((function(n){return n.key===e.key}))||!(null===(t=e.item)||void 0===t||!t.expanded)},I=function(e){return!1!==h(e,"visible")},O=function(e){return h(e,"disabled")},x=function(e){return n.focusedItemId===g(e)},k=function(e){return s.isNotEmpty(e.items)},N=function(e,n){h(n,"url")||e.preventDefault(),h(n,"command",{originalEvent:e,item:n.item}),S({processedItem:n,expanded:!E(n)})},S=function(e){n.onItemToggle(e)},w=function(e){return e-n.model.slice(0,e).filter((function(e){return I(e)&&h(e,"separator")})).length+1};e.useImperativeHandle(t,(function(){return{getElement:function(){return d.current}}}));var C=function(t){var a=n.id+"_sep_"+t,o=r({id:a,key:a,className:p("separator"),role:"separator"},b("separator"));return e.createElement("li",o)},D=function(t,o){var u=e.createRef(),l=r({className:p("toggleableContent",{active:o})},b("toggleableContent"));if(I(t)&&k(t)){var c=r({classNames:p("transition"),timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0},b("transition"));return e.createElement(a,v({nodeRef:u},c),e.createElement("div",v({ref:u},l),e.createElement(j,{id:g(t)+"_list",role:"group",panelId:n.panelId,level:n.level+1,focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,onItemToggle:S,menuProps:n.menuProps,model:t.items,submenuIcon:n.submenuIcon,ptm:i,cx:p})))}return null},K=function(t,a){var o=t.item;if(!1===I(t))return null;var i=g(t),d=E(t),v=x(t),b=O(o),S=c("p-menuitem-link",{"p-disabled":o.disabled}),j=c("p-menuitem-icon",o.icon),C=r({className:p("icon",{item:o})},y(t,"icon",a)),K=m.getJSXIcon(o.icon,P({},C),{props:n.menuProps}),A=r({className:p("label")},y(t,"label",a)),T=o.label&&e.createElement("span",A,o.label),R=r({className:p("submenuicon")},y(t,"submenuicon",a)),_=o.items&&m.getJSXIcon(d?n.submenuIcon||e.createElement(u,R):n.submenuIcon||e.createElement(l,R)),L=D(t,d),F=r({href:o.url||"#",className:p("action",{item:o}),target:o.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},y(t,"action",a)),H=e.createElement("a",F,_,K,T,e.createElement(f,null));o.template&&(H=s.getJSXElement(o.template,o,{className:S,labelClassName:"p-menuitem-text",iconClassName:j,submenuIconClassName:"p-panelmenu-icon",element:H,props:n,leaf:!o.items,active:d}));var M=r({onClick:function(e){return N(e,t)},className:p("content")},y(t,"content",a)),q=r({key:i,id:i,className:p("menuitem",{item:o,focused:v,disabled:b}),style:o.style,role:"treeitem","aria-label":o.label,"aria-expanded":k(o)?d:void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return I(e)&&!h(e,"separator")})).length,"aria-posinset":w(a),"data-p-focused":v,"data-p-disabled":b},y(t,"menuitem",a));return e.createElement("li",q,e.createElement("div",M,H),L)},A=n.model?n.model.map((function(e,n){return h(e,"separator")?C(n):K(e,n)})):null,T=n.root?"menu":"submenu",R=r({id:n.id,ref:d,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"aria-activedescendant":n.ariaActivedescendant,role:n.role,className:c(p(T),n.className)},i(T));return e.createElement("ul",R,A)})));function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="PanelMenuSub";var K=e.memo((function(n){var t,r,a,o=n.ptm,i=n.cx,u=N(e.useState(!1),2),l=u[0],c=u[1],m=N(e.useState(null),2),d=m[0],f=m[1],v=N(e.useState(null),2),b=v[0],y=v[1],g=N(e.useState([]),2),h=g[0],E=g[1],I=N(e.useState(null),2),O=I[0],x=I[1],k=N(e.useState([]),2),S=k[0],w=k[1],P=e.useRef(null),C=e.useRef(null),K=e.useRef(null),A=function(e,n){return e&&e.item?s.getItemValue(e.item[n]):void 0},T=function(e){return A(e,"label")},R=function(e){return!1!==A(e,"visible")},_=function(e){return A(e,"disabled")},L=function(e){return h&&h.some((function(n){return n.key===e.parentKey}))},F=function(){return K.current&&K.current.getElement()},H=function(e){var n=s.isNotEmpty(d)?Z(d):G();te({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},M=function(e){var n=s.isNotEmpty(d)?ee(d):Q();te({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},q=function(e){s.isNotEmpty(d)&&(h.some((function(e){return e.key===d.key}))?E(h.filter((function(e){return e.key!==d.key}))):f(s.isNotEmpty(d.parent)?d.parent:d),e.preventDefault())},J=function(e){if(s.isNotEmpty(d)){if(s.isNotEmpty(d.items))if(h.some((function(e){return e.key===d.key})))H(e);else{var n=h.filter((function(e){return e.parentKey!==d.parentKey}));n.push(d),E(n)}e.preventDefault()}},X=function(e){te({originalEvent:e,processedItem:G(),allowHeaderFocus:!1}),e.preventDefault()},U=function(e){te({originalEvent:e,processedItem:Q(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},V=function(e){if(s.isNotEmpty(d)){var n=p.findSingle(F(),'li[id="'.concat("".concat(b),'"]')),t=n&&(p.findSingle(n,'[data-pc-section="action"]')||p.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){V(e)},z=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},W=function(e){return $(e)&&T(e).toLocaleLowerCase().startsWith(P.current.toLocaleLowerCase())},Y=function(e){return!!e&&(0===e.level||L(e))&&R(e)},$=function(e){return!!e&&!_(e)&&!A(e,"separator")},G=function(){return S.find((function(e){return $(e)}))},Q=function(){return s.findLast(S,(function(e){return $(e)}))},Z=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n<S.length-1?S.slice(n+1).find((function(e){return $(e)})):void 0)||e},ee=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n>0?s.findLast(S.slice(0,n),(function(e){return $(e)})):void 0)||e},ne=function(e,n){P.current=(P.current||"")+n;var t=null,r=!1;if(s.isNotEmpty(d)){var a=S.findIndex((function(e){return e.key===d.key}));t=S.slice(a).find((function(e){return W(e)})),t=s.isEmpty(t)?S.slice(0,a).find((function(e){return W(e)})):t}else t=S.find((function(e){return W(e)}));return s.isNotEmpty(t)&&(r=!0),s.isEmpty(t)&&s.isEmpty(d)&&(t=G()),s.isNotEmpty(t)&&te({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),C&&clearTimeout(C.current),C.current=setTimeout((function(){P.current="",C.currentt=null}),500),r},te=function(e){var t=e.originalEvent,r=e.processedItem,a=e.focusOnNext,o=e.selfCheck,i=e.allowHeaderFocus,u=void 0===i||i;s.isNotEmpty(d)&&d.key!==r.key?(f(r),re()):u&&n.onHeaderFocus&&n.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:o})},re=function(){var e=p.findSingle(F(),'li[id="'.concat("".concat(b),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},ae=function e(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=r||0===a&&n.model;if(!o)return null;for(var i=0;i<o.length;i++){var u=o[i];if((A(u,"key")||u.key)===t)return u;var l=e(t,u.items,a+1);if(l)return l}},oe=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,i){var u=n.key?n.key:(""!==a?a+"_":"")+i,l={item:n,index:i,level:t,key:u,parent:r,parentKey:a};l.items=e(n.items,t+1,l,u),o.push(l)})),o},ie=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){Y(n)&&(t.push(n),e(n.items,t))})),t};return e.useEffect((function(){var e=oe(n.model);x(e)}),[n.model]),e.useEffect((function(){var e=ie(O);w(e)}),[O,h]),e.useEffect((function(){var e;e=Object.entries(n.expandedKeys||{}).reduce((function(e,n){var t=N(n,2);if(t[1]){var r=ae(t[0]);r&&e.push(r)}return e}),[]),E(e)}),[n.expandedKeys]),t=function(){var e=s.isNotEmpty(d)?"".concat(n.panelId,"_").concat(d.key):null;y(e)},r=[n.panelId,d],a=e.useRef(!1),e.useEffect((function(){if(a.current)return t&&t();a.current=!0}),r),e.createElement(j,{hostName:"PanelMenu",id:n.panelId+"_list",ref:K,role:"tree",tabIndex:-1,ariaActivedescendant:l?b:void 0,panelId:n.panelId,focusedItemId:l?b:void 0,model:O,activeItemPath:h,menuProps:n.menuProps,onFocus:function(e){c(!0);var n=d||(z(e,e.relatedTarget)?G():Q());f(n)},onBlur:function(){c(!1),f(null),P.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":H(e);break;case"ArrowUp":M(e);break;case"ArrowLeft":q(e);break;case"ArrowRight":J(e);break;case"Home":X(e);break;case"End":U(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":V(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&s.isPrintableCharacter(e.key)&&ne(e,e.key)}},onItemToggle:function(e){var t=e.processedItem,r=e.expanded;if(n.expandedKeys)n.onToggle&&n.onToggle({item:t.item,expanded:r});else{var a=h.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),E(a)}t.item&&(t.item=D(D({},t.item),{},{expanded:r})),p.focus(F()),f(t)},level:0,className:i("submenu"),submenuIcon:n.submenuIcon,root:!0,ptm:o,cx:i})}));function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="PanelMenuList";var R=e.memo(e.forwardRef((function(t,f){var b=o(),y=e.useContext(n),g=S.getProps(t,y),h=N(e.useState(g.id),2),E=h[0],I=h[1],O=N(e.useState(null),2),x=O[0],k=O[1],w=N(e.useState([]),2),P=w[0],j=w[1],C=N(e.useState(!1),2),D=C[1],A=e.useRef(null),R=S.setMetaData({props:g,state:{id:E,activeItem:x}}),_=R.ptm,L=R.cx;r(S.css.styles,R.isUnstyled,{name:"panelmenu"});var F=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&ae(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},H=function(e,n){return e?s.getItemValue(e[n]):void 0},M=function(e){return g.expandedKeys?g.expandedKeys[H(e,"key")]:g.multiple?P.some((function(n){return s.equals(e,n)})):s.equals(e,x)},q=function(e){return!1!==H(e,"visible")},J=function(e){return H(e,"disabled")},X=function(e){return s.equals(e,x)},U=function(e){return"".concat(E,"_").concat(e)},V=function(e,n){return"".concat(e||U(n),"_header")},B=function(e,n){return"".concat(e||U(n),"_content")},z=function(e,n){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":Y(e);break;case"Home":$(e);break;case"End":G(e);break;case"Enter":case"NumpadEnter":case"Space":Q(e,n)}},W=function(e){var n=!0===p.getAttribute(e.currentTarget,"data-p-highlight")?p.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?p.focus(n):re({originalEvent:e,focusOnNext:!0}),e.preventDefault()},Y=function(e){var n=ee(e.currentTarget.parentElement)||te(),t=!0===p.getAttribute(n,"data-p-highlight")?p.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?p.focus(t):re({originalEvent:e,focusOnNext:!1}),e.preventDefault()},$=function(e){ie(e,ne()),e.preventDefault()},G=function(e){ie(e,te()),e.preventDefault()},Q=function(e,n){var t=p.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():F(e,n),e.preventDefault()},Z=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ee=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ne=function(){return Z(A.current.firstElementChild,!0)},te=function(){return ee(A.current.lastElementChild,!0)},re=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),o=r?p.findSingle(a,'[data-pc-section="header"]'):t?Z(a):ee(a);o?ie(n,o):t?$(n):G(n)},ae=function(e,n){if(!J(n)){var t=!M(n),r=x&&s.equals(n,x)?null:n;if(k(r),g.multiple){var a=P;P.some((function(e){return s.equals(n,e)}))?a=P.filter((function(e){return!s.equals(n,e)})):a.push(n),j(a)}oe({item:n,expanded:t}),t&&e?g.onOpen&&g.onOpen({originalEvent:e,item:n}):g.onClose&&g.onClose({originalEvent:e,item:n})}},oe=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(g.expandedKeys){var a=T({},g.expandedKeys);r?a[n.key]=!0:delete a[n.key],g.onExpandedKeysChange&&g.onExpandedKeysChange(a)}},ie=function(e,n){n&&p.focus(n)},ue=function(e,n,t){return _(n,{context:{active:M(e),focused:X(e),disabled:J(e),index:t}})};e.useImperativeHandle(f,(function(){return{props:g,getElement:function(){return A.current}}})),i((function(){!E&&I(d())})),e.useEffect((function(){D(!0),g.model&&g.model.forEach((function(e){e.expanded&&ae(null,e)}))}),[g.model]);var le=function(){D(!1)},ce=g.model?g.model.map((function(n,t){if(!q(n))return null;var r=n.id||E+"_"+t,o=M(n),i=c("p-menuitem-icon",n.icon),p=b({className:L("headerIcon",{item:n})},ue(n,"headerIcon",t)),d=m.getJSXIcon(n.icon,T({},p),{props:g}),f=b({className:L("headerSubmenuIcon")},ue(n,"headerSubmenuIcon",t)),y=n.items&&m.getJSXIcon(o?g.submenuIcon||e.createElement(u,f):g.submenuIcon||e.createElement(l,f)),h=b({className:L("headerLabel")},ue(n,"headerLabel",t)),I=n.label&&e.createElement("span",h,n.label),O=e.createRef(),x=b({href:n.url||"#",tabIndex:"-1",className:L("headerAction")},ue(n,"headerAction",t)),k=e.createElement("a",x,y,d,I);n.template&&(k=s.getJSXElement(n.template,n,{onClick:function(e){return F(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:k,props:g,leaf:!n.items,active:o}));var N=b({key:r,id:(null==n?void 0:n.id)||U(t),className:L("panel",{item:n}),style:n.style},ue(n,"panel",t)),S=b({id:V(null==n?void 0:n.id,t),className:L("header",{active:o,item:n}),"aria-label":n.label,"aria-expanded":o,"aria-disabled":n.disabled,"aria-controls":B(null==n?void 0:n.id,t),tabIndex:n.disabled?null:"0",onClick:function(e){return F(e,n)},onKeyDown:function(e){return z(e,n)},"data-p-disabled":n.disabled,"data-p-highlight":o,role:"button",style:n.style},ue(n,"header",t)),w=b({className:L("headerContent")},ue(n,"headerContent",t)),P=b({className:L("menuContent")},ue(n,"menuContent",t)),j=b({className:L("toggleableContent",{active:o}),role:"region","aria-labelledby":V(null==n?void 0:n.id,t)},ue(n,"toggleableContent",t)),C=b({classNames:L("transition"),timeout:{enter:1e3,exit:450},onEnter:le,in:o,unmountOnExit:!0,options:g.transitionOptions},ue(n,"transition",t));return e.createElement("div",N,e.createElement("div",S,e.createElement("div",w,k)),e.createElement(a,v({nodeRef:O},C),e.createElement("div",v({id:B(null==n?void 0:n.id,t),ref:O},j),e.createElement("div",P,e.createElement(K,{panelId:(null==n?void 0:n.id)||U(t),menuProps:g,onToggle:oe,onHeaderFocus:re,level:0,model:n.items,expandedKeys:g.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:g.submenuIcon,ptm:_,cx:L})))))})):null,se=b({ref:A,className:c(g.className,L("root")),id:g.id,style:g.style},S.getOtherProps(g),_("root"));return e.createElement("div",se,ce)})));R.displayName="PanelMenu";export{R as PanelMenu};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{ChevronDownIcon as l}from"primereact/icons/chevrondown";import{ChevronRightIcon as c}from"primereact/icons/chevronright";import{classNames as u,ObjectUtils as s,IconUtils as m,DomHandler as p,UniqueComponentId as d}from"primereact/utils";import{Ripple as f}from"primereact/ripple";function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function E(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],c=!0,u=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e,n){if(e){if("string"==typeof e)return x(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(e,n):void 0}}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 N(e,n){return E(e)||I(e,n)||O(e,n)||k()}var S=t.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,expandIcon:null,collapseIcon:null,children:void 0},css:{classes:{headerIcon:function(e){return u("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return u("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return u("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:"p-panelmenu p-component",separator:"p-menuitem-separator",toggleableContent:function(e){return u("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return u("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return u("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return u("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var j=e.memo(e.forwardRef((function(n,t){var r=o(),i=n.ptm,p=n.cx,d=e.useRef(null),b=function(e,t){return i(e,P({hostName:n.hostName},t))},y=function(e,n,t){return b(n,{context:{item:e,index:t,active:E(e),focused:O(e),disabled:x(e)}})},g=function(e){return"".concat(n.panelId,"_").concat(e.key)},h=function(e,n,t){return e&&e.item?s.getItemValue(e.item[n],t):void 0},E=function(e){var t;return n.activeItemPath&&n.activeItemPath.some((function(n){return n.key===e.key}))||!(null===(t=e.item)||void 0===t||!t.expanded)},I=function(e){return!1!==h(e,"visible")},x=function(e){return h(e,"disabled")},O=function(e){return n.focusedItemId===g(e)},k=function(e){return s.isNotEmpty(e.items)},N=function(e,n){h(n,"url")||e.preventDefault(),h(n,"command",{originalEvent:e,item:n.item}),S({processedItem:n,expanded:!E(n)})},S=function(e){n.onItemToggle(e)},w=function(e){return e-n.model.slice(0,e).filter((function(e){return I(e)&&h(e,"separator")})).length+1};e.useImperativeHandle(t,(function(){return{getElement:function(){return d.current}}}));var C=function(t){var a=n.id+"_sep_"+t,o=r({id:a,className:p("separator"),role:"separator"},b("separator"));return e.createElement("li",v({},o,{key:a}))},D=function(t,o){var l=e.createRef(),c=r({className:p("toggleableContent",{active:o})},b("toggleableContent"));if(I(t)&&k(t)){var u=r({classNames:p("transition"),timeout:{enter:1e3,exit:450},in:o,unmountOnExit:!0},b("transition"));return e.createElement(a,v({nodeRef:l},u),e.createElement("div",v({ref:l},c),e.createElement(j,{id:g(t)+"_list",role:"group",panelId:n.panelId,level:n.level+1,focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,onItemToggle:S,menuProps:n.menuProps,model:t.items,expandIcon:n.expandIcon,collapseIcon:n.collapseIcon,ptm:i,cx:p})))}return null},K=function(t,a){var o=t.item;if(!1===I(t))return null;var i=g(t),d=E(t),b=O(t),S=x(o),j=u("p-menuitem-link",{"p-disabled":o.disabled}),C=u("p-menuitem-icon",o.icon),K=r({className:p("icon",{item:o})},y(t,"icon",a)),A=m.getJSXIcon(o.icon,P({},K),{props:n.menuProps}),T=r({className:p("label")},y(t,"label",a)),R=o.label&&e.createElement("span",T,o.label),_=r({className:p("submenuicon")},y(t,"submenuicon",a)),L=o.items&&m.getJSXIcon(d?n.collapseIcon||e.createElement(l,_):n.expandIcon||e.createElement(c,_)),F=D(t,d),H=r({href:o.url||"#",className:p("action",{item:o}),target:o.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},y(t,"action",a)),M=e.createElement("a",H,L,A,R,e.createElement(f,null));o.template&&(M=s.getJSXElement(o.template,o,{className:j,labelClassName:"p-menuitem-text",iconClassName:C,submenuIconClassName:"p-panelmenu-icon",element:M,props:n,leaf:!o.items,active:d}));var q=r({onClick:function(e){return N(e,t)},className:p("content")},y(t,"content",a)),J=r({id:i,className:p("menuitem",{item:o,focused:b,disabled:S}),style:o.style,role:"treeitem","aria-label":o.label,"aria-expanded":k(o)?d:void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return I(e)&&!h(e,"separator")})).length,"aria-posinset":w(a),"data-p-focused":b,"data-p-disabled":S},y(t,"menuitem",a));return e.createElement("li",v({},J,{key:i}),e.createElement("div",q,M),F)},A=n.model?n.model.map((function(e,n){return h(e,"separator")?C(n):K(e,n)})):null,T=n.root?"menu":"submenu",R=r({id:n.id,ref:d,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,"aria-activedescendant":n.ariaActivedescendant,role:n.role,className:u(p(T),n.className)},i(T));return e.createElement("ul",R,A)})));function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}j.displayName="PanelMenuSub";var K=e.memo((function(n){var t,r,a,o=n.ptm,i=n.cx,l=N(e.useState(!1),2),c=l[0],u=l[1],m=N(e.useState(null),2),d=m[0],f=m[1],v=N(e.useState(null),2),b=v[0],y=v[1],g=N(e.useState([]),2),h=g[0],E=g[1],I=N(e.useState(null),2),x=I[0],O=I[1],k=N(e.useState([]),2),S=k[0],w=k[1],P=e.useRef(null),C=e.useRef(null),K=e.useRef(null),A=function(e,n){return e&&e.item?s.getItemValue(e.item[n]):void 0},T=function(e){return A(e,"label")},R=function(e){return!1!==A(e,"visible")},_=function(e){return A(e,"disabled")},L=function(e){return h&&h.some((function(n){return n.key===e.parentKey}))},F=function(){return K.current&&K.current.getElement()},H=function(e){var n=s.isNotEmpty(d)?Q(d):$();ne({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},M=function(e){var n=s.isNotEmpty(d)?Z(d):G();ne({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},q=function(e){s.isNotEmpty(d)&&(h.some((function(e){return e.key===d.key}))?E(h.filter((function(e){return e.key!==d.key}))):f(s.isNotEmpty(d.parent)?d.parent:d),e.preventDefault())},J=function(e){if(s.isNotEmpty(d)){if(s.isNotEmpty(d.items))if(h.some((function(e){return e.key===d.key})))H(e);else{var n=h.filter((function(e){return e.parentKey!==d.parentKey}));n.push(d),E(n)}e.preventDefault()}},X=function(e){ne({originalEvent:e,processedItem:$(),allowHeaderFocus:!1}),e.preventDefault()},U=function(e){ne({originalEvent:e,processedItem:G(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},V=function(e){if(s.isNotEmpty(d)){var n=p.findSingle(F(),'li[id="'.concat("".concat(b),'"]')),t=n&&(p.findSingle(n,'[data-pc-section="action"]')||p.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){V(e)},z=function(e){return Y(e)&&T(e).toLocaleLowerCase().startsWith(P.current.toLocaleLowerCase())},W=function(e){return!!e&&(0===e.level||L(e))&&R(e)},Y=function(e){return!!e&&!_(e)&&!A(e,"separator")},$=function(){return S.find((function(e){return Y(e)}))},G=function(){return s.findLast(S,(function(e){return Y(e)}))},Q=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n<S.length-1?S.slice(n+1).find((function(e){return Y(e)})):void 0)||e},Z=function(e){var n=S.findIndex((function(n){return n.key===e.key}));return(n>0?s.findLast(S.slice(0,n),(function(e){return Y(e)})):void 0)||e},ee=function(e,n){P.current=(P.current||"")+n;var t=null,r=!1;if(s.isNotEmpty(d)){var a=S.findIndex((function(e){return e.key===d.key}));t=S.slice(a).find((function(e){return z(e)})),t=s.isEmpty(t)?S.slice(0,a).find((function(e){return z(e)})):t}else t=S.find((function(e){return z(e)}));return s.isNotEmpty(t)&&(r=!0),s.isEmpty(t)&&s.isEmpty(d)&&(t=$()),s.isNotEmpty(t)&&ne({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),C&&clearTimeout(C.current),C.current=setTimeout((function(){P.current="",C.currentt=null}),500),r},ne=function(e){var t=e.originalEvent,r=e.processedItem,a=e.focusOnNext,o=e.selfCheck,i=e.allowHeaderFocus,l=void 0===i||i;s.isNotEmpty(d)&&d.key!==r.key?(f(r),te()):l&&n.onHeaderFocus&&n.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:o})},te=function(){var e=p.findSingle(F(),'li[id="'.concat("".concat(b),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function e(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=r||0===a&&n.model;if(!o)return null;for(var i=0;i<o.length;i++){var l=o[i];if((A(l,"key")||l.key)===t)return l;var c=e(t,l.items,a+1);if(c)return c}},ae=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,i){var l=n.key?n.key:(""!==a?a+"_":"")+i,c={item:n,index:i,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),o.push(c)})),o},oe=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){W(n)&&(t.push(n),e(n.items,t))})),t};return e.useEffect((function(){var e=ae(n.model);O(e)}),[n.model]),e.useEffect((function(){var e=oe(x);w(e)}),[x,h]),e.useEffect((function(){var e;e=Object.entries(n.expandedKeys||{}).reduce((function(e,n){var t=N(n,2);if(t[1]){var r=re(t[0]);r&&e.push(r)}return e}),[]),E(e)}),[n.expandedKeys]),t=function(){var e=s.isNotEmpty(d)?"".concat(n.panelId,"_").concat(d.key):null;y(e)},r=[n.panelId,d],a=e.useRef(!1),e.useEffect((function(){if(a.current)return t&&t();a.current=!0}),r),e.createElement(j,{hostName:"PanelMenu",id:n.panelId+"_list",ref:K,role:"tree",tabIndex:-1,ariaActivedescendant:c?b:void 0,panelId:n.panelId,focusedItemId:c?b:void 0,model:x,activeItemPath:h,menuProps:n.menuProps,onFocus:function(e){u(!0)},onBlur:function(){u(!1),f(null),P.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":H(e);break;case"ArrowUp":M(e);break;case"ArrowLeft":q(e);break;case"ArrowRight":J(e);break;case"Home":X(e);break;case"End":U(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":V(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&s.isPrintableCharacter(e.key)&&ee(e,e.key)}},onItemToggle:function(e){var t=e.processedItem,r=e.expanded;if(n.expandedKeys)n.onToggle&&n.onToggle({item:t.item,expanded:r});else{var a=h.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),E(a)}t.item&&(t.item=D(D({},t.item),{},{expanded:r})),p.focus(F()),f(t)},level:0,className:i("submenu"),expandIcon:n.expandIcon,collapseIcon:n.collapseIcon,root:!0,ptm:o,cx:i})}));function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="PanelMenuList";var R=e.memo(e.forwardRef((function(t,f){var b=o(),y=e.useContext(n),g=S.getProps(t,y),h=N(e.useState(g.id),2),E=h[0],I=h[1],x=N(e.useState(null),2),O=x[0],k=x[1],w=N(e.useState([]),2),P=w[0],j=w[1],C=N(e.useState(!1),2),D=C[1],A=e.useRef(null),R=S.setMetaData({props:g,state:{id:E,activeItem:O}}),_=R.ptm,L=R.cx;r(S.css.styles,R.isUnstyled,{name:"panelmenu"});var F=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&ae(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},H=function(e,n){return e?s.getItemValue(e[n]):void 0},M=function(e){return g.expandedKeys?g.expandedKeys[H(e,"key")]:g.multiple?P.some((function(n){return s.equals(e,n)})):s.equals(e,O)},q=function(e){return!1!==H(e,"visible")},J=function(e){return H(e,"disabled")},X=function(e){return s.equals(e,O)},U=function(e){return"".concat(E,"_").concat(e)},V=function(e,n){return"".concat(e||U(n),"_header")},B=function(e,n){return"".concat(e||U(n),"_content")},z=function(e,n){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":Y(e);break;case"Home":$(e);break;case"End":G(e);break;case"Enter":case"NumpadEnter":case"Space":Q(e,n)}},W=function(e){var n=!0===p.getAttribute(e.currentTarget,"data-p-highlight")?p.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?p.focus(n):re({originalEvent:e,focusOnNext:!0}),e.preventDefault()},Y=function(e){var n=ee(e.currentTarget.parentElement)||te(),t=!0===p.getAttribute(n,"data-p-highlight")?p.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?p.focus(t):re({originalEvent:e,focusOnNext:!1}),e.preventDefault()},$=function(e){ie(e,ne()),e.preventDefault()},G=function(e){ie(e,te()),e.preventDefault()},Q=function(e,n){var t=p.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():F(e,n),e.preventDefault()},Z=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ee=function e(n){var t=p.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?p.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},ne=function(){return Z(A.current.firstElementChild,!0)},te=function(){return ee(A.current.lastElementChild,!0)},re=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),o=r?p.findSingle(a,'[data-pc-section="header"]'):t?Z(a):ee(a);o?ie(n,o):t?$(n):G(n)},ae=function(e,n){if(!J(n)){var t=!M(n),r=O&&s.equals(n,O)?null:n;if(k(r),g.multiple){var a=P;P.some((function(e){return s.equals(n,e)}))?a=P.filter((function(e){return!s.equals(n,e)})):a.push(n),j(a)}oe({item:n,expanded:t}),t&&e?g.onOpen&&g.onOpen({originalEvent:e,item:n}):g.onClose&&g.onClose({originalEvent:e,item:n})}},oe=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(g.expandedKeys){var a=T({},g.expandedKeys);r?a[n.key]=!0:delete a[n.key],g.onExpandedKeysChange&&g.onExpandedKeysChange(a)}},ie=function(e,n){n&&p.focus(n)},le=function(e,n,t){return _(n,{context:{active:M(e),focused:X(e),disabled:J(e),index:t}})};e.useImperativeHandle(f,(function(){return{props:g,getElement:function(){return A.current}}})),i((function(){!E&&I(d())})),e.useEffect((function(){D(!0),g.model&&g.model.forEach((function(e){e.expanded&&ae(null,e)}))}),[g.model]);var ce=function(){D(!1)},ue=g.model?g.model.map((function(n,t){if(!q(n))return null;var r=n.id||E+"_"+t,o=M(n),i=u("p-menuitem-icon",n.icon),p=b({className:L("headerIcon",{item:n})},le(n,"headerIcon",t)),d=m.getJSXIcon(n.icon,T({},p),{props:g}),f=b({className:L("headerSubmenuIcon")},le(n,"headerSubmenuIcon",t)),y=n.items&&m.getJSXIcon(o?g.collapseIcon||e.createElement(l,f):g.expandIcon||e.createElement(c,f)),h=b({className:L("headerLabel")},le(n,"headerLabel",t)),I=n.label&&e.createElement("span",h,n.label),x=e.createRef(),O=b({href:n.url||"#",tabIndex:"-1",className:L("headerAction")},le(n,"headerAction",t)),k=e.createElement("a",O,y,d,I);n.template&&(k=s.getJSXElement(n.template,n,{onClick:function(e){return F(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:k,props:g,leaf:!n.items,active:o}));var N=b({id:(null==n?void 0:n.id)||U(t),className:L("panel",{item:n}),style:n.style},le(n,"panel",t)),S=b({id:V(null==n?void 0:n.id,t),className:L("header",{active:o,item:n}),"aria-label":n.label,"aria-expanded":o,"aria-disabled":n.disabled,"aria-controls":B(null==n?void 0:n.id,t),tabIndex:n.disabled?null:"0",onClick:function(e){return F(e,n)},onKeyDown:function(e){return z(e,n)},"data-p-disabled":n.disabled,"data-p-highlight":o,role:"button",style:n.style},le(n,"header",t)),w=b({className:L("headerContent")},le(n,"headerContent",t)),P=b({className:L("menuContent")},le(n,"menuContent",t)),j=b({className:L("toggleableContent",{active:o}),role:"region","aria-labelledby":V(null==n?void 0:n.id,t)},le(n,"toggleableContent",t)),C=b({classNames:L("transition"),timeout:{enter:1e3,exit:450},onEnter:ce,in:o,unmountOnExit:!0,options:g.transitionOptions},le(n,"transition",t));return e.createElement("div",v({},N,{key:r}),e.createElement("div",S,e.createElement("div",w,k)),e.createElement(a,v({nodeRef:x},C),e.createElement("div",v({id:B(null==n?void 0:n.id,t),ref:x},j),e.createElement("div",P,e.createElement(K,{panelId:(null==n?void 0:n.id)||U(t),menuProps:g,onToggle:oe,onHeaderFocus:re,level:0,model:n.items,expandedKeys:g.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:g.submenuIcon,ptm:_,cx:L})))))})):null,se=b({ref:A,className:u(g.className,L("root")),id:g.id,style:g.style},S.getOtherProps(g),_("root"));return e.createElement("div",se,ue)})));R.displayName="PanelMenu";export{R as PanelMenu};
|
package/panelmenu/panelmenu.js
CHANGED
|
@@ -196,7 +196,6 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
196
196
|
id: null,
|
|
197
197
|
model: null,
|
|
198
198
|
style: null,
|
|
199
|
-
submenuIcon: null,
|
|
200
199
|
expandedKeys: null,
|
|
201
200
|
className: null,
|
|
202
201
|
onExpandedKeysChange: null,
|
|
@@ -204,6 +203,8 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
204
203
|
onClose: null,
|
|
205
204
|
multiple: false,
|
|
206
205
|
transitionOptions: null,
|
|
206
|
+
expandIcon: null,
|
|
207
|
+
collapseIcon: null,
|
|
207
208
|
children: undefined
|
|
208
209
|
},
|
|
209
210
|
css: {
|
|
@@ -309,11 +310,12 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
309
310
|
var key = props.id + '_sep_' + index;
|
|
310
311
|
var separatorProps = mergeProps({
|
|
311
312
|
id: key,
|
|
312
|
-
key: key,
|
|
313
313
|
className: cx('separator'),
|
|
314
314
|
role: 'separator'
|
|
315
315
|
}, _ptm('separator'));
|
|
316
|
-
return /*#__PURE__*/React__namespace.createElement("li", separatorProps
|
|
316
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
|
|
317
|
+
key: key
|
|
318
|
+
}));
|
|
317
319
|
};
|
|
318
320
|
var createSubmenu = function createSubmenu(processedItem, active) {
|
|
319
321
|
var submenuRef = /*#__PURE__*/React__namespace.createRef();
|
|
@@ -346,7 +348,8 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
346
348
|
onItemToggle: onItemToggle,
|
|
347
349
|
menuProps: props.menuProps,
|
|
348
350
|
model: processedItem.items,
|
|
349
|
-
|
|
351
|
+
expandIcon: props.expandIcon,
|
|
352
|
+
collapseIcon: props.collapseIcon,
|
|
350
353
|
ptm: ptm,
|
|
351
354
|
cx: cx
|
|
352
355
|
})));
|
|
@@ -382,7 +385,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
382
385
|
var submenuIconProps = mergeProps({
|
|
383
386
|
className: cx('submenuicon')
|
|
384
387
|
}, getPTOptions(processedItem, 'submenuicon', index));
|
|
385
|
-
var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.
|
|
388
|
+
var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, submenuIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, submenuIconProps));
|
|
386
389
|
var submenu = createSubmenu(processedItem, active);
|
|
387
390
|
var actionProps = mergeProps({
|
|
388
391
|
href: item.url || '#',
|
|
@@ -417,7 +420,6 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
417
420
|
className: cx('content')
|
|
418
421
|
}, getPTOptions(processedItem, 'content', index));
|
|
419
422
|
var menuitemProps = mergeProps({
|
|
420
|
-
key: key,
|
|
421
423
|
id: key,
|
|
422
424
|
className: cx('menuitem', {
|
|
423
425
|
item: item,
|
|
@@ -434,7 +436,9 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
434
436
|
'data-p-focused': itemFocused,
|
|
435
437
|
'data-p-disabled': disabled
|
|
436
438
|
}, getPTOptions(processedItem, 'menuitem', index));
|
|
437
|
-
return /*#__PURE__*/React__namespace.createElement("li",
|
|
439
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
|
|
440
|
+
key: key
|
|
441
|
+
}), /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
|
|
438
442
|
};
|
|
439
443
|
var createItem = function createItem(item, index) {
|
|
440
444
|
return getItemProp(item, 'separator') ? createSeparator(index) : createMenuItem(item, index);
|
|
@@ -516,8 +520,6 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
516
520
|
};
|
|
517
521
|
var onFocus = function onFocus(event) {
|
|
518
522
|
setFocused(true);
|
|
519
|
-
var _focusedItem = focusedItem || (isElementInPanel(event, event.relatedTarget) ? findFirstItem() : findLastItem());
|
|
520
|
-
setFocusedItem(_focusedItem);
|
|
521
523
|
};
|
|
522
524
|
var onBlur = function onBlur() {
|
|
523
525
|
setFocused(false);
|
|
@@ -672,10 +674,6 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
672
674
|
utils.DomHandler.focus(getListElement());
|
|
673
675
|
setFocusedItem(processedItem);
|
|
674
676
|
};
|
|
675
|
-
var isElementInPanel = function isElementInPanel(event, element) {
|
|
676
|
-
var panel = event.currentTarget.closest('[data-pc-section="panel"]');
|
|
677
|
-
return panel && panel.contains(element);
|
|
678
|
-
};
|
|
679
677
|
var isItemMatched = function isItemMatched(processedItem) {
|
|
680
678
|
return isValidItem(processedItem) && getItemLabel(processedItem).toLocaleLowerCase().startsWith(searchValue.current.toLocaleLowerCase());
|
|
681
679
|
};
|
|
@@ -878,7 +876,8 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
878
876
|
onItemToggle: onItemToggle,
|
|
879
877
|
level: 0,
|
|
880
878
|
className: cx('submenu'),
|
|
881
|
-
|
|
879
|
+
expandIcon: props.expandIcon,
|
|
880
|
+
collapseIcon: props.collapseIcon,
|
|
882
881
|
root: true,
|
|
883
882
|
ptm: ptm,
|
|
884
883
|
cx: cx
|
|
@@ -1148,7 +1147,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
1148
1147
|
var headerSubmenuIconProps = mergeProps({
|
|
1149
1148
|
className: cx('headerSubmenuIcon')
|
|
1150
1149
|
}, getPTOptions(item, 'headerSubmenuIcon', index));
|
|
1151
|
-
var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.
|
|
1150
|
+
var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerSubmenuIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerSubmenuIconProps));
|
|
1152
1151
|
var headerLabelProps = mergeProps({
|
|
1153
1152
|
className: cx('headerLabel')
|
|
1154
1153
|
}, getPTOptions(item, 'headerLabel', index));
|
|
@@ -1177,7 +1176,6 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
1177
1176
|
content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
|
|
1178
1177
|
}
|
|
1179
1178
|
var panelProps = mergeProps({
|
|
1180
|
-
key: key,
|
|
1181
1179
|
id: (item === null || item === void 0 ? void 0 : item.id) || generatePanelId(index),
|
|
1182
1180
|
className: cx('panel', {
|
|
1183
1181
|
item: item
|
|
@@ -1230,7 +1228,9 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
|
|
|
1230
1228
|
unmountOnExit: true,
|
|
1231
1229
|
options: props.transitionOptions
|
|
1232
1230
|
}, getPTOptions(item, 'transition', index));
|
|
1233
|
-
return /*#__PURE__*/React__namespace.createElement("div",
|
|
1231
|
+
return /*#__PURE__*/React__namespace.createElement("div", _extends({}, panelProps, {
|
|
1232
|
+
key: key
|
|
1233
|
+
}), /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("div", headerContentProps, content)), /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
|
|
1234
1234
|
nodeRef: menuContentRef
|
|
1235
1235
|
}, transitionProps), /*#__PURE__*/React__namespace.createElement("div", _extends({
|
|
1236
1236
|
id: generateContentId(item === null || item === void 0 ? void 0 : item.id, index),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,n,t,r,a,i,o,l,c,u){"use strict";function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=s(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function p(e){return p="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},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function E(){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 I(e,n){return y(e)||g(e,n)||O(e,n)||E()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return c.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return c.classNames("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return c.classNames("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:"p-panelmenu p-component",separator:"p-menuitem-separator",toggleableContent:function(e){return c.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return c.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c.classNames("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=m.memo(m.forwardRef((function(e,n){var t=i.useMergeProps(),r=e.ptm,s=e.cx,p=m.useRef(null),f=function(n,t){return r(n,x({hostName:e.hostName},t))},b=function(e,n,t){return f(n,{context:{item:e,index:t,active:g(e),focused:E(e),disabled:O(e)}})},v=function(n){return"".concat(e.panelId,"_").concat(n.key)},y=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){var t;return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===n.key}))||!(null===(t=n.item)||void 0===t||!t.expanded)},h=function(e){return!1!==y(e,"visible")},O=function(e){return y(e,"disabled")},E=function(n){return e.focusedItemId===v(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},j=function(e,n){y(n,"url")||e.preventDefault(),y(n,"command",{originalEvent:e,item:n.item}),N({processedItem:n,expanded:!g(n)})},N=function(n){e.onItemToggle(n)},S=function(n){return n-e.model.slice(0,n).filter((function(e){return h(e)&&y(e,"separator")})).length+1};m.useImperativeHandle(n,(function(){return{getElement:function(){return p.current}}}));var P=function(n){var r=e.id+"_sep_"+n,a=t({id:r,key:r,className:s("separator"),role:"separator"},f("separator"));return m.createElement("li",a)},w=function(n,i){var o=m.createRef(),l=t({className:s("toggleableContent",{active:i})},f("toggleableContent"));if(h(n)&&I(n)){var c=t({classNames:s("transition"),timeout:{enter:1e3,exit:450},in:i,unmountOnExit:!0},f("transition"));return m.createElement(a.CSSTransition,d({nodeRef:o},c),m.createElement("div",d({ref:o},l),m.createElement(k,{id:v(n)+"_list",role:"group",panelId:e.panelId,level:e.level+1,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,onItemToggle:N,menuProps:e.menuProps,model:n.items,submenuIcon:e.submenuIcon,ptm:r,cx:s})))}return null},D=function(n,r){var a=n.item;if(!1===h(n))return null;var i=v(n),d=g(n),p=E(n),f=O(a),N=c.classNames("p-menuitem-link",{"p-disabled":a.disabled}),k=c.classNames("p-menuitem-icon",a.icon),P=t({className:s("icon",{item:a})},b(n,"icon",r)),D=c.IconUtils.getJSXIcon(a.icon,x({},P),{props:e.menuProps}),C=t({className:s("label")},b(n,"label",r)),U=a.label&&m.createElement("span",C,a.label),H=t({className:s("submenuicon")},b(n,"submenuicon",r)),K=a.items&&c.IconUtils.getJSXIcon(d?e.submenuIcon||m.createElement(o.ChevronDownIcon,H):e.submenuIcon||m.createElement(l.ChevronRightIcon,H)),A=w(n,d),T=t({href:a.url||"#",className:s("action",{item:a}),target:a.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},b(n,"action",r)),R=m.createElement("a",T,K,D,U,m.createElement(u.Ripple,null));a.template&&(R=c.ObjectUtils.getJSXElement(a.template,a,{className:N,labelClassName:"p-menuitem-text",iconClassName:k,submenuIconClassName:"p-panelmenu-icon",element:R,props:e,leaf:!a.items,active:d}));var _=t({onClick:function(e){return j(e,n)},className:s("content")},b(n,"content",r)),M=t({key:i,id:i,className:s("menuitem",{item:a,focused:p,disabled:f}),style:a.style,role:"treeitem","aria-label":a.label,"aria-expanded":I(a)?d:void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return h(e)&&!y(e,"separator")})).length,"aria-posinset":S(r),"data-p-focused":p,"data-p-disabled":f},b(n,"menuitem",r));return m.createElement("li",M,m.createElement("div",_,R),A)},C=e.model?e.model.map((function(e,n){return y(e,"separator")?P(n):D(e,n)})):null,U=e.root?"menu":"submenu",H=t({id:e.id,ref:p,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-activedescendant":e.ariaActivedescendant,role:e.role,className:c.classNames(s(U),e.className)},r(U));return m.createElement("ul",H,C)})));function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="PanelMenuSub";var w=m.memo((function(e){var n,t,r,a=e.ptm,i=e.cx,o=I(m.useState(!1),2),l=o[0],u=o[1],s=I(m.useState(null),2),d=s[0],p=s[1],f=I(m.useState(null),2),b=f[0],v=f[1],y=I(m.useState([]),2),g=y[0],h=y[1],O=I(m.useState(null),2),E=O[0],j=O[1],N=I(m.useState([]),2),x=N[0],S=N[1],w=m.useRef(null),D=m.useRef(null),C=m.useRef(null),U=function(e,n){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n]):void 0},H=function(e){return U(e,"label")},K=function(e){return!1!==U(e,"visible")},A=function(e){return U(e,"disabled")},T=function(e){return g&&g.some((function(n){return n.key===e.parentKey}))},R=function(){return C.current&&C.current.getElement()},_=function(e){var n=c.ObjectUtils.isNotEmpty(d)?Q(d):$();ne({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},M=function(e){var n=c.ObjectUtils.isNotEmpty(d)?Z(d):G();ne({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},L=function(e){c.ObjectUtils.isNotEmpty(d)&&(g.some((function(e){return e.key===d.key}))?h(g.filter((function(e){return e.key!==d.key}))):p(c.ObjectUtils.isNotEmpty(d.parent)?d.parent:d),e.preventDefault())},F=function(e){if(c.ObjectUtils.isNotEmpty(d)){if(c.ObjectUtils.isNotEmpty(d.items))if(g.some((function(e){return e.key===d.key})))_(e);else{var n=g.filter((function(e){return e.parentKey!==d.parentKey}));n.push(d),h(n)}e.preventDefault()}},q=function(e){ne({originalEvent:e,processedItem:$(),allowHeaderFocus:!1}),e.preventDefault()},J=function(e){ne({originalEvent:e,processedItem:G(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},X=function(e){if(c.ObjectUtils.isNotEmpty(d)){var n=c.DomHandler.findSingle(R(),'li[id="'.concat("".concat(b),'"]')),t=n&&(c.DomHandler.findSingle(n,'[data-pc-section="action"]')||c.DomHandler.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){X(e)},V=function(e,n){var t=e.currentTarget.closest('[data-pc-section="panel"]');return t&&t.contains(n)},z=function(e){return Y(e)&&H(e).toLocaleLowerCase().startsWith(w.current.toLocaleLowerCase())},W=function(e){return!!e&&(0===e.level||T(e))&&K(e)},Y=function(e){return!!e&&!A(e)&&!U(e,"separator")},$=function(){return x.find((function(e){return Y(e)}))},G=function(){return c.ObjectUtils.findLast(x,(function(e){return Y(e)}))},Q=function(e){var n=x.findIndex((function(n){return n.key===e.key}));return(n<x.length-1?x.slice(n+1).find((function(e){return Y(e)})):void 0)||e},Z=function(e){var n=x.findIndex((function(n){return n.key===e.key}));return(n>0?c.ObjectUtils.findLast(x.slice(0,n),(function(e){return Y(e)})):void 0)||e},ee=function(e,n){w.current=(w.current||"")+n;var t=null,r=!1;if(c.ObjectUtils.isNotEmpty(d)){var a=x.findIndex((function(e){return e.key===d.key}));t=x.slice(a).find((function(e){return z(e)})),t=c.ObjectUtils.isEmpty(t)?x.slice(0,a).find((function(e){return z(e)})):t}else t=x.find((function(e){return z(e)}));return c.ObjectUtils.isNotEmpty(t)&&(r=!0),c.ObjectUtils.isEmpty(t)&&c.ObjectUtils.isEmpty(d)&&(t=$()),c.ObjectUtils.isNotEmpty(t)&&ne({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),D&&clearTimeout(D.current),D.current=setTimeout((function(){w.current="",D.currentt=null}),500),r},ne=function(n){var t=n.originalEvent,r=n.processedItem,a=n.focusOnNext,i=n.selfCheck,o=n.allowHeaderFocus,l=void 0===o||o;c.ObjectUtils.isNotEmpty(d)&&d.key!==r.key?(p(r),te()):l&&e.onHeaderFocus&&e.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:i})},te=function(){var e=c.DomHandler.findSingle(R(),'li[id="'.concat("".concat(b),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function n(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=r||0===a&&e.model;if(!i)return null;for(var o=0;o<i.length;o++){var l=i[o];if((U(l,"key")||l.key)===t)return l;var c=n(t,l.items,a+1);if(c)return c}},ae=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return n&&n.forEach((function(n,o){var l=n.key?n.key:(""!==a?a+"_":"")+o,c={item:n,index:o,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),i.push(c)})),i},ie=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){W(n)&&(t.push(n),e(n.items,t))})),t};return m.useEffect((function(){var n=ae(e.model);j(n)}),[e.model]),m.useEffect((function(){var e=ie(E);S(e)}),[E,g]),m.useEffect((function(){var n;n=Object.entries(e.expandedKeys||{}).reduce((function(e,n){var t=I(n,2);if(t[1]){var r=re(t[0]);r&&e.push(r)}return e}),[]),h(n)}),[e.expandedKeys]),n=function(){var n=c.ObjectUtils.isNotEmpty(d)?"".concat(e.panelId,"_").concat(d.key):null;v(n)},t=[e.panelId,d],r=m.useRef(!1),m.useEffect((function(){if(r.current)return n&&n();r.current=!0}),t),m.createElement(k,{hostName:"PanelMenu",id:e.panelId+"_list",ref:C,role:"tree",tabIndex:-1,ariaActivedescendant:l?b:void 0,panelId:e.panelId,focusedItemId:l?b:void 0,model:E,activeItemPath:g,menuProps:e.menuProps,onFocus:function(e){u(!0);var n=d||(V(e,e.relatedTarget)?$():G());p(n)},onBlur:function(){u(!1),p(null),w.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_(e);break;case"ArrowUp":M(e);break;case"ArrowLeft":L(e);break;case"ArrowRight":F(e);break;case"Home":q(e);break;case"End":J(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":X(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&ee(e,e.key)}},onItemToggle:function(n){var t=n.processedItem,r=n.expanded;if(e.expandedKeys)e.onToggle&&e.onToggle({item:t.item,expanded:r});else{var a=g.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),h(a)}t.item&&(t.item=P(P({},t.item),{},{expanded:r})),c.DomHandler.focus(R()),p(t)},level:0,className:i("submenu"),submenuIcon:e.submenuIcon,root:!0,ptm:a,cx:i})}));function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="PanelMenuList";var U=m.memo(m.forwardRef((function(e,n){var u=i.useMergeProps(),s=m.useContext(t.PrimeReactContext),p=j.getProps(e,s),f=I(m.useState(p.id),2),b=f[0],v=f[1],y=I(m.useState(null),2),g=y[0],h=y[1],O=I(m.useState([]),2),E=O[0],N=O[1],x=I(m.useState(!1),2),k=x[1],S=m.useRef(null),P=j.setMetaData({props:p,state:{id:b,activeItem:g}}),D=P.ptm,U=P.cx;r.useHandleStyle(j.css.styles,P.isUnstyled,{name:"panelmenu"});var H=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&Z(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},K=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},A=function(e){return p.expandedKeys?p.expandedKeys[K(e,"key")]:p.multiple?E.some((function(n){return c.ObjectUtils.equals(e,n)})):c.ObjectUtils.equals(e,g)},T=function(e){return!1!==K(e,"visible")},R=function(e){return K(e,"disabled")},_=function(e){return c.ObjectUtils.equals(e,g)},M=function(e){return"".concat(b,"_").concat(e)},L=function(e,n){return"".concat(e||M(n),"_header")},F=function(e,n){return"".concat(e||M(n),"_content")},q=function(e,n){switch(e.code){case"ArrowDown":J(e);break;case"ArrowUp":X(e);break;case"Home":B(e);break;case"End":V(e);break;case"Enter":case"NumpadEnter":case"Space":z(e,n)}},J=function(e){var n=!0===c.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?c.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?c.DomHandler.focus(n):Q({originalEvent:e,focusOnNext:!0}),e.preventDefault()},X=function(e){var n=Y(e.currentTarget.parentElement)||G(),t=!0===c.DomHandler.getAttribute(n,"data-p-highlight")?c.DomHandler.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?c.DomHandler.focus(t):Q({originalEvent:e,focusOnNext:!1}),e.preventDefault()},B=function(e){ne(e,$()),e.preventDefault()},V=function(e){ne(e,G()),e.preventDefault()},z=function(e,n){var t=c.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():H(e,n),e.preventDefault()},W=function e(n){var t=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?c.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},Y=function e(n){var t=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?c.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},$=function(){return W(S.current.firstElementChild,!0)},G=function(){return Y(S.current.lastElementChild,!0)},Q=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),i=r?c.DomHandler.findSingle(a,'[data-pc-section="header"]'):t?W(a):Y(a);i?ne(n,i):t?B(n):V(n)},Z=function(e,n){if(!R(n)){var t=!A(n),r=g&&c.ObjectUtils.equals(n,g)?null:n;if(h(r),p.multiple){var a=E;E.some((function(e){return c.ObjectUtils.equals(n,e)}))?a=E.filter((function(e){return!c.ObjectUtils.equals(n,e)})):a.push(n),N(a)}ee({item:n,expanded:t}),t&&e?p.onOpen&&p.onOpen({originalEvent:e,item:n}):p.onClose&&p.onClose({originalEvent:e,item:n})}},ee=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(p.expandedKeys){var a=C({},p.expandedKeys);r?a[n.key]=!0:delete a[n.key],p.onExpandedKeysChange&&p.onExpandedKeysChange(a)}},ne=function(e,n){n&&c.DomHandler.focus(n)},te=function(e,n,t){return D(n,{context:{active:A(e),focused:_(e),disabled:R(e),index:t}})};m.useImperativeHandle(n,(function(){return{props:p,getElement:function(){return S.current}}})),i.useMountEffect((function(){!b&&v(c.UniqueComponentId())})),m.useEffect((function(){k(!0),p.model&&p.model.forEach((function(e){e.expanded&&Z(null,e)}))}),[p.model]);var re=function(){k(!1)},ae=p.model?p.model.map((function(e,n){if(!T(e))return null;var t=e.id||b+"_"+n,r=A(e),i=c.classNames("p-menuitem-icon",e.icon),s=u({className:U("headerIcon",{item:e})},te(e,"headerIcon",n)),f=c.IconUtils.getJSXIcon(e.icon,C({},s),{props:p}),v=u({className:U("headerSubmenuIcon")},te(e,"headerSubmenuIcon",n)),y=e.items&&c.IconUtils.getJSXIcon(r?p.submenuIcon||m.createElement(o.ChevronDownIcon,v):p.submenuIcon||m.createElement(l.ChevronRightIcon,v)),g=u({className:U("headerLabel")},te(e,"headerLabel",n)),h=e.label&&m.createElement("span",g,e.label),O=m.createRef(),E=u({href:e.url||"#",tabIndex:"-1",className:U("headerAction")},te(e,"headerAction",n)),I=m.createElement("a",E,y,f,h);e.template&&(I=c.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return H(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:I,props:p,leaf:!e.items,active:r}));var j=u({key:t,id:(null==e?void 0:e.id)||M(n),className:U("panel",{item:e}),style:e.style},te(e,"panel",n)),N=u({id:L(null==e?void 0:e.id,n),className:U("header",{active:r,item:e}),"aria-label":e.label,"aria-expanded":r,"aria-disabled":e.disabled,"aria-controls":F(null==e?void 0:e.id,n),tabIndex:e.disabled?null:"0",onClick:function(n){return H(n,e)},onKeyDown:function(n){return q(n,e)},"data-p-disabled":e.disabled,"data-p-highlight":r,role:"button",style:e.style},te(e,"header",n)),x=u({className:U("headerContent")},te(e,"headerContent",n)),k=u({className:U("menuContent")},te(e,"menuContent",n)),S=u({className:U("toggleableContent",{active:r}),role:"region","aria-labelledby":L(null==e?void 0:e.id,n)},te(e,"toggleableContent",n)),P=u({classNames:U("transition"),timeout:{enter:1e3,exit:450},onEnter:re,in:r,unmountOnExit:!0,options:p.transitionOptions},te(e,"transition",n));return m.createElement("div",j,m.createElement("div",N,m.createElement("div",x,I)),m.createElement(a.CSSTransition,d({nodeRef:O},P),m.createElement("div",d({id:F(null==e?void 0:e.id,n),ref:O},S),m.createElement("div",k,m.createElement(w,{panelId:(null==e?void 0:e.id)||M(n),menuProps:p,onToggle:ee,onHeaderFocus:Q,level:0,model:e.items,expandedKeys:p.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:p.submenuIcon,ptm:D,cx:U})))))})):null,ie=u({ref:S,className:c.classNames(p.className,U("root")),id:p.id,style:p.style},j.getOtherProps(p),D("root"));return m.createElement("div",ie,ae)})));return U.displayName="PanelMenu",e.PanelMenu=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronright,primereact.utils,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.panelmenu=function(e,n,t,r,a,i,o,l,c,u){"use strict";function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=s(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function p(e){return p="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},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function E(){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 I(e,n){return y(e)||g(e,n)||O(e,n)||E()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,expandedKeys:null,className:null,onExpandedKeysChange:null,onOpen:null,onClose:null,multiple:!1,transitionOptions:null,expandIcon:null,collapseIcon:null,children:void 0},css:{classes:{headerIcon:function(e){return c.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-submenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return c.classNames("p-panelmenu-panel",e.item.className)},header:function(e){var n=e.item;return c.classNames("p-component p-panelmenu-header",{"p-highlight":e.active&&!!n.items,"p-disabled":n.disabled})},headerContent:"p-panelmenu-header-content",menuContent:"p-panelmenu-content",root:"p-panelmenu p-component",separator:"p-menuitem-separator",toggleableContent:function(e){return c.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return c.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-submenu-icon",content:"p-menuitem-content",action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c.classNames("p-menuitem",e.item.className,{"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-panelmenu-root-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n .p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n }\n\n .p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n }\n\n .p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n }\n\n .p-panelmenu .p-menuitem-text {\n line-height: 1;\n }\n}\n"}});function x(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?x(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=m.memo(m.forwardRef((function(e,n){var t=i.useMergeProps(),r=e.ptm,s=e.cx,p=m.useRef(null),f=function(n,t){return r(n,N({hostName:e.hostName},t))},b=function(e,n,t){return f(n,{context:{item:e,index:t,active:g(e),focused:E(e),disabled:O(e)}})},v=function(n){return"".concat(e.panelId,"_").concat(n.key)},y=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},g=function(n){var t;return e.activeItemPath&&e.activeItemPath.some((function(e){return e.key===n.key}))||!(null===(t=n.item)||void 0===t||!t.expanded)},h=function(e){return!1!==y(e,"visible")},O=function(e){return y(e,"disabled")},E=function(n){return e.focusedItemId===v(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},j=function(e,n){y(n,"url")||e.preventDefault(),y(n,"command",{originalEvent:e,item:n.item}),x({processedItem:n,expanded:!g(n)})},x=function(n){e.onItemToggle(n)},S=function(n){return n-e.model.slice(0,n).filter((function(e){return h(e)&&y(e,"separator")})).length+1};m.useImperativeHandle(n,(function(){return{getElement:function(){return p.current}}}));var P=function(n){var r=e.id+"_sep_"+n,a=t({id:r,className:s("separator"),role:"separator"},f("separator"));return m.createElement("li",d({},a,{key:r}))},w=function(n,i){var o=m.createRef(),l=t({className:s("toggleableContent",{active:i})},f("toggleableContent"));if(h(n)&&I(n)){var c=t({classNames:s("transition"),timeout:{enter:1e3,exit:450},in:i,unmountOnExit:!0},f("transition"));return m.createElement(a.CSSTransition,d({nodeRef:o},c),m.createElement("div",d({ref:o},l),m.createElement(k,{id:v(n)+"_list",role:"group",panelId:e.panelId,level:e.level+1,focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,onItemToggle:x,menuProps:e.menuProps,model:n.items,expandIcon:e.expandIcon,collapseIcon:e.collapseIcon,ptm:r,cx:s})))}return null},D=function(n,r){var a=n.item;if(!1===h(n))return null;var i=v(n),p=g(n),f=E(n),x=O(a),k=c.classNames("p-menuitem-link",{"p-disabled":a.disabled}),P=c.classNames("p-menuitem-icon",a.icon),D=t({className:s("icon",{item:a})},b(n,"icon",r)),C=c.IconUtils.getJSXIcon(a.icon,N({},D),{props:e.menuProps}),U=t({className:s("label")},b(n,"label",r)),H=a.label&&m.createElement("span",U,a.label),K=t({className:s("submenuicon")},b(n,"submenuicon",r)),A=a.items&&c.IconUtils.getJSXIcon(p?e.collapseIcon||m.createElement(o.ChevronDownIcon,K):e.expandIcon||m.createElement(l.ChevronRightIcon,K)),R=w(n,p),T=t({href:a.url||"#",className:s("action",{item:a}),target:a.target,onFocus:function(e){return e.stopPropagation()},tabIndex:"-1","aria-hidden":!0},b(n,"action",r)),_=m.createElement("a",T,A,C,H,m.createElement(u.Ripple,null));a.template&&(_=c.ObjectUtils.getJSXElement(a.template,a,{className:k,labelClassName:"p-menuitem-text",iconClassName:P,submenuIconClassName:"p-panelmenu-icon",element:_,props:e,leaf:!a.items,active:p}));var M=t({onClick:function(e){return j(e,n)},className:s("content")},b(n,"content",r)),L=t({id:i,className:s("menuitem",{item:a,focused:f,disabled:x}),style:a.style,role:"treeitem","aria-label":a.label,"aria-expanded":I(a)?p:void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return h(e)&&!y(e,"separator")})).length,"aria-posinset":S(r),"data-p-focused":f,"data-p-disabled":x},b(n,"menuitem",r));return m.createElement("li",d({},L,{key:i}),m.createElement("div",M,_),R)},C=e.model?e.model.map((function(e,n){return y(e,"separator")?P(n):D(e,n)})):null,U=e.root?"menu":"submenu",H=t({id:e.id,ref:p,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"aria-activedescendant":e.ariaActivedescendant,role:e.role,className:c.classNames(s(U),e.className)},r(U));return m.createElement("ul",H,C)})));function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}k.displayName="PanelMenuSub";var w=m.memo((function(e){var n,t,r,a=e.ptm,i=e.cx,o=I(m.useState(!1),2),l=o[0],u=o[1],s=I(m.useState(null),2),d=s[0],p=s[1],f=I(m.useState(null),2),b=f[0],v=f[1],y=I(m.useState([]),2),g=y[0],h=y[1],O=I(m.useState(null),2),E=O[0],j=O[1],x=I(m.useState([]),2),N=x[0],S=x[1],w=m.useRef(null),D=m.useRef(null),C=m.useRef(null),U=function(e,n){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n]):void 0},H=function(e){return U(e,"label")},K=function(e){return!1!==U(e,"visible")},A=function(e){return U(e,"disabled")},R=function(e){return g&&g.some((function(n){return n.key===e.parentKey}))},T=function(){return C.current&&C.current.getElement()},_=function(e){var n=c.ObjectUtils.isNotEmpty(d)?G(d):Y();ee({originalEvent:e,processedItem:n,focusOnNext:!0}),e.preventDefault()},M=function(e){var n=c.ObjectUtils.isNotEmpty(d)?Q(d):$();ee({originalEvent:e,processedItem:n,selfCheck:!0}),e.preventDefault()},L=function(e){c.ObjectUtils.isNotEmpty(d)&&(g.some((function(e){return e.key===d.key}))?h(g.filter((function(e){return e.key!==d.key}))):p(c.ObjectUtils.isNotEmpty(d.parent)?d.parent:d),e.preventDefault())},F=function(e){if(c.ObjectUtils.isNotEmpty(d)){if(c.ObjectUtils.isNotEmpty(d.items))if(g.some((function(e){return e.key===d.key})))_(e);else{var n=g.filter((function(e){return e.parentKey!==d.parentKey}));n.push(d),h(n)}e.preventDefault()}},q=function(e){ee({originalEvent:e,processedItem:Y(),allowHeaderFocus:!1}),e.preventDefault()},J=function(e){ee({originalEvent:e,processedItem:$(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},X=function(e){if(c.ObjectUtils.isNotEmpty(d)){var n=c.DomHandler.findSingle(T(),'li[id="'.concat("".concat(b),'"]')),t=n&&(c.DomHandler.findSingle(n,'[data-pc-section="action"]')||c.DomHandler.findSingle(n,"a,button"));t?t.click():n&&n.click()}e.preventDefault()},B=function(e){X(e)},V=function(e){return W(e)&&H(e).toLocaleLowerCase().startsWith(w.current.toLocaleLowerCase())},z=function(e){return!!e&&(0===e.level||R(e))&&K(e)},W=function(e){return!!e&&!A(e)&&!U(e,"separator")},Y=function(){return N.find((function(e){return W(e)}))},$=function(){return c.ObjectUtils.findLast(N,(function(e){return W(e)}))},G=function(e){var n=N.findIndex((function(n){return n.key===e.key}));return(n<N.length-1?N.slice(n+1).find((function(e){return W(e)})):void 0)||e},Q=function(e){var n=N.findIndex((function(n){return n.key===e.key}));return(n>0?c.ObjectUtils.findLast(N.slice(0,n),(function(e){return W(e)})):void 0)||e},Z=function(e,n){w.current=(w.current||"")+n;var t=null,r=!1;if(c.ObjectUtils.isNotEmpty(d)){var a=N.findIndex((function(e){return e.key===d.key}));t=N.slice(a).find((function(e){return V(e)})),t=c.ObjectUtils.isEmpty(t)?N.slice(0,a).find((function(e){return V(e)})):t}else t=N.find((function(e){return V(e)}));return c.ObjectUtils.isNotEmpty(t)&&(r=!0),c.ObjectUtils.isEmpty(t)&&c.ObjectUtils.isEmpty(d)&&(t=Y()),c.ObjectUtils.isNotEmpty(t)&&ee({originalEvent:e,processedItem:t,allowHeaderFocus:!1}),D&&clearTimeout(D.current),D.current=setTimeout((function(){w.current="",D.currentt=null}),500),r},ee=function(n){var t=n.originalEvent,r=n.processedItem,a=n.focusOnNext,i=n.selfCheck,o=n.allowHeaderFocus,l=void 0===o||o;c.ObjectUtils.isNotEmpty(d)&&d.key!==r.key?(p(r),ne()):l&&e.onHeaderFocus&&e.onHeaderFocus({originalEvent:t,focusOnNext:a,selfCheck:i})},ne=function(){var e=c.DomHandler.findSingle(T(),'li[id="'.concat("".concat(b),'"]'));e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},te=function n(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=r||0===a&&e.model;if(!i)return null;for(var o=0;o<i.length;o++){var l=i[o];if((U(l,"key")||l.key)===t)return l;var c=n(t,l.items,a+1);if(c)return c}},re=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return n&&n.forEach((function(n,o){var l=n.key?n.key:(""!==a?a+"_":"")+o,c={item:n,index:o,level:t,key:l,parent:r,parentKey:a};c.items=e(n.items,t+1,c,l),i.push(c)})),i},ae=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n&&n.forEach((function(n){z(n)&&(t.push(n),e(n.items,t))})),t};return m.useEffect((function(){var n=re(e.model);j(n)}),[e.model]),m.useEffect((function(){var e=ae(E);S(e)}),[E,g]),m.useEffect((function(){var n;n=Object.entries(e.expandedKeys||{}).reduce((function(e,n){var t=I(n,2);if(t[1]){var r=te(t[0]);r&&e.push(r)}return e}),[]),h(n)}),[e.expandedKeys]),n=function(){var n=c.ObjectUtils.isNotEmpty(d)?"".concat(e.panelId,"_").concat(d.key):null;v(n)},t=[e.panelId,d],r=m.useRef(!1),m.useEffect((function(){if(r.current)return n&&n();r.current=!0}),t),m.createElement(k,{hostName:"PanelMenu",id:e.panelId+"_list",ref:C,role:"tree",tabIndex:-1,ariaActivedescendant:l?b:void 0,panelId:e.panelId,focusedItemId:l?b:void 0,model:E,activeItemPath:g,menuProps:e.menuProps,onFocus:function(e){u(!0)},onBlur:function(){u(!1),p(null),w.current=""},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_(e);break;case"ArrowUp":M(e);break;case"ArrowLeft":L(e);break;case"ArrowRight":F(e);break;case"Home":q(e);break;case"End":J(e);break;case"Space":B(e);break;case"Enter":case"NumpadEnter":X(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Z(e,e.key)}},onItemToggle:function(n){var t=n.processedItem,r=n.expanded;if(e.expandedKeys)e.onToggle&&e.onToggle({item:t.item,expanded:r});else{var a=g.filter((function(e){return e.parentKey!==t.parentKey}));r&&a.push(t),h(a)}t.item&&(t.item=P(P({},t.item),{},{expanded:r})),c.DomHandler.focus(T()),p(t)},level:0,className:i("submenu"),expandIcon:e.expandIcon,collapseIcon:e.collapseIcon,root:!0,ptm:a,cx:i})}));function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="PanelMenuList";var U=m.memo(m.forwardRef((function(e,n){var u=i.useMergeProps(),s=m.useContext(t.PrimeReactContext),p=j.getProps(e,s),f=I(m.useState(p.id),2),b=f[0],v=f[1],y=I(m.useState(null),2),g=y[0],h=y[1],O=I(m.useState([]),2),E=O[0],x=O[1],N=I(m.useState(!1),2),k=N[1],S=m.useRef(null),P=j.setMetaData({props:p,state:{id:b,activeItem:g}}),D=P.ptm,U=P.cx;r.useHandleStyle(j.css.styles,P.isUnstyled,{name:"panelmenu"});var H=function(e,n){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),n.items&&Z(e,n),n.url||(e.preventDefault(),e.stopPropagation()))},K=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},A=function(e){return p.expandedKeys?p.expandedKeys[K(e,"key")]:p.multiple?E.some((function(n){return c.ObjectUtils.equals(e,n)})):c.ObjectUtils.equals(e,g)},R=function(e){return!1!==K(e,"visible")},T=function(e){return K(e,"disabled")},_=function(e){return c.ObjectUtils.equals(e,g)},M=function(e){return"".concat(b,"_").concat(e)},L=function(e,n){return"".concat(e||M(n),"_header")},F=function(e,n){return"".concat(e||M(n),"_content")},q=function(e,n){switch(e.code){case"ArrowDown":J(e);break;case"ArrowUp":X(e);break;case"Home":B(e);break;case"End":V(e);break;case"Enter":case"NumpadEnter":case"Space":z(e,n)}},J=function(e){var n=!0===c.DomHandler.getAttribute(e.currentTarget,"data-p-highlight")?c.DomHandler.findSingle(e.currentTarget.nextElementSibling,'[data-pc-section="menu"]'):null;n?c.DomHandler.focus(n):Q({originalEvent:e,focusOnNext:!0}),e.preventDefault()},X=function(e){var n=Y(e.currentTarget.parentElement)||G(),t=!0===c.DomHandler.getAttribute(n,"data-p-highlight")?c.DomHandler.findSingle(n.nextElementSibling,'[data-pc-section="menu"]'):null;t?c.DomHandler.focus(t):Q({originalEvent:e,focusOnNext:!1}),e.preventDefault()},B=function(e){ne(e,$()),e.preventDefault()},V=function(e){ne(e,G()),e.preventDefault()},z=function(e,n){var t=c.DomHandler.findSingle(e.currentTarget,'[data-pc-section="headeraction"]');t?t.click():H(e,n),e.preventDefault()},W=function e(n){var t=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.nextElementSibling,'[data-pc-section="header"]');return t?c.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},Y=function e(n){var t=c.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?n:n.previousElementSibling,'[data-pc-section="header"]');return t?c.DomHandler.getAttribute(t,"data-p-disabled")?e(t.parentElement):t:null},$=function(){return W(S.current.firstElementChild,!0)},G=function(){return Y(S.current.lastElementChild,!0)},Q=function(e){var n=e.originalEvent,t=e.focusOnNext,r=e.selfCheck,a=n.currentTarget.closest('[data-pc-section="panel"]'),i=r?c.DomHandler.findSingle(a,'[data-pc-section="header"]'):t?W(a):Y(a);i?ne(n,i):t?B(n):V(n)},Z=function(e,n){if(!T(n)){var t=!A(n),r=g&&c.ObjectUtils.equals(n,g)?null:n;if(h(r),p.multiple){var a=E;E.some((function(e){return c.ObjectUtils.equals(n,e)}))?a=E.filter((function(e){return!c.ObjectUtils.equals(n,e)})):a.push(n),x(a)}ee({item:n,expanded:t}),t&&e?p.onOpen&&p.onOpen({originalEvent:e,item:n}):p.onClose&&p.onClose({originalEvent:e,item:n})}},ee=function(e){var n=e.item,t=e.expanded,r=void 0!==t&&t;if(p.expandedKeys){var a=C({},p.expandedKeys);r?a[n.key]=!0:delete a[n.key],p.onExpandedKeysChange&&p.onExpandedKeysChange(a)}},ne=function(e,n){n&&c.DomHandler.focus(n)},te=function(e,n,t){return D(n,{context:{active:A(e),focused:_(e),disabled:T(e),index:t}})};m.useImperativeHandle(n,(function(){return{props:p,getElement:function(){return S.current}}})),i.useMountEffect((function(){!b&&v(c.UniqueComponentId())})),m.useEffect((function(){k(!0),p.model&&p.model.forEach((function(e){e.expanded&&Z(null,e)}))}),[p.model]);var re=function(){k(!1)},ae=p.model?p.model.map((function(e,n){if(!R(e))return null;var t=e.id||b+"_"+n,r=A(e),i=c.classNames("p-menuitem-icon",e.icon),s=u({className:U("headerIcon",{item:e})},te(e,"headerIcon",n)),f=c.IconUtils.getJSXIcon(e.icon,C({},s),{props:p}),v=u({className:U("headerSubmenuIcon")},te(e,"headerSubmenuIcon",n)),y=e.items&&c.IconUtils.getJSXIcon(r?p.collapseIcon||m.createElement(o.ChevronDownIcon,v):p.expandIcon||m.createElement(l.ChevronRightIcon,v)),g=u({className:U("headerLabel")},te(e,"headerLabel",n)),h=e.label&&m.createElement("span",g,e.label),O=m.createRef(),E=u({href:e.url||"#",tabIndex:"-1",className:U("headerAction")},te(e,"headerAction",n)),I=m.createElement("a",E,y,f,h);e.template&&(I=c.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return H(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:I,props:p,leaf:!e.items,active:r}));var j=u({id:(null==e?void 0:e.id)||M(n),className:U("panel",{item:e}),style:e.style},te(e,"panel",n)),x=u({id:L(null==e?void 0:e.id,n),className:U("header",{active:r,item:e}),"aria-label":e.label,"aria-expanded":r,"aria-disabled":e.disabled,"aria-controls":F(null==e?void 0:e.id,n),tabIndex:e.disabled?null:"0",onClick:function(n){return H(n,e)},onKeyDown:function(n){return q(n,e)},"data-p-disabled":e.disabled,"data-p-highlight":r,role:"button",style:e.style},te(e,"header",n)),N=u({className:U("headerContent")},te(e,"headerContent",n)),k=u({className:U("menuContent")},te(e,"menuContent",n)),S=u({className:U("toggleableContent",{active:r}),role:"region","aria-labelledby":L(null==e?void 0:e.id,n)},te(e,"toggleableContent",n)),P=u({classNames:U("transition"),timeout:{enter:1e3,exit:450},onEnter:re,in:r,unmountOnExit:!0,options:p.transitionOptions},te(e,"transition",n));return m.createElement("div",d({},j,{key:t}),m.createElement("div",x,m.createElement("div",N,I)),m.createElement(a.CSSTransition,d({nodeRef:O},P),m.createElement("div",d({id:F(null==e?void 0:e.id,n),ref:O},S),m.createElement("div",k,m.createElement(w,{panelId:(null==e?void 0:e.id)||M(n),menuProps:p,onToggle:ee,onHeaderFocus:Q,level:0,model:e.items,expandedKeys:p.expandedKeys,className:"p-panelmenu-root-submenu",submenuIcon:p.submenuIcon,ptm:D,cx:U})))))})):null,ie=u({ref:S,className:c.classNames(p.className,U("root")),id:p.id,style:p.style},j.getOtherProps(p),D("root"));return m.createElement("div",ie,ae)})));return U.displayName="PanelMenu",e.PanelMenu=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevrondown,primereact.icons.chevronright,primereact.utils,primereact.ripple);
|