primereact 10.9.1 → 10.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.cjs.js +2 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -1
- package/api/api.esm.js +2 -1
- package/api/api.esm.min.js +1 -1
- package/api/api.js +2 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +25 -4
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- package/autocomplete/autocomplete.esm.js +25 -4
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +25 -4
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.cjs.js +4 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.esm.js +4 -1
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +4 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +41 -21
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +16 -62
- package/calendar/calendar.esm.js +41 -21
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +41 -21
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -1
- package/carousel/carousel.min.js +1 -1
- package/chip/chip.cjs.js +11 -2
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +13 -2
- package/chip/chip.esm.js +11 -2
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +11 -2
- package/chip/chip.min.js +1 -1
- package/componentbase/componentbase.cjs.js +15 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +15 -6
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +15 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +4 -3
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +4 -3
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +4 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +0 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +0 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +0 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +167 -92
- package/core/core.min.js +10 -10
- package/datascroller/datascroller.cjs.js +2 -0
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +2 -0
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +2 -0
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +85 -58
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +85 -58
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +85 -58
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +7 -3
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +7 -3
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +8 -4
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +0 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +0 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +0 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +2 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +2 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +2 -2
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +0 -1
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +0 -1
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +0 -1
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +36 -30
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +5 -0
- package/dropdown/dropdown.esm.js +38 -32
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +36 -30
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +2 -1
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/fileupload/fileupload.esm.js +2 -1
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +2 -1
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +1 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +1 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +1 -1
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.d.ts +3 -2
- package/inputmask/inputmask.cjs.js +4 -2
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +4 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +4 -2
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +7 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +7 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +7 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputtext/inputtext.d.ts +1 -1
- package/inputtextarea/inputtextarea.cjs.js +1 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +1 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +1 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/megamenu/megamenu.cjs.js +5 -10
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +5 -10
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +5 -10
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +1 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +1 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +1 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +6 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +6 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +6 -1
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +2 -3
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +2 -3
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +2 -3
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +29 -29
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +30 -30
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +29 -29
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +24 -23
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +24 -23
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +24 -23
- package/orderlist/orderlist.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +3 -2
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +3 -2
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +3 -2
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +1 -1
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +1 -1
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +1 -1
- package/passthrough/tailwind/index.min.js +1 -1
- package/picklist/picklist.cjs.js +22 -8
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +22 -8
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +22 -8
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +684 -489
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +684 -489
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +684 -489
- package/primereact.all.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/sidebar/sidebar.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -1
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -1
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -1
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +0 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +0 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +0 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/stepper/stepper.d.ts +27 -13
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +1 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +1 -1
- package/tabview/tabview.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +0 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +0 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +0 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +2 -2
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +2 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +2 -2
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +7 -1
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +7 -1
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +7 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +40 -38
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +11 -1
- package/tree/tree.esm.js +41 -39
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +41 -39
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -13
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +6 -1
- package/treeselect/treeselect.esm.js +13 -14
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -13
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +264 -254
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +265 -255
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +265 -255
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +53 -8
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +53 -8
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +53 -8
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +3 -3
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +3 -3
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +3 -3
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +1001 -47
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUpdateEffect as i}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{TimesIcon as s}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as f,UniqueComponentId as b,DomHandler as v,IconUtils as m}from"primereact/utils";function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function C(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return S="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},S(e)}function x(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=x(e,"string");return"symbol"===S(t)?t:String(t)}function E(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return O(e)||N(e,t)||w(e,t)||I()}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return f("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return f("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return f("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:f(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return k(k({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:k(k({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,h){var S=o(),x=e.useContext(t),P=D.getProps(r,x),E=T(e.useState(P.id),2),O=E[0],N=E[1],I=T(e.useState(!0),2),j=I[0],k=I[1],_=T(e.useState(!1),2),R=_[0],L=_[1],U=T(e.useState([]),2),W=U[0],J=U[1],X=T(e.useState(P.activeIndex),2),V=X[0],K=X[1],H=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),z=e.useRef(null),F=e.useRef({}),G=P.onTabChange?P.activeIndex:V,Q=e.Children.count(P.children),Z={props:P,state:{id:O,isPrevButtonDisabled:j,isNextButtonDisabled:R,hiddenTabsState:W,activeIndex:V}},ee=D.setMetaData(B({},Z)),te=ee.ptm,ne=ee.ptmo,re=ee.cx,ae=ee.sx;a(D.css.styles,ee.isUnstyled,{name:"tabview"});var oe=function(e,t,n){var r={props:e.props,parent:Z,context:{index:n,count:Q,first:0===n,last:n===Q-1,active:n==V,disabled:ie(e,"disabled")}};return S(te("tab.".concat(t),{tab:r}),te("tabpanel.".concat(t),{tabpanel:r}),te("tabpanel.".concat(t),r),ne(ie(e,"pt"),t,r))},le=function(e){return e===G},ie=function(e,t){return A.getCProp(e,t)},ce=function(e){return e&&ie(e,"visible")&&d.isValidChild(e,"TabPanel")&&W.every((function(t){return t!==e.key}))},ue=function(e,t){e.preventDefault();var n,r=P.onBeforeTabClose,a=P.onTabClose,o=P.children[t].key;r&&!1===r({originalEvent:e,index:t})||(J([].concat(y(n=W)||g(n)||w(n)||C(),[o])),a&&a({originalEvent:e,index:t}))},se=function(e,t,n){pe(e,t,n)},pe=function(e,t,n){if(e&&e.preventDefault(),!ie(t,"disabled")){if(P.onBeforeTabChange&&!1===P.onBeforeTabChange({originalEvent:e,index:n}))return;P.onTabChange?P.onTabChange({originalEvent:e,index:n}):K(n)}Ee({index:n})},de=function(e,t,n){switch(e.code){case"ArrowLeft":be(e);break;case"ArrowRight":fe(e);break;case"Home":ve(e);break;case"End":me(e);break;case"PageDown":he(e);break;case"PageUp":ye(e);break;case"Enter":case"NumpadEnter":case"Space":ge(e,t,n)}},fe=function(e){var t=we(e.target.parentElement);t?Pe(t):ve(e),e.preventDefault()},be=function(e){var t=Ce(e.target.parentElement);t?Pe(t):me(e),e.preventDefault()},ve=function(e){var t=Se();Pe(t),e.preventDefault()},me=function(e){var t=xe();Pe(t),e.preventDefault()},he=function(t){Ee({index:e.Children.count(P.children)-1}),t.preventDefault()},ye=function(e){Ee({index:0}),e.preventDefault()},ge=function(e,t,n){pe(e,t,n),e.preventDefault()},we=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?we(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?Ce(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Se=function(){return we(Y.current.firstElementChild,!0)},xe=function(){return Ce(Y.current.lastElementChild,!0)},Pe=function(e){e&&(v.focus(e),Ee({element:e}))},Ee=function(e){var t=e.element||F.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Oe=function(){var e=M.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(M.current);k(0===t),L(parseInt(t)===n-r)},Ne=function(e){P.scrollable&&Oe(),e.preventDefault()},Ie=function(){return[q.current,z.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Te=function(){k(!0),L(!1),J([]),P.onTabChange?P.onTabChange({index:G}):K(P.activeIndex)};e.useEffect((function(){var e;e=F.current["tab_".concat(G)],$.current.style.width=v.getWidth(e)+"px",$.current.style.left=v.getOffset(e).left-v.getOffset(Y.current).left+"px",Oe()})),l((function(){O||N(b())})),i((function(){if(d.isNotEmpty(W)){var t=(n=W[W.length-1],(r=e.Children.map(P.children,(function(e,t){if(ce(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&n>t})));t&&se(null,t.tab,t.index)}var n,r}),[W]),i((function(){P.activeIndex!==V&&Ee({index:P.activeIndex})}),[P.activeIndex]),e.useImperativeHandle(h,(function(){return{props:P,reset:Te,getElement:function(){return H.current}}}));var je,ke,De,Ae,_e,Be,Re,Le,Ue,We=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ue(e,t)}},Je=function(t,r){var a=le(r),o=A.getCProps(t),l=o.headerStyle,i=o.headerClassName,c=o.style,u=o.className,f=o.disabled,b=o.leftIcon,v=o.rightIcon,h=o.header,y=o.headerTemplate,g=o.closable,w=o.closeIcon,C=O+"_header_"+r,x=O+r+"_content",E=f||!a?-1:0,N=b&&m.getJSXIcon(b,void 0,{props:P}),I=S({className:re("tab.headertitle")},oe(t,"headertitle",r)),T=e.createElement("span",I,h),j=v&&m.getJSXIcon(v,void 0,{props:P}),k=S({className:re("tab.closeIcon"),onClick:function(e){return ue(e,r)},onKeyDown:function(e){return We(e,r)},tabIndex:0,"aria-label":n("close")||"Close"},oe(t,"closeIcon",r)),D=g?m.getJSXIcon(w||e.createElement(s,k),B({},k),{props:P}):null,_=S({id:C,role:"tab",className:re("tab.headeraction"),tabIndex:E,"aria-controls":x,"aria-selected":a,"aria-disabled":f,onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)}},oe(t,"headeraction",r)),R=e.createElement("a",_,N,T,j,D,e.createElement(p,null));y&&(R=d.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)},leftIconElement:N,titleElement:T,rightIconElement:j,element:R,props:P,index:r,selected:a,ariaControls:x}));var L=S({ref:function(e){return F.current["tab_".concat(r)]=e},className:re("tab.header",{selected:a,disabled:f,headerClassName:i,_className:u}),style:ae("tab.header",{headerStyle:l,_style:c}),role:"presentation"},oe(t,"root",r),oe(t,"header",r));return e.createElement("li",L,R)},Xe=S({id:O,ref:H,style:P.style,className:f(P.className,re("root"))},D.getOtherProps(P),te("root")),Ve=S({className:re("navcontainer")},te("navcontainer")),Ke=(je=e.Children.map(P.children,(function(e,t){if(ce(e))return Je(e,t)})),ke=S({id:O+"_navcontent",ref:M,className:re("navcontent"),style:P.style,onScroll:Ne},te("navcontent")),De=S({ref:Y,className:re("nav"),role:"tablist"},te("nav")),Ae=S({ref:$,"aria-hidden":"true",role:"presentation",className:re("inkbar")},te("inkbar")),e.createElement("div",ke,e.createElement("ul",De,je,e.createElement("li",Ae)))),He=(_e=S({className:re("panelcontainer"),style:P.panelContainerStyle},te("panelcontainer")),Be=e.Children.map(P.children,(function(t,n){if(ce(t)&&(!P.renderActiveOnly||le(n))){var r=le(n),a=O+"_header_"+n,o=S({id:O+n+"_content",className:re("tab.content",{props:P,selected:r,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),style:ae("tab.content",{props:P,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),oe(t,"root",n),oe(t,"content",n));return e.createElement("div",o,P.renderActiveOnly?r&&ie(t,"children"):ie(t,"children"))}})),e.createElement("div",_e,Be)),Me=(Re=S({"aria-hidden":"true"},te("previcon")),Le=m.getJSXIcon(P.prevButton||e.createElement(c,Re),B({},Re),{props:P}),Ue=S({ref:q,type:"button",className:re("prevbutton"),"aria-label":n("previousPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft-t)<=0?0:n);var t,n}},te("prevbutton")),P.scrollable&&!j?e.createElement("button",Ue,Le,e.createElement(p,null)):null),Ye=function(){var t=S({"aria-hidden":"true"},te("nexticon")),r=m.getJSXIcon(P.nextButton||e.createElement(u,t),B({},t),{props:P}),a=S({ref:z,type:"button",className:re("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft+t)>=(r=M.current.scrollWidth-t)?r:n);var t,n,r}},te("nextbutton"));if(P.scrollable&&!R)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",Xe,e.createElement("div",Ve,Me,Ke,Ye),He)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUpdateEffect as i}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{TimesIcon as s}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as f,UniqueComponentId as b,DomHandler as v,IconUtils as m}from"primereact/utils";function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function C(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e){return S="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},S(e)}function x(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=x(e,"string");return"symbol"===S(t)?t:String(t)}function E(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return O(e)||N(e,t)||w(e,t)||I()}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return f("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return f("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return f("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:f(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return k(k({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:k(k({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,h){var S=o(),x=e.useContext(t),P=D.getProps(r,x),E=T(e.useState(P.id),2),O=E[0],N=E[1],I=T(e.useState(!0),2),j=I[0],k=I[1],_=T(e.useState(!1),2),R=_[0],L=_[1],U=T(e.useState([]),2),W=U[0],J=U[1],X=T(e.useState(P.activeIndex),2),V=X[0],K=X[1],H=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),z=e.useRef(null),F=e.useRef({}),G=P.onTabChange?P.activeIndex:V,Q=e.Children.count(P.children),Z={props:P,state:{id:O,isPrevButtonDisabled:j,isNextButtonDisabled:R,hiddenTabsState:W,activeIndex:V}},ee=D.setMetaData(B({},Z)),te=ee.ptm,ne=ee.ptmo,re=ee.cx,ae=ee.sx;a(D.css.styles,ee.isUnstyled,{name:"tabview"});var oe=function(e,t,n){var r={props:e.props,parent:Z,context:{index:n,count:Q,first:0===n,last:n===Q-1,active:n==V,disabled:ie(e,"disabled")}};return S(te("tab.".concat(t),{tab:r}),te("tabpanel.".concat(t),{tabpanel:r}),te("tabpanel.".concat(t),r),ne(ie(e,"pt"),t,r))},le=function(e){return e===G},ie=function(e,t){return A.getCProp(e,t)},ce=function(e){return e&&ie(e,"visible")&&d.isValidChild(e,"TabPanel")&&W.every((function(t){return t!==e.key}))},ue=function(e,t){e.preventDefault();var n,r=P.onBeforeTabClose,a=P.onTabClose,o=P.children[t].key;r&&!1===r({originalEvent:e,index:t})||(J([].concat(y(n=W)||g(n)||w(n)||C(),[o])),a&&a({originalEvent:e,index:t}))},se=function(e,t,n){pe(e,t,n)},pe=function(e,t,n){if(e&&e.preventDefault(),!ie(t,"disabled")){if(P.onBeforeTabChange&&!1===P.onBeforeTabChange({originalEvent:e,index:n}))return;P.onTabChange?P.onTabChange({originalEvent:e,index:n}):K(n)}Ee({index:n})},de=function(e,t,n){switch(e.code){case"ArrowLeft":be(e);break;case"ArrowRight":fe(e);break;case"Home":ve(e);break;case"End":me(e);break;case"PageDown":he(e);break;case"PageUp":ye(e);break;case"Enter":case"NumpadEnter":case"Space":ge(e,t,n)}},fe=function(e){var t=we(e.target.parentElement);t?Pe(t):ve(e),e.preventDefault()},be=function(e){var t=Ce(e.target.parentElement);t?Pe(t):me(e),e.preventDefault()},ve=function(e){var t=Se();Pe(t),e.preventDefault()},me=function(e){var t=xe();Pe(t),e.preventDefault()},he=function(t){Ee({index:e.Children.count(P.children)-1}),t.preventDefault()},ye=function(e){Ee({index:0}),e.preventDefault()},ge=function(e,t,n){pe(e,t,n),e.preventDefault()},we=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?we(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Ce=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?v.getAttribute(t,"data-p-disabled")||"inkbar"===v.getAttribute(t,"data-pc-section")?Ce(t):v.findSingle(t,'[data-pc-section="headeraction"]'):null},Se=function(){return we(Y.current.firstElementChild,!0)},xe=function(){return Ce(Y.current.lastElementChild,!0)},Pe=function(e){e&&(v.focus(e),Ee({element:e}))},Ee=function(e){var t=e.element||F.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Oe=function(){var e=M.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(M.current);k(0===t),L(parseInt(t)===n-r)},Ne=function(e){P.scrollable&&Oe(),e.preventDefault()},Ie=function(){return[q.current,z.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Te=function(){k(!0),L(!1),J([]),P.onTabChange?P.onTabChange({index:G}):K(P.activeIndex)};e.useEffect((function(){var e;e=F.current["tab_".concat(G)],$.current.style.width=v.getWidth(e)+"px",$.current.style.left=v.getOffset(e).left-v.getOffset(Y.current).left+"px",Oe()})),l((function(){O||N(b())})),i((function(){if(d.isNotEmpty(W)){var t=(n=W[W.length-1],(r=e.Children.map(P.children,(function(e,t){if(ce(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&n>t})));t&&se(null,t.tab,t.index)}var n,r}),[W]),i((function(){P.activeIndex!==V&&Ee({index:P.activeIndex})}),[P.activeIndex]),e.useImperativeHandle(h,(function(){return{props:P,reset:Te,getElement:function(){return H.current}}}));var je,ke,De,Ae,_e,Be,Re,Le,Ue,We=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ue(e,t)}},Je=function(t,r){var a=le(r),o=A.getCProps(t),l=o.headerStyle,i=o.headerClassName,c=o.style,u=o.className,f=o.disabled,b=o.leftIcon,v=o.rightIcon,h=o.header,y=o.headerTemplate,g=o.closable,w=o.closeIcon,C=O+"_header_"+r,x=O+r+"_content",E=f||!a?-1:0,N=b&&m.getJSXIcon(b,void 0,{props:P}),I=S({className:re("tab.headertitle")},oe(t,"headertitle",r)),T=e.createElement("span",I,h),j=v&&m.getJSXIcon(v,void 0,{props:P}),k=S({className:re("tab.closeIcon"),onClick:function(e){return ue(e,r)},onKeyDown:function(e){return We(e,r)},tabIndex:0,"aria-label":n("close")||"Close"},oe(t,"closeIcon",r)),D=g?m.getJSXIcon(w||e.createElement(s,k),B({},k),{props:P}):null,_=S({id:C,role:"tab",className:re("tab.headeraction"),tabIndex:E,"aria-controls":x,"aria-selected":a,"aria-disabled":f,onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)}},oe(t,"headeraction",r)),R=e.createElement("a",_,N,T,j,D,e.createElement(p,null));y&&(R=d.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return se(e,t,r)},onKeyDown:function(e){return de(e,t,r)},leftIconElement:N,titleElement:T,rightIconElement:j,element:R,props:P,index:r,selected:a,ariaControls:x}));var L=S({ref:function(e){return F.current["tab_".concat(r)]=e},className:re("tab.header",{selected:a,disabled:f,headerClassName:i,_className:u}),style:ae("tab.header",{headerStyle:l,_style:c}),role:"presentation"},oe(t,"root",r),oe(t,"header",r));return e.createElement("li",L,R)},Xe=S({id:O,ref:H,style:P.style,className:f(P.className,re("root"))},D.getOtherProps(P),te("root")),Ve=S({className:re("navcontainer")},te("navcontainer")),Ke=(je=e.Children.map(P.children,(function(e,t){if(ce(e))return Je(e,t)})),ke=S({id:O+"_navcontent",ref:M,className:re("navcontent"),style:P.style,onScroll:Ne},te("navcontent")),De=S({ref:Y,className:re("nav"),role:"tablist"},te("nav")),Ae=S({ref:$,"aria-hidden":"true",role:"presentation",className:re("inkbar")},te("inkbar")),e.createElement("div",ke,e.createElement("ul",De,je,e.createElement("li",Ae)))),He=(_e=S({className:re("panelcontainer"),style:P.panelContainerStyle},te("panelcontainer")),Be=e.Children.map(P.children,(function(t,n){if(ce(t)&&(!P.renderActiveOnly||le(n))){var r=le(n),a=O+"_header_"+n,o=S({id:O+n+"_content",className:re("tab.content",{props:P,selected:r,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),style:ae("tab.content",{props:P,getTabProp:ie,tab:t,isSelected:le,shouldUseTab:ce,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),oe(t,"root",n),oe(t,"content",n));return e.createElement("div",o,P.renderActiveOnly?r&&ie(t,"children"):ie(t,"children"))}})),e.createElement("div",_e,Be)),Me=(Re=S({"aria-hidden":"true"},te("previcon")),Le=m.getJSXIcon(P.prevButton||e.createElement(c,Re),B({},Re),{props:P}),Ue=S({ref:q,type:"button",className:re("prevbutton"),"aria-label":n("prevPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft-t)<=0?0:n);var t,n}},te("prevbutton")),P.scrollable&&!j?e.createElement("button",Ue,Le,e.createElement(p,null)):null),Ye=function(){var t=S({"aria-hidden":"true"},te("nexticon")),r=m.getJSXIcon(P.nextButton||e.createElement(u,t),B({},t),{props:P}),a=S({ref:z,type:"button",className:re("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(M.current)-Ie(),void(M.current.scrollLeft=(n=M.current.scrollLeft+t)>=(r=M.current.scrollWidth-t)?r:n);var t,n,r}},te("nextbutton"));if(P.scrollable&&!R)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",Xe,e.createElement("div",Ve,Me,Ke,Ye),He)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};
|
package/tabview/tabview.js
CHANGED
|
@@ -771,7 +771,7 @@ this.primereact.tabview = (function (exports, React, api, componentbase, hooks,
|
|
|
771
771
|
ref: prevBtnRef,
|
|
772
772
|
type: 'button',
|
|
773
773
|
className: cx('prevbutton'),
|
|
774
|
-
'aria-label': api.ariaLabel('
|
|
774
|
+
'aria-label': api.ariaLabel('prevPageLabel'),
|
|
775
775
|
onClick: function onClick(e) {
|
|
776
776
|
return navBackward();
|
|
777
777
|
}
|
package/tabview/tabview.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=u(t);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return C(e)||w(e,t)||v(e,t)||P()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return s.classNames("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return x(x({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:x(x({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=d.forwardRef((function(e,t){var u=a.useMergeProps(),p=d.useContext(n.PrimeReactContext),h=I.getProps(e,p),y=E(d.useState(h.id),2),g=y[0],O=y[1],C=E(d.useState(!0),2),w=C[0],P=C[1],S=E(d.useState(!1),2),x=S[0],D=S[1],T=E(d.useState([]),2),k=T[0],_=T[1],U=E(d.useState(h.activeIndex),2),A=U[0],H=U[1],R=d.useRef(null),B=d.useRef(null),L=d.useRef(null),W=d.useRef(null),J=d.useRef(null),M=d.useRef(null),V=d.useRef({}),X=h.onTabChange?h.activeIndex:A,K=d.Children.count(h.children),Y={props:h,state:{id:g,isPrevButtonDisabled:w,isNextButtonDisabled:x,hiddenTabsState:k,activeIndex:A}},q=I.setMetaData(N({},Y)),z=q.ptm,$=q.ptmo,F=q.cx,G=q.sx;r.useHandleStyle(I.css.styles,q.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:Y,context:{index:n,count:K,first:0===n,last:n===K-1,active:n==A,disabled:ee(e,"disabled")}};return u(z("tab.".concat(t),{tab:r}),z("tabpanel.".concat(t),{tabpanel:r}),z("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(f(n=k)||b(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":de(e);break;case"Enter":case"NumpadEnter":case"Space":pe(e,t,n)}},oe=function(e){var t=fe(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=be(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:d.Children.count(h.children)-1}),e.preventDefault()},de=function(e){ye({index:0}),e.preventDefault()},pe=function(e,t,n){ae(e,t,n),e.preventDefault()},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?fe(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?be(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},ve=function(){return fe(L.current.firstElementChild,!0)},me=function(){return be(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);P(0===t),D(parseInt(t)===n-r)},Oe=function(e){h.scrollable&&ge(),e.preventDefault()},Ce=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},we=function(){P(!0),D(!1),_([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};d.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||O(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=d.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),d.useImperativeHandle(t,(function(){return{props:h,reset:we,getElement:function(){return R.current}}}));var Pe,Ee,Se,xe,Ie,je,De,Ne,Te,ke=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ne(e,t)}},_e=function(e,t){var r=Z(t),a=j.getCProps(e),l=a.headerStyle,o=a.headerClassName,p=a.style,f=a.className,b=a.disabled,v=a.leftIcon,m=a.rightIcon,y=a.header,O=a.headerTemplate,C=a.closable,w=a.closeIcon,P=g+"_header_"+t,E=g+t+"_content",S=b||!r?-1:0,x=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),I=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=d.createElement("span",I,y),T=m&&s.IconUtils.getJSXIcon(m,void 0,{props:h}),k=u({className:F("tab.closeIcon"),onClick:function(e){return ne(e,t)},onKeyDown:function(e){return ke(e,t)},tabIndex:0,"aria-label":n.ariaLabel("close")||"Close"},Q(e,"closeIcon",t)),_=C?s.IconUtils.getJSXIcon(w||d.createElement(i.TimesIcon,k),N({},k),{props:h}):null,U=u({id:P,role:"tab",className:F("tab.headeraction"),tabIndex:S,"aria-controls":E,"aria-selected":r,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),A=d.createElement("a",U,x,D,T,_,d.createElement(c.Ripple,null));O&&(A=s.ObjectUtils.getJSXElement(O,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:x,titleElement:D,rightIconElement:T,element:A,props:h,index:t,selected:r,ariaControls:E}));var H=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:r,disabled:b,headerClassName:o,_className:f}),style:G("tab.header",{headerStyle:l,_style:p}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return d.createElement("li",H,A)},Ue=u({id:g,ref:R,style:h.style,className:s.classNames(h.className,F("root"))},I.getOtherProps(h),z("root")),Ae=u({className:F("navcontainer")},z("navcontainer")),He=(Pe=d.Children.map(h.children,(function(e,t){if(te(e))return _e(e,t)})),Ee=u({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:Oe},z("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},z("nav")),xe=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},z("inkbar")),d.createElement("div",Ee,d.createElement("ul",Se,Pe,d.createElement("li",xe)))),Re=(Ie=u({className:F("panelcontainer"),style:h.panelContainerStyle},z("panelcontainer")),je=d.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return d.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),d.createElement("div",Ie,je)),Be=(De=u({"aria-hidden":"true"},z("previcon")),Ne=s.IconUtils.getJSXIcon(h.prevButton||d.createElement(l.ChevronLeftIcon,De),N({},De),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},z("prevbutton")),h.scrollable&&!w?d.createElement("button",Te,Ne,d.createElement(c.Ripple,null)):null),Le=function(){var e=u({"aria-hidden":"true"},z("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||d.createElement(o.ChevronRightIcon,e),N({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},z("nextbutton"));if(h.scrollable&&!x)return d.createElement("button",r,t,d.createElement(c.Ripple,null))}();return d.createElement("div",Ue,d.createElement("div",Ae,Be,He,Le),Re)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=u(t);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return C(e)||w(e,t)||v(e,t)||P()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){return s.classNames("p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable})},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",closeIcon:"p-tabview-close",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},inlineStyles:{tab:{header:function(e){var t=e._style;return x(x({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:x(x({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=d.forwardRef((function(e,t){var u=a.useMergeProps(),p=d.useContext(n.PrimeReactContext),h=I.getProps(e,p),y=E(d.useState(h.id),2),g=y[0],O=y[1],C=E(d.useState(!0),2),w=C[0],P=C[1],S=E(d.useState(!1),2),x=S[0],D=S[1],T=E(d.useState([]),2),k=T[0],_=T[1],U=E(d.useState(h.activeIndex),2),A=U[0],H=U[1],R=d.useRef(null),B=d.useRef(null),L=d.useRef(null),W=d.useRef(null),J=d.useRef(null),M=d.useRef(null),V=d.useRef({}),X=h.onTabChange?h.activeIndex:A,K=d.Children.count(h.children),Y={props:h,state:{id:g,isPrevButtonDisabled:w,isNextButtonDisabled:x,hiddenTabsState:k,activeIndex:A}},q=I.setMetaData(N({},Y)),z=q.ptm,$=q.ptmo,F=q.cx,G=q.sx;r.useHandleStyle(I.css.styles,q.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:Y,context:{index:n,count:K,first:0===n,last:n===K-1,active:n==A,disabled:ee(e,"disabled")}};return u(z("tab.".concat(t),{tab:r}),z("tabpanel.".concat(t),{tabpanel:r}),z("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(_([].concat(f(n=k)||b(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":de(e);break;case"Enter":case"NumpadEnter":case"Space":pe(e,t,n)}},oe=function(e){var t=fe(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=be(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:d.Children.count(h.children)-1}),e.preventDefault()},de=function(e){ye({index:0}),e.preventDefault()},pe=function(e,t,n){ae(e,t,n),e.preventDefault()},fe=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?fe(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},be=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?s.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(t,"data-pc-section")?be(t):s.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},ve=function(){return fe(L.current.firstElementChild,!0)},me=function(){return be(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);P(0===t),D(parseInt(t)===n-r)},Oe=function(e){h.scrollable&&ge(),e.preventDefault()},Ce=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},we=function(){P(!0),D(!1),_([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};d.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||O(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=d.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),d.useImperativeHandle(t,(function(){return{props:h,reset:we,getElement:function(){return R.current}}}));var Pe,Ee,Se,xe,Ie,je,De,Ne,Te,ke=function(e,t){switch(e.preventDefault(),e.stopPropagation(),e.code){case"Space":case"NumpadEnter":case"Enter":ne(e,t)}},_e=function(e,t){var r=Z(t),a=j.getCProps(e),l=a.headerStyle,o=a.headerClassName,p=a.style,f=a.className,b=a.disabled,v=a.leftIcon,m=a.rightIcon,y=a.header,O=a.headerTemplate,C=a.closable,w=a.closeIcon,P=g+"_header_"+t,E=g+t+"_content",S=b||!r?-1:0,x=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),I=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=d.createElement("span",I,y),T=m&&s.IconUtils.getJSXIcon(m,void 0,{props:h}),k=u({className:F("tab.closeIcon"),onClick:function(e){return ne(e,t)},onKeyDown:function(e){return ke(e,t)},tabIndex:0,"aria-label":n.ariaLabel("close")||"Close"},Q(e,"closeIcon",t)),_=C?s.IconUtils.getJSXIcon(w||d.createElement(i.TimesIcon,k),N({},k),{props:h}):null,U=u({id:P,role:"tab",className:F("tab.headeraction"),tabIndex:S,"aria-controls":E,"aria-selected":r,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),A=d.createElement("a",U,x,D,T,_,d.createElement(c.Ripple,null));O&&(A=s.ObjectUtils.getJSXElement(O,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:x,titleElement:D,rightIconElement:T,element:A,props:h,index:t,selected:r,ariaControls:E}));var H=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:r,disabled:b,headerClassName:o,_className:f}),style:G("tab.header",{headerStyle:l,_style:p}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return d.createElement("li",H,A)},Ue=u({id:g,ref:R,style:h.style,className:s.classNames(h.className,F("root"))},I.getOtherProps(h),z("root")),Ae=u({className:F("navcontainer")},z("navcontainer")),He=(Pe=d.Children.map(h.children,(function(e,t){if(te(e))return _e(e,t)})),Ee=u({id:g+"_navcontent",ref:B,className:F("navcontent"),style:h.style,onScroll:Oe},z("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},z("nav")),xe=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},z("inkbar")),d.createElement("div",Ee,d.createElement("ul",Se,Pe,d.createElement("li",xe)))),Re=(Ie=u({className:F("panelcontainer"),style:h.panelContainerStyle},z("panelcontainer")),je=d.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return d.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),d.createElement("div",Ie,je)),Be=(De=u({"aria-hidden":"true"},z("previcon")),Ne=s.IconUtils.getJSXIcon(h.prevButton||d.createElement(l.ChevronLeftIcon,De),N({},De),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("prevPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},z("prevbutton")),h.scrollable&&!w?d.createElement("button",Te,Ne,d.createElement(c.Ripple,null)):null),Le=function(){var e=u({"aria-hidden":"true"},z("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||d.createElement(o.ChevronRightIcon,e),N({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Ce(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},z("nextbutton"));if(h.scrollable&&!x)return d.createElement("button",r,t,d.createElement(c.Ripple,null))}();return d.createElement("div",Ue,d.createElement("div",Ae,Be,He,Le),Re)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
|
|
@@ -398,7 +398,6 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
|
|
|
398
398
|
var submenu = createSubmenu(processedItem, index);
|
|
399
399
|
var actionProps = mergeProps({
|
|
400
400
|
href: url || '#',
|
|
401
|
-
'aria-hidden': true,
|
|
402
401
|
tabIndex: '-1',
|
|
403
402
|
onFocus: function onFocus(event) {
|
|
404
403
|
return event.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),a=require("primereact/portal"),u=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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=p(e),d=s(n);function f(){return f=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},f.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 v(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 y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],c=!0,l=!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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function I(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 I(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)?I(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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===d.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return u.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return u.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});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 D(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){g(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}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,a=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=u.DomHandler.getOffset(e),r=u.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(t.current),o=u.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+t.current.offsetHeight-u.DomHandler.getWindowScrollTop();t.current.style.top=a>r.height?r.height-a+"px":"0px",parseInt(n.left,10)+o+i>r.width-u.DomHandler.calculateScrollbarWidth()&&u.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?u.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return u.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:a("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"className"),d=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),w=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=u.classNames("p-menuitem-link"),U=u.classNames("p-menuitem-icon",d),C=r({className:u.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=u.IconUtils.getJSXIcon(d,D({},C),{props:e.menuProps}),_=r({className:a("label")},p(n,"label")),A=i.label&&m.createElement("span",_,i.label),L=r({className:a("submenuIcon")},p(n,"submenuIcon")),R=M&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,L),D({},L),{props:e.menuProps}),q=j(n,t),B=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:a("action"),target:k},p(n,"action")),W=m.createElement("a",B,T,A,R,m.createElement(l.Ripple,null));i.template&&(W=u.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:N,disabled:H}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:a("content")},p(n,"content")),F=r({key:w,id:w,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:a("menuitem",{itemClassName:s,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",F,m.createElement("div",Z,W),q)},P=e.model?e.model.map((function(e,n){return!1===e.visible?null:v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:a(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));function P(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?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],_=k(m.useState(!1),2),A=_[0],L=_[1],R=k(m.useState([]),2),q=R[0],B=R[1],W=k(m.useState([]),2),Z=W[0],F=W[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=N(N({props:p},p.__parentMetadata),{},{state:{id:v,visible:h,attributeSelector:Y}}),Q=j.setMetaData(G),ee=Q.ptm,ne=Q.cx,te=Q.sx;t.useHandleStyle(j.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ae=m.useRef(null),ue=m.useRef(null),ce=m.useRef(null),le=m.useRef(null),se=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=k(i.useEventListener({type:"click",listener:function(e){var n=re.current&&!re.current.contains(e.target),t=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));n&&t&&xe(e,!p.popup)}}),2),me=pe[0],de=pe[1],fe=k(i.useResizeListener({listener:function(){!se&&xe(event,!0)}}),2),be=fe[0],ve=fe[1],ye=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ge=function(e){p.popup&&(h?xe(e):he(e))},he=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ae.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},xe=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=_e();E([]),T({index:-1,level:0,parentKey:""}),n&&u.DomHandler.focus(ae.current||oe.current||t),L(!1)},Ie=function(e){P(!0),T(-1!==C.index?C:{index:$e(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ce.current="",L(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":Ne(e);break;case"Home":He(e);break;case"End":Me(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Ke(e);break;case"Escape":p.popup&&u.DomHandler.focus(oe.current),Ce(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&u.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},ke=function(e){var n=e.processedItem,t=e.isFocus;if(!u.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,c=u.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:a}),E(l),c&&L(!0),t&&u.DomHandler.focus(_e())}},je=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=qe(t),i=u.ObjectUtils.isEmpty(t.parent),o=Fe(t),a=_e();if(o){var c=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:s,parentKey:m}),r||L(!i),setTimeout((function(){u.DomHandler.focus(a),r&&L(!0)}),0)}else if(r)u.DomHandler.focus(a),ke(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;xe(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},Se=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():A&&!p.popup&&ke(e)},De=function(e){var n=-1!==C.index?Je(C.index):$e();en(n),e.preventDefault()},we=function(e){if(e.altKey){if(p.popup&&u.DomHandler.focus(oe.current),-1!==C.index){var n=Z[C.index];!qe(n)&&ke({originalEvent:e,processedItem:n})}p.popup&&xe(e,!0),e.preventDefault()}else{var t=-1!==C.index?Xe(C.index):Ge();en(t),e.preventDefault()}},Pe=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));u.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ce.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Ne=function(e){var n=Z[C.index];qe(n)&&(ke({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ce.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},He=function(e){en(ze()),e.preventDefault()},Me=function(e){en(Ve()),e.preventDefault()},Ke=function(e){if(-1!==C.index){var n=u.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(M),'"]')),t=n&&u.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&u.DomHandler.focus(oe.current),t?t.click():n&&n.click()}e.preventDefault()},Ue=function(e){Ke(e)},Ce=function(e){xe(e,!0),!p.popup&&T(N(N({},C),{},{index:$e()})),e.preventDefault()},Te=function(e){if(-1!==C.index){var n=Z[C.index];!qe(n)&&ke({originalEvent:e,processedItem:n})}xe(e)},_e=function(){return ie.current.getElement()||null},Ae=function(e,n){return e?u.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},qe=function(e){return e&&u.ObjectUtils.isNotEmpty(e.items)},Be=function(e){return We(e)&&Re(e).toLocaleLowerCase().startsWith(ce.current.toLocaleLowerCase())},We=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Ze=function(e){return We(e)&&Fe(e)},Fe=function(e){return O.some((function(n){return n.key===e.key}))},ze=function(){return Z.findIndex((function(e){return We(e)}))},Ve=function(){return u.ObjectUtils.findLastIndex(Z,(function(e){return We(e)}))},Je=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return We(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?u.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return We(e)})):-1;return n>-1?n:e},Ye=function(){return Z.findIndex((function(e){return Ze(e)}))},$e=function(){var e=Ye();return e<0?ze():e},Ge=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){ce.current=(ce.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return Be(e)})))?Z.slice(0,C.index).findIndex((function(e){return Be(e)})):n+C.index:Z.findIndex((function(e){return Be(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=$e()),-1!==n&&en(n),le.current&&clearTimeout(le),le.current=setTimeout((function(){ce.current="",le.current=null}),500),t},en=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=u.DomHandler.findSingle(_e(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=m.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=tn(e.items,n+1,u,a),i.push(u)})),i}),[]),rn=function(){if(!ue.current){ue.current=u.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},on=function(){ue.current=u.DomHandler.removeInlineStyle(ue.current)},an=function(){var e;p.autoZIndex&&u.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),u.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=u.DomHandler.getOuterWidth(oe.current)>u.DomHandler.getOuterWidth(re.current),u.DomHandler.alignOverlay(re.current,oe.current,p.appendTo,e),u.DomHandler.focus(ie.current.getElement()),nn(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rn())},un=function(){me(),be()},cn=function(){oe.current=null,de(),ve()},ln=function(){u.ZIndexUtils.clear(re.current),on()};i.useMountEffect((function(){var e=u.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=tn(p.model||[]);B(e)}),[p.model,tn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(u.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(u.ObjectUtils.isNotEmpty(O)?(me(),be()):(de(),ve()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Je(C.index):$e();en(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rn()),function(){on()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){u.ZIndexUtils.clear(re.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ge,show:he,hide:xe,getElement:function(){return re.current}}}));var sn,pn,mn=(sn=l({ref:re,id:p.id,className:u.classNames(p.className,ne("root")),style:p.style,onClick:ye},j.getOtherProps(p),ee("root")),pn=l({classNames:ne("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:an,onEntered:un,onExit:cn,onExited:ln},ee("transition")),m.createElement(r.CSSTransition,f({nodeRef:re},pn),m.createElement("div",sn,m.createElement(w,{id:v+"_list",ref:ie,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:je,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:xe,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:ne,sx:te}))));return p.popup?m.createElement(a.Portal,{element:mn,appendTo:p.appendTo}):mn})));H.displayName="TieredMenu",exports.TieredMenu=H;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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=p(e),d=s(n);function f(){return f=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},f.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 v(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 y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!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)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function I(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 I(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)?I(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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===d.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return a.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});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 D(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){g(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}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return a.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"className"),d=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),w=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=a.classNames("p-menuitem-link"),U=a.classNames("p-menuitem-icon",d),C=r({className:a.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=a.IconUtils.getJSXIcon(d,D({},C),{props:e.menuProps}),_=r({className:u("label")},p(n,"label")),A=i.label&&m.createElement("span",_,i.label),L=r({className:u("submenuIcon")},p(n,"submenuIcon")),R=M&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,L),D({},L),{props:e.menuProps}),q=j(n,t),B=r({href:S||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:k},p(n,"action")),W=m.createElement("a",B,T,A,R,m.createElement(l.Ripple,null));i.template&&(W=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:N,disabled:H}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:w,id:w,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:u("menuitem",{itemClassName:s,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",F,m.createElement("div",Z,W),q)},P=e.model?e.model.map((function(e,n){return!1===e.visible?null:v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));function P(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?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],_=k(m.useState(!1),2),A=_[0],L=_[1],R=k(m.useState([]),2),q=R[0],B=R[1],W=k(m.useState([]),2),Z=W[0],F=W[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=N(N({props:p},p.__parentMetadata),{},{state:{id:v,visible:h,attributeSelector:Y}}),Q=j.setMetaData(G),ee=Q.ptm,ne=Q.cx,te=Q.sx;t.useHandleStyle(j.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=m.useRef(null),le=m.useRef(null),se=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=k(i.useEventListener({type:"click",listener:function(e){var n=re.current&&!re.current.contains(e.target),t=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));n&&t&&xe(e,!p.popup)}}),2),me=pe[0],de=pe[1],fe=k(i.useResizeListener({listener:function(){!se&&xe(event,!0)}}),2),be=fe[0],ve=fe[1],ye=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ge=function(e){p.popup&&(h?xe(e):he(e))},he=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ue.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},xe=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=_e();E([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(ue.current||oe.current||t),L(!1)},Ie=function(e){P(!0),T(-1!==C.index?C:{index:$e(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ce.current="",L(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":Ne(e);break;case"Home":He(e);break;case"End":Me(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Ke(e);break;case"Escape":p.popup&&a.DomHandler.focus(oe.current),Ce(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},ke=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),c&&L(!0),t&&a.DomHandler.focus(_e())}},je=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=qe(t),i=a.ObjectUtils.isEmpty(t.parent),o=Fe(t),u=_e();if(o){var c=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:s,parentKey:m}),r||L(!i),setTimeout((function(){a.DomHandler.focus(u),r&&L(!0)}),0)}else if(r)a.DomHandler.focus(u),ke(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;xe(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},Se=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():A&&!p.popup&&ke(e)},De=function(e){var n=-1!==C.index?Je(C.index):$e();en(n),e.preventDefault()},we=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(oe.current),-1!==C.index){var n=Z[C.index];!qe(n)&&ke({originalEvent:e,processedItem:n})}p.popup&&xe(e,!0),e.preventDefault()}else{var t=-1!==C.index?Xe(C.index):Ge();en(t),e.preventDefault()}},Pe=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ce.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Ne=function(e){var n=Z[C.index];qe(n)&&(ke({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ce.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},He=function(e){en(ze()),e.preventDefault()},Me=function(e){en(Ve()),e.preventDefault()},Ke=function(e){if(-1!==C.index){var n=a.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(M),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&a.DomHandler.focus(oe.current),t?t.click():n&&n.click()}e.preventDefault()},Ue=function(e){Ke(e)},Ce=function(e){xe(e,!0),!p.popup&&T(N(N({},C),{},{index:$e()})),e.preventDefault()},Te=function(e){if(-1!==C.index){var n=Z[C.index];!qe(n)&&ke({originalEvent:e,processedItem:n})}xe(e)},_e=function(){return ie.current.getElement()||null},Ae=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},qe=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},Be=function(e){return We(e)&&Re(e).toLocaleLowerCase().startsWith(ce.current.toLocaleLowerCase())},We=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Ze=function(e){return We(e)&&Fe(e)},Fe=function(e){return O.some((function(n){return n.key===e.key}))},ze=function(){return Z.findIndex((function(e){return We(e)}))},Ve=function(){return a.ObjectUtils.findLastIndex(Z,(function(e){return We(e)}))},Je=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return We(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?a.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return We(e)})):-1;return n>-1?n:e},Ye=function(){return Z.findIndex((function(e){return Ze(e)}))},$e=function(){var e=Ye();return e<0?ze():e},Ge=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){ce.current=(ce.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return Be(e)})))?Z.slice(0,C.index).findIndex((function(e){return Be(e)})):n+C.index:Z.findIndex((function(e){return Be(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=$e()),-1!==n&&en(n),le.current&&clearTimeout(le),le.current=setTimeout((function(){ce.current="",le.current=null}),500),t},en=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=a.DomHandler.findSingle(_e(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=m.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=tn(e.items,n+1,a,u),i.push(a)})),i}),[]),rn=function(){if(!ae.current){ae.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ae.current.innerHTML=n}},on=function(){ae.current=a.DomHandler.removeInlineStyle(ae.current)},un=function(){var e;p.autoZIndex&&a.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=a.DomHandler.getOuterWidth(oe.current)>a.DomHandler.getOuterWidth(re.current),a.DomHandler.alignOverlay(re.current,oe.current,p.appendTo,e),a.DomHandler.focus(ie.current.getElement()),nn(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rn())},an=function(){me(),be()},cn=function(){oe.current=null,de(),ve()},ln=function(){a.ZIndexUtils.clear(re.current),on()};i.useMountEffect((function(){var e=a.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=tn(p.model||[]);B(e)}),[p.model,tn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(me(),be()):(de(),ve()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Je(C.index):$e();en(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rn()),function(){on()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(re.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ge,show:he,hide:xe,getElement:function(){return re.current}}}));var sn,pn,mn=(sn=l({ref:re,id:p.id,className:a.classNames(p.className,ne("root")),style:p.style,onClick:ye},j.getOtherProps(p),ee("root")),pn=l({classNames:ne("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:un,onEntered:an,onExit:cn,onExited:ln},ee("transition")),m.createElement(r.CSSTransition,f({nodeRef:re},pn),m.createElement("div",sn,m.createElement(w,{id:v+"_list",ref:ie,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:je,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:xe,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:ne,sx:te}))));return p.popup?m.createElement(u.Portal,{element:mn,appendTo:p.appendTo}):mn})));H.displayName="TieredMenu",exports.TieredMenu=H;
|
|
@@ -371,7 +371,6 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
|
|
|
371
371
|
var submenu = createSubmenu(processedItem, index);
|
|
372
372
|
var actionProps = mergeProps({
|
|
373
373
|
href: url || '#',
|
|
374
|
-
'aria-hidden': true,
|
|
375
374
|
tabIndex: '-1',
|
|
376
375
|
onFocus: function onFocus(event) {
|
|
377
376
|
return event.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=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},k.apply(this,arguments)}function O(e){return O="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},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!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)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(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 M(e,n){if(e){if("string"==typeof e)return K(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)?K(e,n):void 0}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||M(e,n)||D()}var C=r.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});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 L(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){P(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}var _=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(_,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),M=h(t),D=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),_=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),H=g.getJSXIcon(l,L({},_),{props:n.menuProps}),R=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",R,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,H,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:M,disabled:D}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":D,"aria-expanded":T?M:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":M,"data-p-disabled":D,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:M,focused:K,disabled:D}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},M=n.model?n.model.map((function(e,n){return!1===e.visible?null:d(e,"separator")?N(n):K(e,n)})):null,D=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(D,{subProps:n}),style:l(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(D,{hostName:n.hostName}));return e.createElement("ul",T,M)})));function H(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}_.displayName="TieredMenuSub";var B=e.memo(e.forwardRef((function(r,g){var I=u(),E=e.useContext(t),O=C.getProps(r,E),w=T(e.useState(O.id),2),S=w[0],P=w[1],N=T(e.useState(!O.popup),2),j=N[0],K=N[1],M=T(e.useState([]),2),D=M[0],A=M[1],L=T(e.useState(!1),2),H=L[0],B=L[1],W=T(e.useState(null),2),F=W[0],Z=W[1],V=T(e.useState({index:-1,level:0,parentKey:""}),2),z=V[0],U=V[1],J=T(e.useState(!1),2),X=J[0],Y=J[1],$=T(e.useState([]),2),q=$[0],G=$[1],Q=T(e.useState([]),2),ee=Q[0],ne=Q[1],te=T(e.useState(!1),2),re=te[0],ie=te[1],oe=T(e.useState(null),2),ue=oe[0],ae=oe[1],ce=R(R({props:O},O.__parentMetadata),{},{state:{id:S,visible:j,attributeSelector:ue}}),le=C.setMetaData(ce),se=le.ptm,pe=le.cx,me=le.sx;i(C.css.styles,le.isUnstyled,{name:"tieredmenu"});var fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=e.useRef(null),he=e.useRef(null),xe=c("screen and (max-width: ".concat(O.breakpoint,")"),!!O.breakpoint),Ie=T(l({type:"click",listener:function(e){var n=fe.current&&!fe.current.contains(e.target),t=!O.popup||!(be.current&&(be.current===e.target||be.current.contains(e.target)));n&&t&&Ke(e,!O.popup)}}),2),Ee=Ie[0],ke=Ie[1],Oe=T(s({listener:function(){!xe&&Ke(event,!0)}}),2),we=Oe[0],Se=Oe[1],Pe=function(e){O.popup&&f.emit("overlay-click",{originalEvent:e,target:be.current})},Ne=function(e){O.popup&&(j?Ke(e):je(e))},je=function(e){O.popup&&(be.current=e.currentTarget,K(!0),O.onShow&&O.onShow(e),ve.current=e.relatedTarget||null),U({index:cn(),level:0,parentKey:""})},Ke=function(e,n){O.popup&&(K(!1),O.onHide&&O.onHide(e));var t=Je();A([]),U({index:-1,level:0,parentKey:""}),n&&v.focus(ve.current||be.current||t),Y(!1)},Me=function(e){B(!0),U(-1!==z.index?z:{index:cn(),level:0,parentKey:""}),O.onFocus&&O.onFocus(e)},De=function(e){B(!1),U({index:-1,level:0,parentKey:""}),ge.current="",Y(!1),O.onBlur&&O.onBlur(e)},Te=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_e(e);break;case"ArrowUp":He(e);break;case"ArrowLeft":Re(e);break;case"ArrowRight":Be(e);break;case"Home":We(e);break;case"End":Fe(e);break;case"Space":Ve(e);break;case"Enter":case"NumpadEnter":Ze(e);break;case"Escape":O.popup&&v.focus(be.current),ze(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&sn(e.key)}},Ce=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),U({index:r,level:o,parentKey:u}),A(c),a&&Y(!0),t&&v.focus(Je())}},Ae=function(e){var n=e.originalEvent,t=e.processedItem;if(!Ye(t)&&!O.isMobileMode){var r=qe(t),i=y.isEmpty(t.parent),o=nn(t),u=Je();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;A(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),U({index:a,level:l,parentKey:s}),r||Y(!i),setTimeout((function(){v.focus(u),r&&Y(!0)}),0)}else if(r)v.focus(u),Ce(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ke(n,!0),U({index:m,parentKey:p?p.parentKey:""})}}},Le=function(e){var n=e.originalEvent;Ye(e.processedItem)||O.isMobileMode?n.preventDefault():X&&!O.popup&&Ce(e)},_e=function(e){var n=-1!==z.index?on(z.index):cn();pn(n),e.preventDefault()},He=function(e){if(e.altKey){if(O.popup&&v.focus(be.current),-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}O.popup&&Ke(e,!0),e.preventDefault()}else{var t=-1!==z.index?un(z.index):ln();pn(t),e.preventDefault()}},Re=function(e){var n=ee[z.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(U({index:-1,parentKey:t?t.parentKey:""}),ge.current="",setTimeout((function(){return ie(!0)}),0)),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),e.preventDefault()},Be=function(e){var n=ee[z.index];qe(n)&&(Ce({originalEvent:e,processedItem:n}),U({index:-1,parentKey:n.key}),ge.current="",setTimeout((function(){return ie(!0)}),0)),e.preventDefault()},We=function(e){pn(tn()),e.preventDefault()},Fe=function(e){pn(rn()),e.preventDefault()},Ze=function(e){if(-1!==z.index){var n=v.findSingle(Je(),'li[id="'.concat("".concat(F),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');O.popup&&v.focus(be.current),t?t.click():n&&n.click()}e.preventDefault()},Ve=function(e){Ze(e)},ze=function(e){Ke(e,!0),!O.popup&&U(R(R({},z),{},{index:cn()})),e.preventDefault()},Ue=function(e){if(-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}Ke(e)},Je=function(){return de.current.getElement()||null},Xe=function(e,n){return e?y.getItemValue(e[n]):void 0},Ye=function(e){return Xe(e,"disabled")},$e=function(e){return e?Xe(e.item,"label"):void 0},qe=function(e){return e&&y.isNotEmpty(e.items)},Ge=function(e){return Qe(e)&&$e(e).toLocaleLowerCase().startsWith(ge.current.toLocaleLowerCase())},Qe=function(e){return!!e&&!Ye(e.item)&&!Xe(e.item,"separator")},en=function(e){return Qe(e)&&nn(e)},nn=function(e){return D.some((function(n){return n.key===e.key}))},tn=function(){return ee.findIndex((function(e){return Qe(e)}))},rn=function(){return y.findLastIndex(ee,(function(e){return Qe(e)}))},on=function(e){var n=e<ee.length-1?ee.slice(e+1).findIndex((function(e){return Qe(e)})):-1;return n>-1?n+e+1:e},un=function(e){var n=e>0?y.findLastIndex(ee.slice(0,e),(function(e){return Qe(e)})):-1;return n>-1?n:e},an=function(){return ee.findIndex((function(e){return en(e)}))},cn=function(){var e=an();return e<0?tn():e},ln=function(){var e=an();return e<0?rn():e},sn=function(e){ge.current=(ge.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==z.index?-1===(n=ee.slice(z.index).findIndex((function(e){return Ge(e)})))?ee.slice(0,z.index).findIndex((function(e){return Ge(e)})):n+z.index:ee.findIndex((function(e){return Ge(e)})))&&(t=!0),-1===n&&-1===z.index&&(n=cn()),-1!==n&&pn(n),he.current&&clearTimeout(he),he.current=setTimeout((function(){ge.current="",he.current=null}),500),t},pn=function(e){z.index!==e&&(U(R(R({},z),{},{index:e})),mn())},mn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):F,t=v.findSingle(Je(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},fn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=fn(e.items,n+1,a,u),i.push(a)})),i}),[]),dn=function(){if(!ye.current){ye.current=v.createInlineStyle(E&&E.nonce||n.nonce,E&&E.styleContainer);var e="".concat(ue),t="\n@media screen and (max-width: ".concat(O.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(O.scrollHeight,";\n overflow: ").concat(O.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(O.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ye.current.innerHTML=t}},bn=function(){ye.current=v.removeInlineStyle(ye.current)},vn=function(){var e;O.autoZIndex&&x.set("menu",fe.current,E&&E.autoZIndex||n.autoZIndex,O.baseZIndex||E&&E.zIndex.menu||n.zIndex.menu),v.addStyles(fe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(be.current)>v.getOuterWidth(fe.current),v.alignOverlay(fe.current,be.current,O.appendTo,e),v.focus(de.current.getElement()),mn(),ue&&O.breakpoint&&(fe.current.setAttribute(ue,""),dn())},yn=function(){Ee(),we()},gn=function(){be.current=null,ke(),Se()},hn=function(){x.clear(fe.current),bn()};p((function(){var e=h();!S&&P(e),O.breakpoint&&!ue&&ae(e)})),e.useEffect((function(){var e=fn(O.model||[]);G(e)}),[O.model,fn]),a((function(){var e=D.find((function(e){return e.key===z.parentKey}));ne(e?e.items:q)}),[D,z,q]),a((function(){var e=-1!==z.index?"".concat(S).concat(y.isNotEmpty(z.parentKey)?"_"+z.parentKey:"","_").concat(z.index):null;Z(e)}),[z]),a((function(){O.popup||(y.isNotEmpty(D)?(Ee(),we()):(ke(),Se()))}),[D]),a((function(){if(re){var e=-1!==z.index?on(z.index):cn();pn(e),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),ie(!1)}}),[re]),a((function(){return ue&&fe.current&&(fe.current.setAttribute(ue,""),dn()),function(){bn()}}),[ue,O.breakpoint]),m((function(){x.clear(fe.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:Ne,show:je,hide:Ke,getElement:function(){return fe.current}}}));var xn,In,En=(xn=I({ref:fe,id:O.id,className:b(O.className,pe("root")),style:O.style,onClick:Pe},C.getOtherProps(O),se("root")),In=I({classNames:pe("transition"),in:j,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:vn,onEntered:yn,onExit:gn,onExited:hn},se("transition")),e.createElement(o,k({nodeRef:fe},In),e.createElement("div",xn,e.createElement(_,{id:S+"_list",ref:de,hostName:"TieredMenu",menuProps:O,tabIndex:0,model:q,ariaLabel:O.ariaLabel,ariaLabelledBy:O.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:H?F:void 0,menuId:S,level:0,focusedItemId:F,activeItemPath:D,onFocus:Me,onBlur:De,onKeyDown:Te,onItemClick:Ae,onItemMouseEnter:Le,root:!0,popup:O.popup,onHide:Ke,isMobileMode:xe,submenuIcon:O.submenuIcon,ptm:se,cx:pe,sx:me}))));return O.popup?e.createElement(d,{element:En,appendTo:O.appendTo}):En})));B.displayName="TieredMenu";export{B as TieredMenu};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=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},k.apply(this,arguments)}function O(e){return O="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},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!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)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(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 M(e,n){if(e){if("string"==typeof e)return K(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)?K(e,n):void 0}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||M(e,n)||D()}var C=r.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});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 L(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){P(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}var _=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(_,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),M=h(t),D=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),_=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),H=g.getJSXIcon(l,L({},_),{props:n.menuProps}),R=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",R,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,H,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:M,disabled:D}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":D,"aria-expanded":T?M:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":M,"data-p-disabled":D,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:M,focused:K,disabled:D}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},M=n.model?n.model.map((function(e,n){return!1===e.visible?null:d(e,"separator")?N(n):K(e,n)})):null,D=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(D,{subProps:n}),style:l(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(D,{hostName:n.hostName}));return e.createElement("ul",T,M)})));function H(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 R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}_.displayName="TieredMenuSub";var B=e.memo(e.forwardRef((function(r,g){var I=u(),E=e.useContext(t),O=C.getProps(r,E),w=T(e.useState(O.id),2),S=w[0],P=w[1],N=T(e.useState(!O.popup),2),j=N[0],K=N[1],M=T(e.useState([]),2),D=M[0],A=M[1],L=T(e.useState(!1),2),H=L[0],B=L[1],W=T(e.useState(null),2),F=W[0],Z=W[1],V=T(e.useState({index:-1,level:0,parentKey:""}),2),z=V[0],U=V[1],J=T(e.useState(!1),2),X=J[0],Y=J[1],$=T(e.useState([]),2),q=$[0],G=$[1],Q=T(e.useState([]),2),ee=Q[0],ne=Q[1],te=T(e.useState(!1),2),re=te[0],ie=te[1],oe=T(e.useState(null),2),ue=oe[0],ae=oe[1],ce=R(R({props:O},O.__parentMetadata),{},{state:{id:S,visible:j,attributeSelector:ue}}),le=C.setMetaData(ce),se=le.ptm,pe=le.cx,me=le.sx;i(C.css.styles,le.isUnstyled,{name:"tieredmenu"});var fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=e.useRef(null),he=e.useRef(null),xe=c("screen and (max-width: ".concat(O.breakpoint,")"),!!O.breakpoint),Ie=T(l({type:"click",listener:function(e){var n=fe.current&&!fe.current.contains(e.target),t=!O.popup||!(be.current&&(be.current===e.target||be.current.contains(e.target)));n&&t&&Ke(e,!O.popup)}}),2),Ee=Ie[0],ke=Ie[1],Oe=T(s({listener:function(){!xe&&Ke(event,!0)}}),2),we=Oe[0],Se=Oe[1],Pe=function(e){O.popup&&f.emit("overlay-click",{originalEvent:e,target:be.current})},Ne=function(e){O.popup&&(j?Ke(e):je(e))},je=function(e){O.popup&&(be.current=e.currentTarget,K(!0),O.onShow&&O.onShow(e),ve.current=e.relatedTarget||null),U({index:cn(),level:0,parentKey:""})},Ke=function(e,n){O.popup&&(K(!1),O.onHide&&O.onHide(e));var t=Je();A([]),U({index:-1,level:0,parentKey:""}),n&&v.focus(ve.current||be.current||t),Y(!1)},Me=function(e){B(!0),U(-1!==z.index?z:{index:cn(),level:0,parentKey:""}),O.onFocus&&O.onFocus(e)},De=function(e){B(!1),U({index:-1,level:0,parentKey:""}),ge.current="",Y(!1),O.onBlur&&O.onBlur(e)},Te=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_e(e);break;case"ArrowUp":He(e);break;case"ArrowLeft":Re(e);break;case"ArrowRight":Be(e);break;case"Home":We(e);break;case"End":Fe(e);break;case"Space":Ve(e);break;case"Enter":case"NumpadEnter":Ze(e);break;case"Escape":O.popup&&v.focus(be.current),ze(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&sn(e.key)}},Ce=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),U({index:r,level:o,parentKey:u}),A(c),a&&Y(!0),t&&v.focus(Je())}},Ae=function(e){var n=e.originalEvent,t=e.processedItem;if(!Ye(t)&&!O.isMobileMode){var r=qe(t),i=y.isEmpty(t.parent),o=nn(t),u=Je();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;A(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),U({index:a,level:l,parentKey:s}),r||Y(!i),setTimeout((function(){v.focus(u),r&&Y(!0)}),0)}else if(r)v.focus(u),Ce(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ke(n,!0),U({index:m,parentKey:p?p.parentKey:""})}}},Le=function(e){var n=e.originalEvent;Ye(e.processedItem)||O.isMobileMode?n.preventDefault():X&&!O.popup&&Ce(e)},_e=function(e){var n=-1!==z.index?on(z.index):cn();pn(n),e.preventDefault()},He=function(e){if(e.altKey){if(O.popup&&v.focus(be.current),-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}O.popup&&Ke(e,!0),e.preventDefault()}else{var t=-1!==z.index?un(z.index):ln();pn(t),e.preventDefault()}},Re=function(e){var n=ee[z.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(U({index:-1,parentKey:t?t.parentKey:""}),ge.current="",setTimeout((function(){return ie(!0)}),0)),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),e.preventDefault()},Be=function(e){var n=ee[z.index];qe(n)&&(Ce({originalEvent:e,processedItem:n}),U({index:-1,parentKey:n.key}),ge.current="",setTimeout((function(){return ie(!0)}),0)),e.preventDefault()},We=function(e){pn(tn()),e.preventDefault()},Fe=function(e){pn(rn()),e.preventDefault()},Ze=function(e){if(-1!==z.index){var n=v.findSingle(Je(),'li[id="'.concat("".concat(F),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');O.popup&&v.focus(be.current),t?t.click():n&&n.click()}e.preventDefault()},Ve=function(e){Ze(e)},ze=function(e){Ke(e,!0),!O.popup&&U(R(R({},z),{},{index:cn()})),e.preventDefault()},Ue=function(e){if(-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}Ke(e)},Je=function(){return de.current.getElement()||null},Xe=function(e,n){return e?y.getItemValue(e[n]):void 0},Ye=function(e){return Xe(e,"disabled")},$e=function(e){return e?Xe(e.item,"label"):void 0},qe=function(e){return e&&y.isNotEmpty(e.items)},Ge=function(e){return Qe(e)&&$e(e).toLocaleLowerCase().startsWith(ge.current.toLocaleLowerCase())},Qe=function(e){return!!e&&!Ye(e.item)&&!Xe(e.item,"separator")},en=function(e){return Qe(e)&&nn(e)},nn=function(e){return D.some((function(n){return n.key===e.key}))},tn=function(){return ee.findIndex((function(e){return Qe(e)}))},rn=function(){return y.findLastIndex(ee,(function(e){return Qe(e)}))},on=function(e){var n=e<ee.length-1?ee.slice(e+1).findIndex((function(e){return Qe(e)})):-1;return n>-1?n+e+1:e},un=function(e){var n=e>0?y.findLastIndex(ee.slice(0,e),(function(e){return Qe(e)})):-1;return n>-1?n:e},an=function(){return ee.findIndex((function(e){return en(e)}))},cn=function(){var e=an();return e<0?tn():e},ln=function(){var e=an();return e<0?rn():e},sn=function(e){ge.current=(ge.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==z.index?-1===(n=ee.slice(z.index).findIndex((function(e){return Ge(e)})))?ee.slice(0,z.index).findIndex((function(e){return Ge(e)})):n+z.index:ee.findIndex((function(e){return Ge(e)})))&&(t=!0),-1===n&&-1===z.index&&(n=cn()),-1!==n&&pn(n),he.current&&clearTimeout(he),he.current=setTimeout((function(){ge.current="",he.current=null}),500),t},pn=function(e){z.index!==e&&(U(R(R({},z),{},{index:e})),mn())},mn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):F,t=v.findSingle(Je(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},fn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=fn(e.items,n+1,a,u),i.push(a)})),i}),[]),dn=function(){if(!ye.current){ye.current=v.createInlineStyle(E&&E.nonce||n.nonce,E&&E.styleContainer);var e="".concat(ue),t="\n@media screen and (max-width: ".concat(O.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(O.scrollHeight,";\n overflow: ").concat(O.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(O.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ye.current.innerHTML=t}},bn=function(){ye.current=v.removeInlineStyle(ye.current)},vn=function(){var e;O.autoZIndex&&x.set("menu",fe.current,E&&E.autoZIndex||n.autoZIndex,O.baseZIndex||E&&E.zIndex.menu||n.zIndex.menu),v.addStyles(fe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(be.current)>v.getOuterWidth(fe.current),v.alignOverlay(fe.current,be.current,O.appendTo,e),v.focus(de.current.getElement()),mn(),ue&&O.breakpoint&&(fe.current.setAttribute(ue,""),dn())},yn=function(){Ee(),we()},gn=function(){be.current=null,ke(),Se()},hn=function(){x.clear(fe.current),bn()};p((function(){var e=h();!S&&P(e),O.breakpoint&&!ue&&ae(e)})),e.useEffect((function(){var e=fn(O.model||[]);G(e)}),[O.model,fn]),a((function(){var e=D.find((function(e){return e.key===z.parentKey}));ne(e?e.items:q)}),[D,z,q]),a((function(){var e=-1!==z.index?"".concat(S).concat(y.isNotEmpty(z.parentKey)?"_"+z.parentKey:"","_").concat(z.index):null;Z(e)}),[z]),a((function(){O.popup||(y.isNotEmpty(D)?(Ee(),we()):(ke(),Se()))}),[D]),a((function(){if(re){var e=-1!==z.index?on(z.index):cn();pn(e),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),ie(!1)}}),[re]),a((function(){return ue&&fe.current&&(fe.current.setAttribute(ue,""),dn()),function(){bn()}}),[ue,O.breakpoint]),m((function(){x.clear(fe.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:Ne,show:je,hide:Ke,getElement:function(){return fe.current}}}));var xn,In,En=(xn=I({ref:fe,id:O.id,className:b(O.className,pe("root")),style:O.style,onClick:Pe},C.getOtherProps(O),se("root")),In=I({classNames:pe("transition"),in:j,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:vn,onEntered:yn,onExit:gn,onExited:hn},se("transition")),e.createElement(o,k({nodeRef:fe},In),e.createElement("div",xn,e.createElement(_,{id:S+"_list",ref:de,hostName:"TieredMenu",menuProps:O,tabIndex:0,model:q,ariaLabel:O.ariaLabel,ariaLabelledBy:O.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:H?F:void 0,menuId:S,level:0,focusedItemId:F,activeItemPath:D,onFocus:Me,onBlur:De,onKeyDown:Te,onItemClick:Ae,onItemMouseEnter:Le,root:!0,popup:O.popup,onHide:Ke,isMobileMode:xe,submenuIcon:O.submenuIcon,ptm:se,cx:pe,sx:me}))));return O.popup?e.createElement(d,{element:En,appendTo:O.appendTo}):En})));B.displayName="TieredMenu";export{B as TieredMenu};
|
package/tieredmenu/tieredmenu.js
CHANGED
|
@@ -386,7 +386,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
386
386
|
var submenu = createSubmenu(processedItem, index);
|
|
387
387
|
var actionProps = mergeProps({
|
|
388
388
|
href: url || '#',
|
|
389
|
-
'aria-hidden': true,
|
|
390
389
|
tabIndex: '-1',
|
|
391
390
|
onFocus: function onFocus(event) {
|
|
392
391
|
return event.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,a,u,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(n),f=p(t);function b(){return b=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},b.apply(this,arguments)}function v(e){return v="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},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(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"===v(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 x(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,i,o,a,u=[],c=!0,l=!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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}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 E(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 j(e,n){return x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===f.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});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 w(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){h(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}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,a=e.cx,u=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=a>r.height?r.height-a+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:a("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:u}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),u=v(n,"className"),m=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),D=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",m),C=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(m,w({},C),{props:e.menuProps}),_=r({className:a("label")},p(n,"label")),A=i.label&&d.createElement("span",_,i.label),L=r({className:a("submenuIcon")},p(n,"submenuIcon")),R=M&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,L),w({},L),{props:e.menuProps}),B=j(n,t),W=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:a("action"),target:k},p(n,"action")),Z=d.createElement("a",W,T,A,R,d.createElement(s.Ripple,null));i.template&&(Z=c.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:N,disabled:H}));var F=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:a("content")},p(n,"content")),z=r({key:D,id:D,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:a("menuitem",{itemClassName:u,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",z,d.createElement("div",F,Z),B)},D=e.model?e.model.map((function(e,n){return!1===e.visible?null:v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:a(N,{subProps:e}),style:u(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));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 H(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){h(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}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],_=j(d.useState(!1),2),A=_[0],L=_[1],R=j(d.useState([]),2),B=R[0],W=R[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=H(H({props:p},p.__parentMetadata),{},{state:{id:v,visible:h,attributeSelector:Y}}),Q=S.setMetaData(G),ee=Q.ptm,ne=Q.cx,te=Q.sx;r.useHandleStyle(S.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ae=d.useRef(null),ue=d.useRef(null),ce=d.useRef(null),le=d.useRef(null),se=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=j(o.useEventListener({type:"click",listener:function(e){var n=re.current&&!re.current.contains(e.target),t=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));n&&t&&xe(e,!p.popup)}}),2),me=pe[0],de=pe[1],fe=j(o.useResizeListener({listener:function(){!se&&xe(event,!0)}}),2),be=fe[0],ve=fe[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ge=function(e){p.popup&&(h?xe(e):he(e))},he=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ae.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},xe=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=_e();E([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(ae.current||oe.current||t),L(!1)},Ie=function(e){w(!0),T(-1!==C.index?C:{index:$e(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){w(!1),T({index:-1,level:0,parentKey:""}),ce.current="",L(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":Ne(e);break;case"Home":He(e);break;case"End":Me(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Ke(e);break;case"Escape":p.popup&&c.DomHandler.focus(oe.current),Ce(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},ke=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&l.push(n),T({index:r,level:o,parentKey:a}),E(l),u&&L(!0),t&&c.DomHandler.focus(_e())}},je=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=Be(t),i=c.ObjectUtils.isEmpty(t.parent),o=ze(t),a=_e();if(o){var u=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:u,level:s,parentKey:m}),r||L(!i),setTimeout((function(){c.DomHandler.focus(a),r&&L(!0)}),0)}else if(r)c.DomHandler.focus(a),ke(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;xe(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},Se=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():A&&!p.popup&&ke(e)},De=function(e){var n=-1!==C.index?Xe(C.index):$e();en(n),e.preventDefault()},we=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(oe.current),-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}p.popup&&xe(e,!0),e.preventDefault()}else{var t=-1!==C.index?qe(C.index):Ge();en(t),e.preventDefault()}},Pe=function(e){var n=F[C.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ce.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Ne=function(e){var n=F[C.index];Be(n)&&(ke({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ce.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},He=function(e){en(Ve()),e.preventDefault()},Me=function(e){en(Je()),e.preventDefault()},Ke=function(e){if(-1!==C.index){var n=c.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(oe.current),t?t.click():n&&n.click()}e.preventDefault()},Ue=function(e){Ke(e)},Ce=function(e){xe(e,!0),!p.popup&&T(H(H({},C),{},{index:$e()})),e.preventDefault()},Te=function(e){if(-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}xe(e)},_e=function(){return ie.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},Be=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Ze(e)&&Re(e).toLocaleLowerCase().startsWith(ce.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Fe=function(e){return Ze(e)&&ze(e)},ze=function(e){return O.some((function(n){return n.key===e.key}))},Ve=function(){return F.findIndex((function(e){return Ze(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return Ze(e)}))},Xe=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return n>-1?n+e+1:e},qe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Ze(e)})):-1;return n>-1?n:e},Ye=function(){return F.findIndex((function(e){return Fe(e)}))},$e=function(){var e=Ye();return e<0?Ve():e},Ge=function(){var e=Ye();return e<0?Je():e},Qe=function(e){ce.current=(ce.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=F.slice(C.index).findIndex((function(e){return We(e)})))?F.slice(0,C.index).findIndex((function(e){return We(e)})):n+C.index:F.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=$e()),-1!==n&&en(n),le.current&&clearTimeout(le),le.current=setTimeout((function(){ce.current="",le.current=null}),500),t},en=function(e){C.index!==e&&(T(H(H({},C),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(_e(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=d.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=tn(e.items,n+1,u,a),i.push(u)})),i}),[]),rn=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},on=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},an=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(oe.current)>c.DomHandler.getOuterWidth(re.current),c.DomHandler.alignOverlay(re.current,oe.current,p.appendTo,e),c.DomHandler.focus(ie.current.getElement()),nn(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rn())},un=function(){me(),be()},cn=function(){oe.current=null,de(),ve()},ln=function(){c.ZIndexUtils.clear(re.current),on()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),d.useEffect((function(){var e=tn(p.model||[]);W(e)}),[p.model,tn]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));z(e?e.items:B)}),[O,C,B]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(me(),be()):(de(),ve()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==C.index?Xe(C.index):$e();en(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rn()),function(){on()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(re.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ge,show:he,hide:xe,getElement:function(){return re.current}}}));var sn,pn,mn=(sn=l({ref:re,id:p.id,className:c.classNames(p.className,ne("root")),style:p.style,onClick:ye},S.getOtherProps(p),ee("root")),pn=l({classNames:ne("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:an,onEntered:un,onExit:cn,onExited:ln},ee("transition")),d.createElement(i.CSSTransition,b({nodeRef:re},pn),d.createElement("div",sn,d.createElement(P,{id:v+"_list",ref:ie,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:B,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:je,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:xe,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:ne,sx:te}))));return p.popup?d.createElement(u.Portal,{element:mn,appendTo:p.appendTo}):mn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,a,u,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(n),f=p(t);function b(){return b=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},b.apply(this,arguments)}function v(e){return v="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},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(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"===v(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 x(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,i,o,a,u=[],c=!0,l=!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)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}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 E(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 j(e,n){return x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===f.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});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 w(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){h(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}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,a=e.cx,u=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=a>r.height?r.height-a+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:a("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:u}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),u=v(n,"className"),m=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),D=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",m),C=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(m,w({},C),{props:e.menuProps}),_=r({className:a("label")},p(n,"label")),A=i.label&&d.createElement("span",_,i.label),L=r({className:a("submenuIcon")},p(n,"submenuIcon")),R=M&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,L),w({},L),{props:e.menuProps}),B=j(n,t),W=r({href:S||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:a("action"),target:k},p(n,"action")),Z=d.createElement("a",W,T,A,R,d.createElement(s.Ripple,null));i.template&&(Z=c.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:N,disabled:H}));var F=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:a("content")},p(n,"content")),z=r({key:D,id:D,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:a("menuitem",{itemClassName:u,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",z,d.createElement("div",F,Z),B)},D=e.model?e.model.map((function(e,n){return!1===e.visible?null:v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:a(N,{subProps:e}),style:u(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));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 H(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){h(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}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],_=j(d.useState(!1),2),A=_[0],L=_[1],R=j(d.useState([]),2),B=R[0],W=R[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=H(H({props:p},p.__parentMetadata),{},{state:{id:v,visible:h,attributeSelector:Y}}),Q=S.setMetaData(G),ee=Q.ptm,ne=Q.cx,te=Q.sx;r.useHandleStyle(S.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ae=d.useRef(null),ue=d.useRef(null),ce=d.useRef(null),le=d.useRef(null),se=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=j(o.useEventListener({type:"click",listener:function(e){var n=re.current&&!re.current.contains(e.target),t=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));n&&t&&xe(e,!p.popup)}}),2),me=pe[0],de=pe[1],fe=j(o.useResizeListener({listener:function(){!se&&xe(event,!0)}}),2),be=fe[0],ve=fe[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ge=function(e){p.popup&&(h?xe(e):he(e))},he=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ae.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},xe=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=_e();E([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(ae.current||oe.current||t),L(!1)},Ie=function(e){w(!0),T(-1!==C.index?C:{index:$e(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){w(!1),T({index:-1,level:0,parentKey:""}),ce.current="",L(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":Ne(e);break;case"Home":He(e);break;case"End":Me(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Ke(e);break;case"Escape":p.popup&&c.DomHandler.focus(oe.current),Ce(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},ke=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&l.push(n),T({index:r,level:o,parentKey:a}),E(l),u&&L(!0),t&&c.DomHandler.focus(_e())}},je=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=Be(t),i=c.ObjectUtils.isEmpty(t.parent),o=ze(t),a=_e();if(o){var u=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:u,level:s,parentKey:m}),r||L(!i),setTimeout((function(){c.DomHandler.focus(a),r&&L(!0)}),0)}else if(r)c.DomHandler.focus(a),ke(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;xe(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},Se=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():A&&!p.popup&&ke(e)},De=function(e){var n=-1!==C.index?Xe(C.index):$e();en(n),e.preventDefault()},we=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(oe.current),-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}p.popup&&xe(e,!0),e.preventDefault()}else{var t=-1!==C.index?qe(C.index):Ge();en(t),e.preventDefault()}},Pe=function(e){var n=F[C.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ce.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Ne=function(e){var n=F[C.index];Be(n)&&(ke({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ce.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},He=function(e){en(Ve()),e.preventDefault()},Me=function(e){en(Je()),e.preventDefault()},Ke=function(e){if(-1!==C.index){var n=c.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(oe.current),t?t.click():n&&n.click()}e.preventDefault()},Ue=function(e){Ke(e)},Ce=function(e){xe(e,!0),!p.popup&&T(H(H({},C),{},{index:$e()})),e.preventDefault()},Te=function(e){if(-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}xe(e)},_e=function(){return ie.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},Be=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Ze(e)&&Re(e).toLocaleLowerCase().startsWith(ce.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Fe=function(e){return Ze(e)&&ze(e)},ze=function(e){return O.some((function(n){return n.key===e.key}))},Ve=function(){return F.findIndex((function(e){return Ze(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return Ze(e)}))},Xe=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return n>-1?n+e+1:e},qe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Ze(e)})):-1;return n>-1?n:e},Ye=function(){return F.findIndex((function(e){return Fe(e)}))},$e=function(){var e=Ye();return e<0?Ve():e},Ge=function(){var e=Ye();return e<0?Je():e},Qe=function(e){ce.current=(ce.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=F.slice(C.index).findIndex((function(e){return We(e)})))?F.slice(0,C.index).findIndex((function(e){return We(e)})):n+C.index:F.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=$e()),-1!==n&&en(n),le.current&&clearTimeout(le),le.current=setTimeout((function(){ce.current="",le.current=null}),500),t},en=function(e){C.index!==e&&(T(H(H({},C),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(_e(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=d.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=tn(e.items,n+1,u,a),i.push(u)})),i}),[]),rn=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},on=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},an=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(oe.current)>c.DomHandler.getOuterWidth(re.current),c.DomHandler.alignOverlay(re.current,oe.current,p.appendTo,e),c.DomHandler.focus(ie.current.getElement()),nn(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rn())},un=function(){me(),be()},cn=function(){oe.current=null,de(),ve()},ln=function(){c.ZIndexUtils.clear(re.current),on()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),d.useEffect((function(){var e=tn(p.model||[]);W(e)}),[p.model,tn]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));z(e?e.items:B)}),[O,C,B]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(me(),be()):(de(),ve()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==C.index?Xe(C.index):$e();en(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rn()),function(){on()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(re.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ge,show:he,hide:xe,getElement:function(){return re.current}}}));var sn,pn,mn=(sn=l({ref:re,id:p.id,className:c.classNames(p.className,ne("root")),style:p.style,onClick:ye},S.getOtherProps(p),ee("root")),pn=l({classNames:ne("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:an,onEntered:un,onExit:cn,onExited:ln},ee("transition")),d.createElement(i.CSSTransition,b({nodeRef:re},pn),d.createElement("div",sn,d.createElement(P,{id:v+"_list",ref:ie,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:B,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:je,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:xe,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:ne,sx:te}))));return p.popup?d.createElement(u.Portal,{element:mn,appendTo:p.appendTo}):mn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
|
@@ -257,10 +257,10 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
|
|
|
257
257
|
checked: props.checked
|
|
258
258
|
}, ptm('input'));
|
|
259
259
|
var boxProps = mergeProps({
|
|
260
|
-
className: cx('box', {
|
|
260
|
+
className: utils.classNames(props.className, cx('box', {
|
|
261
261
|
hasIcon: hasIcon,
|
|
262
262
|
hasLabel: hasLabel
|
|
263
|
-
})
|
|
263
|
+
}))
|
|
264
264
|
}, ptm('box'));
|
|
265
265
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("input", inputProps), /*#__PURE__*/React__namespace.createElement("div", boxProps, iconElement, /*#__PURE__*/React__namespace.createElement("span", labelProps, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
|
|
266
266
|
target: elementRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return a.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=c.memo(c.forwardRef((function(e,i){var s=o.useMergeProps(),p=c.useContext(t.PrimeReactContext),f=b.getProps(e,p),d=c.useRef(null),g=b.setMetaData({props:f}),v=g.ptm,y=g.cx;n.useHandleStyle(b.css.styles,g.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};c.useImperativeHandle(i,(function(){return{props:f,focus:function(){return a.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current}}})),o.useMountEffect((function(){f.autoFocus&&a.DomHandler.focusFirstElement(d.current)}));var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return a.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=c.memo(c.forwardRef((function(e,i){var s=o.useMergeProps(),p=c.useContext(t.PrimeReactContext),f=b.getProps(e,p),d=c.useRef(null),g=b.setMetaData({props:f}),v=g.ptm,y=g.cx;n.useHandleStyle(b.css.styles,g.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};c.useImperativeHandle(i,(function(){return{props:f,focus:function(){return a.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current}}})),o.useMountEffect((function(){f.autoFocus&&a.DomHandler.focusFirstElement(d.current)}));var N=a.ObjectUtils.isNotEmpty(f.tooltip),k=f.disabled?-1:f.tabIndex,I=function(){if(O){var e=s({className:y("icon",{label:P})},v("icon"));return a.IconUtils.getJSXIcon(j,m({},e),{props:f})}return null}(),w=s({className:y("label")},v("label")),x=s({ref:d,id:f.id,className:a.classNames(f.className,y("root",{hasIcon:O,hasLabel:h})),"data-p-highlight":f.checked,"data-p-disabled":f.disabled},b.getOtherProps(f),v("root")),D=s({id:f.inputId,className:y("input"),style:f.style,onChange:E,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f,e)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f,e)},onKeyDown:function(e){32===e.keyCode&&(E(e),e.preventDefault())},tabIndex:k,role:"switch",type:"checkbox","aria-pressed":f.checked,"aria-invalid":f.invalid,disabled:f.disabled,readOnly:f.readonly,value:f.checked,checked:f.checked},v("input")),S=s({className:a.classNames(f.className,y("box",{hasIcon:O,hasLabel:h}))},v("box"));return c.createElement(c.Fragment,null,c.createElement("div",x,c.createElement("input",D),c.createElement("div",S,I,c.createElement("span",w,P),c.createElement(r.Ripple,null))),N&&c.createElement(l.Tooltip,u({target:d,content:f.tooltip,pt:v("tooltip")},f.tooltipOptions)))})));g.displayName="ToggleButton",exports.ToggleButton=g;
|
|
@@ -233,10 +233,10 @@ var ToggleButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
|
|
|
233
233
|
checked: props.checked
|
|
234
234
|
}, ptm('input'));
|
|
235
235
|
var boxProps = mergeProps({
|
|
236
|
-
className: cx('box', {
|
|
236
|
+
className: classNames(props.className, cx('box', {
|
|
237
237
|
hasIcon: hasIcon,
|
|
238
238
|
hasLabel: hasLabel
|
|
239
|
-
})
|
|
239
|
+
}))
|
|
240
240
|
}, ptm('box'));
|
|
241
241
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("div", boxProps, iconElement, /*#__PURE__*/React.createElement("span", labelProps, label), /*#__PURE__*/React.createElement(Ripple, null))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
242
242
|
target: elementRef,
|