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
package/mention/mention.esm.js
CHANGED
|
@@ -280,7 +280,7 @@ var InputTextarea = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
|
|
|
280
280
|
resize(true);
|
|
281
281
|
}
|
|
282
282
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
283
|
-
}, [props.autoResize]);
|
|
283
|
+
}, [props.autoResize, props.value]);
|
|
284
284
|
var isFilled = React.useMemo(function () {
|
|
285
285
|
return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue);
|
|
286
286
|
}, [props.value, props.defaultValue]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as h}from"primereact/ripple";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function E(){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 P(e){return O(e)||w(e)||S(e)||E()}function j(e){return j="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},j(e)}function I(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=I(e,"string");return"symbol"===j(t)?t:String(t)}function k(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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 A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n"}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),y=e.useRef(0),g=T.setMetaData(F(F({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),v=g.ptm,h=g.cx;i(T.css.styles,g.isUnstyled,{name:"inputtextarea"});var x=function(e){var t=s.current;t&&O()&&(y.current||(y.current=t.scrollHeight,t.style.overflow="hidden"),(y.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",y.current=t.scrollHeight))},O=function(){if(d.isVisible(s.current)){var e=s.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&x(!0)}),[u.autoResize]);var w=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),S=m.isNotEmpty(u.tooltip),E=o({ref:s,className:f(u.className,h("root",{context:a,isFilled:w})),onFocus:function(e){u.autoResize&&x(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&x(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&x(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&x(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),v("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",E),S&&e.createElement(p,b({target:s,content:u.tooltip,pt:v("tooltip")},u.tooltipOptions)))})));H.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function K(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),x=e.useContext(n),O=B.getProps(r,x),w=A(e.useState(!1),2),S=w[0],E=w[1],j=A(e.useState(!1),2),I=j[0],R=j[1],k=A(e.useState(!1),2),N=k[0],C=k[1],D=A(e.useState(null),2),T=D[0],z=D[1],F=A(e.useState([]),2),K=F[0],M=F[1],U=e.useRef(null),V=e.useRef(null),J=e.useRef(O.inputRef),X=e.useRef(null),Y=e.useRef(null),q={props:O,state:{overlayVisible:S,focused:I,searching:N,trigger:T}},Z=B.setMetaData(q),$=Z.ptm,G=Z.cx,L=Z.isUnstyled;i(B.css.styles,L,{name:"mention"});var Q=function(e,t,n){return $(t,{context:{trigger:T?T.key:""},state:_({},n)})},W=A(a({target:U,overlay:V,listener:function(e,t){t.valid&&re()},when:S}),2),ee=W[0],te=W[1],ne=function(){E(!0)},re=function(){E(!1),C(!1),z(null)},ie=function(){y.set("overlay",V.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),d.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),se()},oe=function(){O.autoHighlight&&O.suggestions&&O.suggestions.length&&M((function(e){var t=P(e);return t[0]=!0,t}))},le=function(){ee(),O.onShow&&O.onShow()},ae=function(){te()},ue=function(){y.clear(V.current),O.onHide&&O.onHide()},se=function(){if(T){var e=T.key,t=T.index,n=J.current.value,r=d.getCursorOffset(J.current,n.substring(0,t-1),n.substring(t),e);V.current.style.transformOrigin="top",V.current.style.left="calc(".concat(r.left,"px + 1rem)"),V.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ce=function(e){g.emit("overlay-click",{originalEvent:e,target:U.current})},pe=function(e,t,n){if(!T){var r=Array.isArray(O.trigger)?O.trigger.find((function(e){return e===t})):O.trigger===t?O.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=fe(e,n);if(o.index>i)return o}return T},fe=function(e,t){if(Array.isArray(O.trigger)){var n={};return O.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(O.trigger);return{key:O.trigger,index:-1!==r?r+1:-1}},me=function(e){Y.current&&clearTimeout(Y.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=pe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);Y.current=setTimeout((function(){de(e,l,o)}),O.delay)}}else re()},de=function(e,t,n){O.onSearch&&(C(!0),z(n),O.onSearch({originalEvent:e,trigger:n.key,query:t}))},ye=function(e,t){var n=J.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",T.index),l=r.substring(T.index,o>-1?o:i),a=ge(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,T.index),s=r.substring(o>-1?i:T.index+l.length);J.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=J.current,O.onChange&&O.onChange(e)}var c=T.index+a.length+1;J.current.setSelectionRange(c,c),re(),O.onSelect&&O.onSelect({originalEvent:e,suggestion:t})},ge=function(e){if(e){var t=Array.isArray(O.field)?O.field[O.trigger.findIndex((function(e){return e===T.key}))]:O.field;return t?m.resolveFieldData(e,t):e}return""},ve=function(e,t){d.focus(J.current),ye(e,t)},he=J.current&&J.current.value,be=e.useMemo((function(){return m.isNotEmpty(O.value)||m.isNotEmpty(O.defaultValue)||m.isNotEmpty(he)}),[O.value,O.defaultValue,he]);e.useImperativeHandle(c,(function(){return{props:O,show:ne,hide:re,focus:function(){return d.focus(J.current)},getElement:function(){return U.current},getOverlay:function(){return V.current},getInput:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(J,O.inputRef)}),[J,O.inputRef]),u((function(){var e=O.suggestions&&O.suggestions.length;if(e){var t=O.suggestions.map((function(){return!1}));M(t)}N&&(e?ne():re(),S&&se(),C(!1))}),[O.suggestions]),u((function(){var e=L(),t=e?d.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):d.hasClass(U.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(U.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(V.current)}));var xe=function(t,n){var r=n+"_item",i=O.itemTemplate?m.getJSXElement(O.itemTemplate,t,{trigger:T?T.key:"",index:n}):ge(t),o=K[n],l=p({key:r,className:G("item",{isSelected:o}),onClick:function(e){return ve(e,t)},"data-p-highlight":o},Q(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(h,null))},Oe=function(){var t=p({ref:X,className:G("items")},$("items"));if(O.suggestions){var n=O.suggestions.map(xe);return e.createElement("ul",t,n)}return null},we=B.getOtherProps(O),Se=function(){var t=m.getJSXElement(O.headerTemplate,O),n=m.getJSXElement(O.footerTemplate,O),r=Oe(),i=p({ref:V,className:G("panel"),style:_({maxHeight:O.scrollHeight},O.panelStyle),onClick:ce},$("panel")),l=p({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:oe,onEntered:le,onExit:ae,onExited:ue},$("transition")),a=e.createElement(o,b({nodeRef:V},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Ee=p(_(_({ref:J,id:O.inputId,className:G("input"),style:O.inputStyle},we),{},{unstyled:O.unstyled,autoResize:O.autoResize,onFocus:function(e){R(!0),O.onFocus&&O.onFocus(e)},onBlur:function(e){R(!1),O.onBlur&&O.onBlur(e)},onKeyDown:function(e){if(S){var t=d.findSingle(V.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);M((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(V.current,n)}}else if(t=d.findSingle(V.current,"li")){var o=d.index(t);M((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);M((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(V.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===T.key&&re();break;case 13:t&&ye(e,O.suggestions[d.index(t)]),e.preventDefault();break;case 27:re(),e.preventDefault()}}},onInput:function(e){O.onInput&&O.onInput(e);var t=e.target.value.length>0;L()?d.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(U.current,"p-inputwrapper-filled"):d.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||me(e)},onChange:function(e){O.onChange&&O.onChange(e),me(e)},__parentMetadata:{parent:q}}),$("input")),Pe=p({ref:U,id:O.id,className:f(O.className,G("root",{focusedState:I,isFilled:be})),style:O.style},B.getOtherProps(O),$("root"));return e.createElement("div",Pe,e.createElement(H,Ee),Se)})));M.displayName="Mention";export{M as Mention};
|
|
1
|
+
import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as h}from"primereact/ripple";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function E(){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 P(e){return O(e)||w(e)||S(e)||E()}function j(e){return j="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},j(e)}function I(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=I(e,"string");return"symbol"===j(t)?t:String(t)}function k(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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 A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n"}});function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var H=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),y=e.useRef(0),g=T.setMetaData(F(F({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),v=g.ptm,h=g.cx;i(T.css.styles,g.isUnstyled,{name:"inputtextarea"});var x=function(e){var t=s.current;t&&O()&&(y.current||(y.current=t.scrollHeight,t.style.overflow="hidden"),(y.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",y.current=t.scrollHeight))},O=function(){if(d.isVisible(s.current)){var e=s.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&x(!0)}),[u.autoResize,u.value]);var w=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),S=m.isNotEmpty(u.tooltip),E=o({ref:s,className:f(u.className,h("root",{context:a,isFilled:w})),onFocus:function(e){u.autoResize&&x(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&x(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&x(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&x(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),v("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",E),S&&e.createElement(p,b({target:s,content:u.tooltip,pt:v("tooltip")},u.tooltipOptions)))})));H.displayName="InputTextarea";var B=r.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function K(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(r,c){var p=l(),x=e.useContext(n),O=B.getProps(r,x),w=A(e.useState(!1),2),S=w[0],E=w[1],j=A(e.useState(!1),2),I=j[0],R=j[1],k=A(e.useState(!1),2),N=k[0],C=k[1],D=A(e.useState(null),2),T=D[0],z=D[1],F=A(e.useState([]),2),K=F[0],M=F[1],U=e.useRef(null),V=e.useRef(null),J=e.useRef(O.inputRef),X=e.useRef(null),Y=e.useRef(null),q={props:O,state:{overlayVisible:S,focused:I,searching:N,trigger:T}},Z=B.setMetaData(q),$=Z.ptm,G=Z.cx,L=Z.isUnstyled;i(B.css.styles,L,{name:"mention"});var Q=function(e,t,n){return $(t,{context:{trigger:T?T.key:""},state:_({},n)})},W=A(a({target:U,overlay:V,listener:function(e,t){t.valid&&re()},when:S}),2),ee=W[0],te=W[1],ne=function(){E(!0)},re=function(){E(!1),C(!1),z(null)},ie=function(){y.set("overlay",V.current,x&&x.autoZIndex||t.autoZIndex,x&&x.zIndex.overlay||t.zIndex.overlay),d.addStyles(V.current,{position:"absolute",top:"0",left:"0"}),se()},oe=function(){O.autoHighlight&&O.suggestions&&O.suggestions.length&&M((function(e){var t=P(e);return t[0]=!0,t}))},le=function(){ee(),O.onShow&&O.onShow()},ae=function(){te()},ue=function(){y.clear(V.current),O.onHide&&O.onHide()},se=function(){if(T){var e=T.key,t=T.index,n=J.current.value,r=d.getCursorOffset(J.current,n.substring(0,t-1),n.substring(t),e);V.current.style.transformOrigin="top",V.current.style.left="calc(".concat(r.left,"px + 1rem)"),V.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ce=function(e){g.emit("overlay-click",{originalEvent:e,target:U.current})},pe=function(e,t,n){if(!T){var r=Array.isArray(O.trigger)?O.trigger.find((function(e){return e===t})):O.trigger===t?O.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=fe(e,n);if(o.index>i)return o}return T},fe=function(e,t){if(Array.isArray(O.trigger)){var n={};return O.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(O.trigger);return{key:O.trigger,index:-1!==r?r+1:-1}},me=function(e){Y.current&&clearTimeout(Y.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=pe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);Y.current=setTimeout((function(){de(e,l,o)}),O.delay)}}else re()},de=function(e,t,n){O.onSearch&&(C(!0),z(n),O.onSearch({originalEvent:e,trigger:n.key,query:t}))},ye=function(e,t){var n=J.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",T.index),l=r.substring(T.index,o>-1?o:i),a=ge(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,T.index),s=r.substring(o>-1?i:T.index+l.length);J.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=J.current,O.onChange&&O.onChange(e)}var c=T.index+a.length+1;J.current.setSelectionRange(c,c),re(),O.onSelect&&O.onSelect({originalEvent:e,suggestion:t})},ge=function(e){if(e){var t=Array.isArray(O.field)?O.field[O.trigger.findIndex((function(e){return e===T.key}))]:O.field;return t?m.resolveFieldData(e,t):e}return""},ve=function(e,t){d.focus(J.current),ye(e,t)},he=J.current&&J.current.value,be=e.useMemo((function(){return m.isNotEmpty(O.value)||m.isNotEmpty(O.defaultValue)||m.isNotEmpty(he)}),[O.value,O.defaultValue,he]);e.useImperativeHandle(c,(function(){return{props:O,show:ne,hide:re,focus:function(){return d.focus(J.current)},getElement:function(){return U.current},getOverlay:function(){return V.current},getInput:function(){return J.current}}})),e.useEffect((function(){m.combinedRefs(J,O.inputRef)}),[J,O.inputRef]),u((function(){var e=O.suggestions&&O.suggestions.length;if(e){var t=O.suggestions.map((function(){return!1}));M(t)}N&&(e?ne():re(),S&&se(),C(!1))}),[O.suggestions]),u((function(){var e=L(),t=e?d.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):d.hasClass(U.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(U.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(V.current)}));var xe=function(t,n){var r=n+"_item",i=O.itemTemplate?m.getJSXElement(O.itemTemplate,t,{trigger:T?T.key:"",index:n}):ge(t),o=K[n],l=p({key:r,className:G("item",{isSelected:o}),onClick:function(e){return ve(e,t)},"data-p-highlight":o},Q(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(h,null))},Oe=function(){var t=p({ref:X,className:G("items")},$("items"));if(O.suggestions){var n=O.suggestions.map(xe);return e.createElement("ul",t,n)}return null},we=B.getOtherProps(O),Se=function(){var t=m.getJSXElement(O.headerTemplate,O),n=m.getJSXElement(O.footerTemplate,O),r=Oe(),i=p({ref:V,className:G("panel"),style:_({maxHeight:O.scrollHeight},O.panelStyle),onClick:ce},$("panel")),l=p({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:oe,onEntered:le,onExit:ae,onExited:ue},$("transition")),a=e.createElement(o,b({nodeRef:V},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Ee=p(_(_({ref:J,id:O.inputId,className:G("input"),style:O.inputStyle},we),{},{unstyled:O.unstyled,autoResize:O.autoResize,onFocus:function(e){R(!0),O.onFocus&&O.onFocus(e)},onBlur:function(e){R(!1),O.onBlur&&O.onBlur(e)},onKeyDown:function(e){if(S){var t=d.findSingle(V.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);M((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(V.current,n)}}else if(t=d.findSingle(V.current,"li")){var o=d.index(t);M((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);M((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(V.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===T.key&&re();break;case 13:t&&ye(e,O.suggestions[d.index(t)]),e.preventDefault();break;case 27:re(),e.preventDefault()}}},onInput:function(e){O.onInput&&O.onInput(e);var t=e.target.value.length>0;L()?d.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(U.current,"p-inputwrapper-filled"):d.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||me(e)},onChange:function(e){O.onChange&&O.onChange(e),me(e)},__parentMetadata:{parent:q}}),$("input")),Pe=p({ref:U,id:O.id,className:f(O.className,G("root",{focusedState:I,isFilled:be})),style:O.style},B.getOtherProps(O),$("root"));return e.createElement("div",Pe,e.createElement(H,Ee),Se)})));M.displayName="Mention";export{M as Mention};
|
package/mention/mention.js
CHANGED
|
@@ -294,7 +294,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
|
|
|
294
294
|
resize(true);
|
|
295
295
|
}
|
|
296
296
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
297
|
-
}, [props.autoResize]);
|
|
297
|
+
}, [props.autoResize, props.value]);
|
|
298
298
|
var isFilled = React__namespace.useMemo(function () {
|
|
299
299
|
return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
|
|
300
300
|
}, [props.value, props.defaultValue]);
|
package/mention/mention.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(t),y=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return b(e)||h(e)||O(e)||x()}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 j(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 E(e){var t=j(e,"string");return"symbol"===S(t)?t:String(t)}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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 R(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n"}});function k(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(C(C({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))},h=function(){if(u.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize]);var O=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=u.ObjectUtils.isNotEmpty(c.tooltip),w=i({ref:p,className:u.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",w),x&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));U.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=R(m.useState(!1),2),v=d[0],b=d[1],h=R(m.useState(!1),2),O=h[0],x=h[1],S=R(m.useState(!1),2),j=S[0],E=S[1],D=R(m.useState(null),2),P=D[0],H=D[1],I=R(m.useState([]),2),N=I[0],k=I[1],C=m.useRef(null),T=m.useRef(null),z=m.useRef(f.inputRef),B=m.useRef(null),M=m.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(_),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=R(o.useOverlayListener({target:C,overlay:T,listener:function(e,t){t.valid&&G()},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=u.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(z.current)},getElement:function(){return C.current},getOverlay:function(){return T.current},getInput:function(){return z.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(C.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(C.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:B,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:z,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,autoResize:f.autoResize,onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);k((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);k((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);k((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(C.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),V("input")),he=l({ref:C,id:f.id,className:u.classNames(f.className,Z("root",{focusedState:O,isFilled:de})),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(U,be),ve)})));return z.displayName="Mention",e.Mention=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(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 m=d(t),y=f(n);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){return b(e)||h(e)||O(e)||x()}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 j(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 E(e){var t=j(e,"string");return"symbol"===S(t)?t:String(t)}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function H(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}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 R(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n .p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n }\n \n .p-fluid .p-inputtextarea {\n width: 100%;\n }\n}\n"}});function k(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(C(C({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&h()&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))},h=function(){if(u.DomHandler.isVisible(p.current)){var e=p.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize,c.value]);var O=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),x=u.ObjectUtils.isNotEmpty(c.tooltip),w=i({ref:p,className:u.classNames(c.className,v("root",{context:s,isFilled:O})),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",w),x&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));U.displayName="InputTextarea";var F=r.ComponentBase.extend({defaultProps:{__TYPE:"Mention",autoHighlight:!0,autoResize:!1,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-mention {\n display: inline-flex;\n position: relative;\n }\n \n .p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n }\n \n .p-mention .p-mention-panel {\n min-width: 100%;\n }\n \n .p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n }\n \n .p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-fluid .p-mention {\n display: flex;\n }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=R(m.useState(!1),2),v=d[0],b=d[1],h=R(m.useState(!1),2),O=h[0],x=h[1],S=R(m.useState(!1),2),j=S[0],E=S[1],D=R(m.useState(null),2),P=D[0],H=D[1],I=R(m.useState([]),2),N=I[0],k=I[1],C=m.useRef(null),T=m.useRef(null),z=m.useRef(f.inputRef),B=m.useRef(null),M=m.useRef(null),_={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(_),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=R(o.useOverlayListener({target:C,overlay:T,listener:function(e,t){t.valid&&G()},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&k((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=z.current.value,r=u.DomHandler.getCursorOffset(z.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:C.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){M.current&&clearTimeout(M.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);M.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=z.current,r=n.value,i=n.selectionStart,o=r.indexOf(" ",P.index),l=r.substring(P.index,o>-1?o:i),a=ce(t).replace(/\s+/g,"");if(l.trim()!==a){var u=r.substring(0,P.index),s=r.substring(o>-1?i:P.index+l.length);z.current.value=" "===s[0]?"".concat(u).concat(a).concat(s):"".concat(u).concat(a," ").concat(s),e.target=z.current,f.onChange&&f.onChange(e)}var c=P.index+a.length+1;z.current.setSelectionRange(c,c),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(z.current),se(e,t)},fe=z.current&&z.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(z.current)},getElement:function(){return C.current},getOverlay:function(){return T.current},getInput:function(){return z.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(z,f.inputRef)}),[z,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));k(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(C.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(C.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:B,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:z,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{unstyled:f.unstyled,autoResize:f.autoResize,onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);k((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);k((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);k((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(C.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(C.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(C.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:_}}),V("input")),he=l({ref:C,id:f.id,className:u.classNames(f.className,Z("root",{focusedState:O,isFilled:de})),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(U,be),ve)})));return z.displayName="Mention",e.Mention=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
|
package/menu/menu.cjs.js
CHANGED
|
@@ -539,6 +539,9 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
|
|
|
539
539
|
}), submenu.label), items);
|
|
540
540
|
};
|
|
541
541
|
var createSeparator = function createSeparator(item, index) {
|
|
542
|
+
if (item.visible === false) {
|
|
543
|
+
return null;
|
|
544
|
+
}
|
|
542
545
|
var key = idState + '_separator_' + index;
|
|
543
546
|
var separatorProps = mergeProps({
|
|
544
547
|
id: key,
|
|
@@ -551,6 +554,9 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
|
|
|
551
554
|
};
|
|
552
555
|
var createMenuItem = function createMenuItem(item, index) {
|
|
553
556
|
var parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
557
|
+
if (item.visible === false) {
|
|
558
|
+
return null;
|
|
559
|
+
}
|
|
554
560
|
var menuContext = {
|
|
555
561
|
item: item,
|
|
556
562
|
index: index,
|
|
@@ -593,7 +599,6 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
|
|
|
593
599
|
target: item.target,
|
|
594
600
|
tabIndex: '-1',
|
|
595
601
|
'aria-label': item.label,
|
|
596
|
-
'aria-hidden': true,
|
|
597
602
|
'aria-disabled': item.disabled,
|
|
598
603
|
'data-p-disabled': item.disabled
|
|
599
604
|
}, getMenuItemPTOptions('action', menuContext));
|
package/menu/menu.cjs.min.js
CHANGED
|
@@ -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"),a=require("primereact/hooks"),i=require("primereact/overlayservice"),o=require("primereact/portal"),l=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(e),m=c(n);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function f(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=f(e,"string");return"symbol"===d(n)?n:String(n)}function y(){return y=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},y.apply(this,arguments)}function v(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 g(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function E(){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 g(e)||O(e)||h(e)||E()}function x(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,n){return x(e)||N(e,n)||h(e,n)||j()}var w=t.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===m.default.ripple})},menu:"p-menu-list p-reset",content:function(e){return u.classNames("p-menuitem-content",{"p-disabled":e.item.disabled})},action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return u.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return u.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n\n .p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menu .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-menu .p-menuitem-text {\n line-height: 1;\n }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});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 P(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){var r,a,i;r=e,i=t[n],(a=b(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):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 k=p.memo(p.forwardRef((function(e,c){var s=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),f=w.getProps(e,d),b=I(p.useState(f.id),2),v=b[0],g=b[1],O=I(p.useState(!f.popup),2),h=O[0],E=O[1],x=I(p.useState(-1),2),N=x[0],j=x[1],D=I(p.useState(-1),2),k=D[0],H=D[1],A=I(p.useState(!1),2),_=A[0],T=A[1],C=w.setMetaData({props:f,state:{id:v,visible:h,focused:_}}),M=C.ptm,U=C.cx,q=C.sx,R=function(e,n){return M(e,{context:n})};t.useHandleStyle(w.css.styles,C.isUnstyled,{name:"menu"});var Z=p.useRef(null),B=p.useRef(null),F=p.useRef(null),L=!!(h&&f.popup&&f.closeOnEscape),K=a.useDisplayOrder("menu",L);a.useGlobalOnEscapeKey({callback:function(e){pe(e)},when:L&&K,priority:[a.ESC_KEY_HANDLING_PRIORITIES.MENU,K]});var z=I(a.useOverlayListener({target:F,overlay:Z,listener:function(e,n){n.valid&&(pe(e),j(-1))},when:h}),2),G=z[0],J=z[1],X=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),f.popup&&pe(e),f.popup||N===t||j(t),n.url||(e.preventDefault(),e.stopPropagation()))},Y=function(e,n){e&&f.popup&&N!==n&&j(n)},$=function(e){T(!0),f.popup||(-1!==k?(le(k),H(-1)):le(0)),f.onFocus&&f.onFocus(e)},Q=function(e){T(!1),j(-1),f.onBlur&&f.onBlur(e)},V=function(e){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":ee(e);break;case"Home":ne(e);break;case"End":te(e);break;case"Enter":case"NumpadEnter":re(e);break;case"Space":ae(e);break;case"Escape":f.popup&&(u.DomHandler.focus(F.current),pe(e));case"Tab":f.popup&&h&&pe(e)}},W=function(e){var n=ie(N);le(n),e.preventDefault()},ee=function(e){if(e.altKey&&f.popup)u.DomHandler.focus(F.current),pe(e),e.preventDefault();else{var n=oe(N);le(n),e.preventDefault()}},ne=function(e){le(0),e.preventDefault()},te=function(e){le(u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},re=function(e){var n=u.DomHandler.findSingle(Z.current,'li[id="'.concat("".concat(N),'"]')),t=n&&u.DomHandler.findSingle(n,'a[data-pc-section="action"]');f.popup&&u.DomHandler.focus(F.current),t?t.click():n&&n.click(),e.preventDefault()},ae=function(e){re(e)},ie=function(e){var n=S(u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},oe=function(e){var n=S(u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},le=function(e){var n=u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&j(n[t].getAttribute("id"))},ue=function(){return-1!==N?N:null},ce=function(e){f.popup&&(h?pe(e):se(e))},se=function(e){F.current=e.currentTarget,E(!0),f.onShow&&f.onShow(e)},pe=function(e){F.current=e.currentTarget,E(!1),f.onHide&&f.onHide(e)},me=function(){u.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),u.ZIndexUtils.set("menu",Z.current,d&&d.autoZIndex||m.default.autoZIndex,f.baseZIndex||d&&d.zIndex.menu||m.default.zIndex.menu),u.DomHandler.absolutePosition(Z.current,F.current,f.popupAlignment),f.popup&&(u.DomHandler.focus(B.current),le(0))},de=function(){G()},fe=function(){F.current=null,J()},be=function(){u.ZIndexUtils.clear(Z.current)};a.useMountEffect((function(){v||g(u.UniqueComponentId())})),a.useUnmountEffect((function(){u.ZIndexUtils.clear(Z.current)})),p.useImperativeHandle(c,(function(){return{props:f,toggle:ce,show:se,hide:pe,getElement:function(){return Z.current},getTarget:function(){return F.current}}}));var ye=function(e,n){var t=v+"_sub_"+n,r=e.items.map((function(e,n){return ge(e,n,t)})),a=s({id:t,role:"none",className:u.classNames(e.className,U("submenuHeader",{submenu:e})),style:q("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},M("submenuHeader"));return p.createElement(p.Fragment,{key:t},p.createElement("li",y({},a,{key:t}),e.label),r)},ve=function(e,n){var t=v+"_separator_"+n,r=s({id:t,className:u.classNames(e.className,U("separator")),role:"separator"},M("separator"));return p.createElement("li",y({},r,{key:t}))},ge=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r={item:e,index:n,parentId:t},a=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),i=u.classNames("p-menuitem-icon",e.icon),o=s({className:U("icon")},R("icon",r)),c=u.IconUtils.getJSXIcon(e.icon,P({},o),{props:f}),m=s({className:U("label")},R("label",r)),d=e.label&&p.createElement("span",m,e.label),b=e.id||(t||v)+"_"+n,g=s({onClick:function(n){return X(n,e,b)},onMouseMove:function(e){return Y(e,b)},className:U("content",{item:e})},R("content",r)),O=s({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},R("action",r)),h=p.createElement("div",g,p.createElement("a",O,c,d,p.createElement(l.Ripple,null)));e.template&&(h=u.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return X(n,e,b)},className:a,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:i,element:h,props:f}));var E=s({id:b,className:u.classNames(e.className,U("menuitem",{focused:N===b})),style:q("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ue()===b,"data-p-disabled":e.disabled||!1},R("menuitem",r));return p.createElement("li",y({},E,{key:b}),h)},Oe=function(e,n){return!1===e.visible?null:e.separator?ve(e,n):e.items?ye(e,n):ge(e,n)},he=function(){if(f.model){var e=f.model.map(Oe),n=s({className:u.classNames(f.className,U("root",{context:d})),style:f.style,onClick:function(e){return n=e,void(f.popup&&i.OverlayService.emit("overlay-click",{originalEvent:n,target:F.current}));var n}},w.getOtherProps(f),M("root")),t=s({ref:B,className:U("menu"),id:v+"_list",tabIndex:f.tabIndex||"0",role:"menu","aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,"aria-activedescendant":_?ue():void 0,onFocus:$,onKeyDown:V,onBlur:Q},M("menu")),a=s({classNames:U("transition"),in:h,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:me,onEntered:de,onExit:fe,onExited:be},M("transition"));return p.createElement(r.CSSTransition,y({nodeRef:Z},a),p.createElement("div",y({id:f.id,ref:Z},n),p.createElement("ul",t,e)))}return null}();return f.popup?p.createElement(o.Portal,{element:he,appendTo:f.appendTo}):he})));k.displayName="Menu",exports.Menu=k;
|
|
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"),a=require("primereact/hooks"),i=require("primereact/overlayservice"),o=require("primereact/portal"),l=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(e),m=c(n);function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function f(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=f(e,"string");return"symbol"===d(n)?n:String(n)}function y(){return y=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},y.apply(this,arguments)}function v(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 g(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function E(){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 g(e)||O(e)||h(e)||E()}function x(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,n){return x(e)||N(e,n)||h(e,n)||j()}var w=t.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===m.default.ripple})},menu:"p-menu-list p-reset",content:function(e){return u.classNames("p-menuitem-content",{"p-disabled":e.item.disabled})},action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return u.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return u.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n\n .p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menu .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-menu .p-menuitem-text {\n line-height: 1;\n }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});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 P(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){var r,a,i;r=e,i=t[n],(a=b(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):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 k=p.memo(p.forwardRef((function(e,c){var s=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),f=w.getProps(e,d),b=I(p.useState(f.id),2),v=b[0],g=b[1],O=I(p.useState(!f.popup),2),h=O[0],E=O[1],x=I(p.useState(-1),2),N=x[0],j=x[1],D=I(p.useState(-1),2),k=D[0],H=D[1],A=I(p.useState(!1),2),_=A[0],T=A[1],C=w.setMetaData({props:f,state:{id:v,visible:h,focused:_}}),M=C.ptm,U=C.cx,q=C.sx,R=function(e,n){return M(e,{context:n})};t.useHandleStyle(w.css.styles,C.isUnstyled,{name:"menu"});var Z=p.useRef(null),B=p.useRef(null),F=p.useRef(null),L=!!(h&&f.popup&&f.closeOnEscape),K=a.useDisplayOrder("menu",L);a.useGlobalOnEscapeKey({callback:function(e){pe(e)},when:L&&K,priority:[a.ESC_KEY_HANDLING_PRIORITIES.MENU,K]});var z=I(a.useOverlayListener({target:F,overlay:Z,listener:function(e,n){n.valid&&(pe(e),j(-1))},when:h}),2),G=z[0],J=z[1],X=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),f.popup&&pe(e),f.popup||N===t||j(t),n.url||(e.preventDefault(),e.stopPropagation()))},Y=function(e,n){e&&f.popup&&N!==n&&j(n)},$=function(e){T(!0),f.popup||(-1!==k?(le(k),H(-1)):le(0)),f.onFocus&&f.onFocus(e)},Q=function(e){T(!1),j(-1),f.onBlur&&f.onBlur(e)},V=function(e){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":ee(e);break;case"Home":ne(e);break;case"End":te(e);break;case"Enter":case"NumpadEnter":re(e);break;case"Space":ae(e);break;case"Escape":f.popup&&(u.DomHandler.focus(F.current),pe(e));case"Tab":f.popup&&h&&pe(e)}},W=function(e){var n=ie(N);le(n),e.preventDefault()},ee=function(e){if(e.altKey&&f.popup)u.DomHandler.focus(F.current),pe(e),e.preventDefault();else{var n=oe(N);le(n),e.preventDefault()}},ne=function(e){le(0),e.preventDefault()},te=function(e){le(u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},re=function(e){var n=u.DomHandler.findSingle(Z.current,'li[id="'.concat("".concat(N),'"]')),t=n&&u.DomHandler.findSingle(n,'a[data-pc-section="action"]');f.popup&&u.DomHandler.focus(F.current),t?t.click():n&&n.click(),e.preventDefault()},ae=function(e){re(e)},ie=function(e){var n=S(u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},oe=function(e){var n=S(u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},le=function(e){var n=u.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&j(n[t].getAttribute("id"))},ue=function(){return-1!==N?N:null},ce=function(e){f.popup&&(h?pe(e):se(e))},se=function(e){F.current=e.currentTarget,E(!0),f.onShow&&f.onShow(e)},pe=function(e){F.current=e.currentTarget,E(!1),f.onHide&&f.onHide(e)},me=function(){u.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),u.ZIndexUtils.set("menu",Z.current,d&&d.autoZIndex||m.default.autoZIndex,f.baseZIndex||d&&d.zIndex.menu||m.default.zIndex.menu),u.DomHandler.absolutePosition(Z.current,F.current,f.popupAlignment),f.popup&&(u.DomHandler.focus(B.current),le(0))},de=function(){G()},fe=function(){F.current=null,J()},be=function(){u.ZIndexUtils.clear(Z.current)};a.useMountEffect((function(){v||g(u.UniqueComponentId())})),a.useUnmountEffect((function(){u.ZIndexUtils.clear(Z.current)})),p.useImperativeHandle(c,(function(){return{props:f,toggle:ce,show:se,hide:pe,getElement:function(){return Z.current},getTarget:function(){return F.current}}}));var ye=function(e,n){var t=v+"_sub_"+n,r=e.items.map((function(e,n){return ge(e,n,t)})),a=s({id:t,role:"none",className:u.classNames(e.className,U("submenuHeader",{submenu:e})),style:q("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},M("submenuHeader"));return p.createElement(p.Fragment,{key:t},p.createElement("li",y({},a,{key:t}),e.label),r)},ve=function(e,n){if(!1===e.visible)return null;var t=v+"_separator_"+n,r=s({id:t,className:u.classNames(e.className,U("separator")),role:"separator"},M("separator"));return p.createElement("li",y({},r,{key:t}))},ge=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r={item:e,index:n,parentId:t},a=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),i=u.classNames("p-menuitem-icon",e.icon),o=s({className:U("icon")},R("icon",r)),c=u.IconUtils.getJSXIcon(e.icon,P({},o),{props:f}),m=s({className:U("label")},R("label",r)),d=e.label&&p.createElement("span",m,e.label),b=e.id||(t||v)+"_"+n,g=s({onClick:function(n){return X(n,e,b)},onMouseMove:function(e){return Y(e,b)},className:U("content",{item:e})},R("content",r)),O=s({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},R("action",r)),h=p.createElement("div",g,p.createElement("a",O,c,d,p.createElement(l.Ripple,null)));e.template&&(h=u.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return X(n,e,b)},className:a,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:i,element:h,props:f}));var E=s({id:b,className:u.classNames(e.className,U("menuitem",{focused:N===b})),style:q("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ue()===b,"data-p-disabled":e.disabled||!1},R("menuitem",r));return p.createElement("li",y({},E,{key:b}),h)},Oe=function(e,n){return!1===e.visible?null:e.separator?ve(e,n):e.items?ye(e,n):ge(e,n)},he=function(){if(f.model){var e=f.model.map(Oe),n=s({className:u.classNames(f.className,U("root",{context:d})),style:f.style,onClick:function(e){return n=e,void(f.popup&&i.OverlayService.emit("overlay-click",{originalEvent:n,target:F.current}));var n}},w.getOtherProps(f),M("root")),t=s({ref:B,className:U("menu"),id:v+"_list",tabIndex:f.tabIndex||"0",role:"menu","aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,"aria-activedescendant":_?ue():void 0,onFocus:$,onKeyDown:V,onBlur:Q},M("menu")),a=s({classNames:U("transition"),in:h,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:me,onEntered:de,onExit:fe,onExited:be},M("transition"));return p.createElement(r.CSSTransition,y({nodeRef:Z},a),p.createElement("div",y({id:f.id,ref:Z},n),p.createElement("ul",t,e)))}return null}();return f.popup?p.createElement(o.Portal,{element:he,appendTo:f.appendTo}):he})));k.displayName="Menu",exports.Menu=k;
|
package/menu/menu.esm.js
CHANGED
|
@@ -512,6 +512,9 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
|
|
|
512
512
|
}), submenu.label), items);
|
|
513
513
|
};
|
|
514
514
|
var createSeparator = function createSeparator(item, index) {
|
|
515
|
+
if (item.visible === false) {
|
|
516
|
+
return null;
|
|
517
|
+
}
|
|
515
518
|
var key = idState + '_separator_' + index;
|
|
516
519
|
var separatorProps = mergeProps({
|
|
517
520
|
id: key,
|
|
@@ -524,6 +527,9 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
|
|
|
524
527
|
};
|
|
525
528
|
var createMenuItem = function createMenuItem(item, index) {
|
|
526
529
|
var parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
530
|
+
if (item.visible === false) {
|
|
531
|
+
return null;
|
|
532
|
+
}
|
|
527
533
|
var menuContext = {
|
|
528
534
|
item: item,
|
|
529
535
|
index: index,
|
|
@@ -566,7 +572,6 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
|
|
|
566
572
|
target: item.target,
|
|
567
573
|
tabIndex: '-1',
|
|
568
574
|
'aria-label': item.label,
|
|
569
|
-
'aria-hidden': true,
|
|
570
575
|
'aria-disabled': item.disabled,
|
|
571
576
|
'data-p-disabled': item.disabled
|
|
572
577
|
}, getMenuItemPTOptions('action', menuContext));
|
package/menu/menu.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as i,useDisplayOrder as u,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as y,UniqueComponentId as v,ZIndexUtils as g,DomHandler as h,IconUtils as x,ObjectUtils as S}from"primereact/utils";function E(e){return E="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},E(e)}function O(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function w(e){var n=O(e,"string");return"symbol"===E(n)?n:String(n)}function j(){return j=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},j.apply(this,arguments)}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 I(e){if(Array.isArray(e))return k(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(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 spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return I(e)||N(e)||P(e)||D()}function T(e){if(Array.isArray(e))return e}function H(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function _(){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 C(e,n){return T(e)||H(e,n)||P(e,n)||_()}var M=r.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return y("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:"p-menu-list p-reset",content:function(e){return y("p-menuitem-content",{"p-disabled":e.item.disabled})},action:function(e){return y("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return y("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return y("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n\n .p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menu .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-menu .p-menuitem-text {\n line-height: 1;\n }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function B(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 F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=w(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo(e.forwardRef((function(r,E){var O=i(),w=e.useContext(t),k=M.getProps(r,w),I=C(e.useState(k.id),2),N=I[0],P=I[1],D=C(e.useState(!k.popup),2),T=D[0],H=D[1],_=C(e.useState(-1),2),B=_[0],R=_[1],Z=C(e.useState(-1),2),L=Z[0],U=Z[1],z=C(e.useState(!1),2),J=z[0],K=z[1],X=M.setMetaData({props:k,state:{id:N,visible:T,focused:J}}),G=X.ptm,Y=X.cx,$=X.sx,q=function(e,n){return G(e,{context:n})};a(M.css.styles,X.isUnstyled,{name:"menu"});var Q=e.useRef(null),V=e.useRef(null),W=e.useRef(null),ee=!!(T&&k.popup&&k.closeOnEscape),ne=u("menu",ee);l({callback:function(e){Ee(e)},when:ee&&ne,priority:[c.MENU,ne]});var te=C(s({target:W,overlay:Q,listener:function(e,n){n.valid&&(Ee(e),R(-1))},when:T}),2),re=te[0],ae=te[1],oe=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),k.popup&&Ee(e),k.popup||B===t||R(t),n.url||(e.preventDefault(),e.stopPropagation()))},ie=function(e,n){e&&k.popup&&B!==n&&R(n)},ue=function(e){K(!0),k.popup||(-1!==L?(ge(L),U(-1)):ge(0)),k.onFocus&&k.onFocus(e)},le=function(e){K(!1),R(-1),k.onBlur&&k.onBlur(e)},ce=function(e){switch(e.code){case"ArrowDown":se(e);break;case"ArrowUp":pe(e);break;case"Home":me(e);break;case"End":de(e);break;case"Enter":case"NumpadEnter":fe(e);break;case"Space":be(e);break;case"Escape":k.popup&&(h.focus(W.current),Ee(e));case"Tab":k.popup&&T&&Ee(e)}},se=function(e){var n=ye(B);ge(n),e.preventDefault()},pe=function(e){if(e.altKey&&k.popup)h.focus(W.current),Ee(e),e.preventDefault();else{var n=ve(B);ge(n),e.preventDefault()}},me=function(e){ge(0),e.preventDefault()},de=function(e){ge(h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},fe=function(e){var n=h.findSingle(Q.current,'li[id="'.concat("".concat(B),'"]')),t=n&&h.findSingle(n,'a[data-pc-section="action"]');k.popup&&h.focus(W.current),t?t.click():n&&n.click(),e.preventDefault()},be=function(e){fe(e)},ye=function(e){var n=A(h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ve=function(e){var n=A(h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},ge=function(e){var n=h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&R(n[t].getAttribute("id"))},he=function(){return-1!==B?B:null},xe=function(e){k.popup&&(T?Ee(e):Se(e))},Se=function(e){W.current=e.currentTarget,H(!0),k.onShow&&k.onShow(e)},Ee=function(e){W.current=e.currentTarget,H(!1),k.onHide&&k.onHide(e)},Oe=function(){h.addStyles(Q.current,{position:"absolute",top:"0",left:"0"}),g.set("menu",Q.current,w&&w.autoZIndex||n.autoZIndex,k.baseZIndex||w&&w.zIndex.menu||n.zIndex.menu),h.absolutePosition(Q.current,W.current,k.popupAlignment),k.popup&&(h.focus(V.current),ge(0))},we=function(){re()},je=function(){W.current=null,ae()},ke=function(){g.clear(Q.current)};p((function(){N||P(v())})),m((function(){g.clear(Q.current)})),e.useImperativeHandle(E,(function(){return{props:k,toggle:xe,show:Se,hide:Ee,getElement:function(){return Q.current},getTarget:function(){return W.current}}}));var Ie=function(n,t){var r=N+"_sub_"+t,a=n.items.map((function(e,n){return Pe(e,n,r)})),o=O({id:r,role:"none",className:y(n.className,Y("submenuHeader",{submenu:n})),style:$("submenuHeader",{submenu:n}),"data-p-disabled":n.disabled},G("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",j({},o,{key:r}),n.label),a)},Ne=function(n,t){var r=N+"_separator_"+t,a=O({id:r,className:y(n.className,Y("separator")),role:"separator"},G("separator"));return e.createElement("li",j({},a,{key:r}))},Pe=function(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a={item:n,index:t,parentId:r},o=y("p-menuitem-link",{"p-disabled":n.disabled}),i=y("p-menuitem-icon",n.icon),u=O({className:Y("icon")},q("icon",a)),l=x.getJSXIcon(n.icon,F({},u),{props:k}),c=O({className:Y("label")},q("label",a)),s=n.label&&e.createElement("span",c,n.label),p=n.id||(r||N)+"_"+t,m=O({onClick:function(e){return oe(e,n,p)},onMouseMove:function(e){return ie(e,p)},className:Y("content",{item:n})},q("content",a)),d=O({href:n.url||"#",className:Y("action",{item:n}),onFocus:function(e){return e.stopPropagation()},target:n.target,tabIndex:"-1","aria-label":n.label,"aria-hidden":!0,"aria-disabled":n.disabled,"data-p-disabled":n.disabled},q("action",a)),f=e.createElement("div",m,e.createElement("a",d,l,s,e.createElement(b,null)));n.template&&(f=S.getJSXElement(n.template,n,{onClick:function(e){return oe(e,n,p)},className:o,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:i,element:f,props:k}));var v=O({id:p,className:y(n.className,Y("menuitem",{focused:B===p})),style:$("menuitem",{item:n}),role:"menuitem","aria-label":n.label,"aria-disabled":n.disabled,"data-p-focused":he()===p,"data-p-disabled":n.disabled||!1},q("menuitem",a));return e.createElement("li",j({},v,{key:p}),f)},De=function(e,n){return!1===e.visible?null:e.separator?Ne(e,n):e.items?Ie(e,n):Pe(e,n)},Ae=function(){if(k.model){var n=k.model.map(De),t=O({className:y(k.className,Y("root",{context:w})),style:k.style,onClick:function(e){return n=e,void(k.popup&&d.emit("overlay-click",{originalEvent:n,target:W.current}));var n}},M.getOtherProps(k),G("root")),r=O({ref:V,className:Y("menu"),id:N+"_list",tabIndex:k.tabIndex||"0",role:"menu","aria-label":k.ariaLabel,"aria-labelledby":k.ariaLabelledBy,"aria-activedescendant":J?he():void 0,onFocus:ue,onKeyDown:ce,onBlur:le},G("menu")),a=O({classNames:Y("transition"),in:T,timeout:{enter:120,exit:100},options:k.transitionOptions,unmountOnExit:!0,onEnter:Oe,onEntered:we,onExit:je,onExited:ke},G("transition"));return e.createElement(o,j({nodeRef:Q},a),e.createElement("div",j({id:k.id,ref:Q},t),e.createElement("ul",r,n)))}return null}();return k.popup?e.createElement(f,{element:Ae,appendTo:k.appendTo}):Ae})));R.displayName="Menu";export{R as Menu};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as i}from"primereact/csstransition";import{useMergeProps as o,useDisplayOrder as u,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as y,UniqueComponentId as v,ZIndexUtils as g,DomHandler as h,IconUtils as x,ObjectUtils as S}from"primereact/utils";function E(e){return E="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},E(e)}function O(e,n){if("object"!==E(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function w(e){var n=O(e,"string");return"symbol"===E(n)?n:String(n)}function j(){return j=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},j.apply(this,arguments)}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 I(e){if(Array.isArray(e))return k(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(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 spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return I(e)||N(e)||P(e)||D()}function T(e){if(Array.isArray(e))return e}function H(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,u=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return u}}function _(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,n){return T(e)||H(e,n)||P(e,n)||_()}var M=r.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return y("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:"p-menu-list p-reset",content:function(e){return y("p-menuitem-content",{"p-disabled":e.item.disabled})},action:function(e){return y("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return y("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return y("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n\n .p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menu .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-menu .p-menuitem-text {\n line-height: 1;\n }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function B(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 F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,a,i;r=e,i=t[n],(a=w(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo(e.forwardRef((function(r,E){var O=o(),w=e.useContext(t),k=M.getProps(r,w),I=C(e.useState(k.id),2),N=I[0],P=I[1],D=C(e.useState(!k.popup),2),T=D[0],H=D[1],_=C(e.useState(-1),2),B=_[0],R=_[1],Z=C(e.useState(-1),2),L=Z[0],U=Z[1],z=C(e.useState(!1),2),J=z[0],K=z[1],X=M.setMetaData({props:k,state:{id:N,visible:T,focused:J}}),G=X.ptm,Y=X.cx,$=X.sx,q=function(e,n){return G(e,{context:n})};a(M.css.styles,X.isUnstyled,{name:"menu"});var Q=e.useRef(null),V=e.useRef(null),W=e.useRef(null),ee=!!(T&&k.popup&&k.closeOnEscape),ne=u("menu",ee);l({callback:function(e){Ee(e)},when:ee&&ne,priority:[c.MENU,ne]});var te=C(s({target:W,overlay:Q,listener:function(e,n){n.valid&&(Ee(e),R(-1))},when:T}),2),re=te[0],ae=te[1],ie=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),k.popup&&Ee(e),k.popup||B===t||R(t),n.url||(e.preventDefault(),e.stopPropagation()))},oe=function(e,n){e&&k.popup&&B!==n&&R(n)},ue=function(e){K(!0),k.popup||(-1!==L?(ge(L),U(-1)):ge(0)),k.onFocus&&k.onFocus(e)},le=function(e){K(!1),R(-1),k.onBlur&&k.onBlur(e)},ce=function(e){switch(e.code){case"ArrowDown":se(e);break;case"ArrowUp":pe(e);break;case"Home":me(e);break;case"End":de(e);break;case"Enter":case"NumpadEnter":fe(e);break;case"Space":be(e);break;case"Escape":k.popup&&(h.focus(W.current),Ee(e));case"Tab":k.popup&&T&&Ee(e)}},se=function(e){var n=ye(B);ge(n),e.preventDefault()},pe=function(e){if(e.altKey&&k.popup)h.focus(W.current),Ee(e),e.preventDefault();else{var n=ve(B);ge(n),e.preventDefault()}},me=function(e){ge(0),e.preventDefault()},de=function(e){ge(h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},fe=function(e){var n=h.findSingle(Q.current,'li[id="'.concat("".concat(B),'"]')),t=n&&h.findSingle(n,'a[data-pc-section="action"]');k.popup&&h.focus(W.current),t?t.click():n&&n.click(),e.preventDefault()},be=function(e){fe(e)},ye=function(e){var n=A(h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ve=function(e){var n=A(h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},ge=function(e){var n=h.find(Q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&R(n[t].getAttribute("id"))},he=function(){return-1!==B?B:null},xe=function(e){k.popup&&(T?Ee(e):Se(e))},Se=function(e){W.current=e.currentTarget,H(!0),k.onShow&&k.onShow(e)},Ee=function(e){W.current=e.currentTarget,H(!1),k.onHide&&k.onHide(e)},Oe=function(){h.addStyles(Q.current,{position:"absolute",top:"0",left:"0"}),g.set("menu",Q.current,w&&w.autoZIndex||n.autoZIndex,k.baseZIndex||w&&w.zIndex.menu||n.zIndex.menu),h.absolutePosition(Q.current,W.current,k.popupAlignment),k.popup&&(h.focus(V.current),ge(0))},we=function(){re()},je=function(){W.current=null,ae()},ke=function(){g.clear(Q.current)};p((function(){N||P(v())})),m((function(){g.clear(Q.current)})),e.useImperativeHandle(E,(function(){return{props:k,toggle:xe,show:Se,hide:Ee,getElement:function(){return Q.current},getTarget:function(){return W.current}}}));var Ie=function(n,t){var r=N+"_sub_"+t,a=n.items.map((function(e,n){return Pe(e,n,r)})),i=O({id:r,role:"none",className:y(n.className,Y("submenuHeader",{submenu:n})),style:$("submenuHeader",{submenu:n}),"data-p-disabled":n.disabled},G("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",j({},i,{key:r}),n.label),a)},Ne=function(n,t){if(!1===n.visible)return null;var r=N+"_separator_"+t,a=O({id:r,className:y(n.className,Y("separator")),role:"separator"},G("separator"));return e.createElement("li",j({},a,{key:r}))},Pe=function(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===n.visible)return null;var a={item:n,index:t,parentId:r},i=y("p-menuitem-link",{"p-disabled":n.disabled}),o=y("p-menuitem-icon",n.icon),u=O({className:Y("icon")},q("icon",a)),l=x.getJSXIcon(n.icon,F({},u),{props:k}),c=O({className:Y("label")},q("label",a)),s=n.label&&e.createElement("span",c,n.label),p=n.id||(r||N)+"_"+t,m=O({onClick:function(e){return ie(e,n,p)},onMouseMove:function(e){return oe(e,p)},className:Y("content",{item:n})},q("content",a)),d=O({href:n.url||"#",className:Y("action",{item:n}),onFocus:function(e){return e.stopPropagation()},target:n.target,tabIndex:"-1","aria-label":n.label,"aria-disabled":n.disabled,"data-p-disabled":n.disabled},q("action",a)),f=e.createElement("div",m,e.createElement("a",d,l,s,e.createElement(b,null)));n.template&&(f=S.getJSXElement(n.template,n,{onClick:function(e){return ie(e,n,p)},className:i,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:o,element:f,props:k}));var v=O({id:p,className:y(n.className,Y("menuitem",{focused:B===p})),style:$("menuitem",{item:n}),role:"menuitem","aria-label":n.label,"aria-disabled":n.disabled,"data-p-focused":he()===p,"data-p-disabled":n.disabled||!1},q("menuitem",a));return e.createElement("li",j({},v,{key:p}),f)},De=function(e,n){return!1===e.visible?null:e.separator?Ne(e,n):e.items?Ie(e,n):Pe(e,n)},Ae=function(){if(k.model){var n=k.model.map(De),t=O({className:y(k.className,Y("root",{context:w})),style:k.style,onClick:function(e){return n=e,void(k.popup&&d.emit("overlay-click",{originalEvent:n,target:W.current}));var n}},M.getOtherProps(k),G("root")),r=O({ref:V,className:Y("menu"),id:N+"_list",tabIndex:k.tabIndex||"0",role:"menu","aria-label":k.ariaLabel,"aria-labelledby":k.ariaLabelledBy,"aria-activedescendant":J?he():void 0,onFocus:ue,onKeyDown:ce,onBlur:le},G("menu")),a=O({classNames:Y("transition"),in:T,timeout:{enter:120,exit:100},options:k.transitionOptions,unmountOnExit:!0,onEnter:Oe,onEntered:we,onExit:je,onExited:ke},G("transition"));return e.createElement(i,j({nodeRef:Q},a),e.createElement("div",j({id:k.id,ref:Q},t),e.createElement("ul",r,n)))}return null}();return k.popup?e.createElement(f,{element:Ae,appendTo:k.appendTo}):Ae})));R.displayName="Menu";export{R as Menu};
|
package/menu/menu.js
CHANGED
|
@@ -528,6 +528,9 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
|
|
|
528
528
|
}), submenu.label), items);
|
|
529
529
|
};
|
|
530
530
|
var createSeparator = function createSeparator(item, index) {
|
|
531
|
+
if (item.visible === false) {
|
|
532
|
+
return null;
|
|
533
|
+
}
|
|
531
534
|
var key = idState + '_separator_' + index;
|
|
532
535
|
var separatorProps = mergeProps({
|
|
533
536
|
id: key,
|
|
@@ -540,6 +543,9 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
|
|
|
540
543
|
};
|
|
541
544
|
var createMenuItem = function createMenuItem(item, index) {
|
|
542
545
|
var parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
546
|
+
if (item.visible === false) {
|
|
547
|
+
return null;
|
|
548
|
+
}
|
|
543
549
|
var menuContext = {
|
|
544
550
|
item: item,
|
|
545
551
|
index: index,
|
|
@@ -582,7 +588,6 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
|
|
|
582
588
|
target: item.target,
|
|
583
589
|
tabIndex: '-1',
|
|
584
590
|
'aria-label': item.label,
|
|
585
|
-
'aria-hidden': true,
|
|
586
591
|
'aria-disabled': item.disabled,
|
|
587
592
|
'data-p-disabled': item.disabled
|
|
588
593
|
}, getMenuItemPTOptions('action', menuContext));
|
package/menu/menu.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.menu=function(e,n,t,r,a,i,o,l,u,c){"use strict";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(n),d=s(t);function f(e){return f="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},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function g(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 h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return h(e)||O(e)||E(e)||S()}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,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}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 w(e,n){return N(e)||j(e,n)||E(e,n)||I()}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-menu p-component",{"p-menu-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})},menu:"p-menu-list p-reset",content:function(e){return c.classNames("p-menuitem-content",{"p-disabled":e.item.disabled})},action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return c.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n\n .p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menu .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-menu .p-menuitem-text {\n line-height: 1;\n }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});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 k(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){var r,a,i;r=e,i=t[n],(a=y(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=m.memo(m.forwardRef((function(e,n){var s=i.useMergeProps(),p=m.useContext(t.PrimeReactContext),f=D.getProps(e,p),b=w(m.useState(f.id),2),y=b[0],g=b[1],h=w(m.useState(!f.popup),2),O=h[0],E=h[1],S=w(m.useState(-1),2),N=S[0],j=S[1],I=w(m.useState(-1),2),P=I[0],H=I[1],A=w(m.useState(!1),2),_=A[0],T=A[1],C=D.setMetaData({props:f,state:{id:y,visible:O,focused:_}}),M=C.ptm,U=C.cx,R=C.sx,Z=function(e,n){return M(e,{context:n})};r.useHandleStyle(D.css.styles,C.isUnstyled,{name:"menu"});var B=m.useRef(null),F=m.useRef(null),L=m.useRef(null),K=!!(O&&f.popup&&f.closeOnEscape),z=i.useDisplayOrder("menu",K);i.useGlobalOnEscapeKey({callback:function(e){pe(e)},when:K&&z,priority:[i.ESC_KEY_HANDLING_PRIORITIES.MENU,z]});var G=w(i.useOverlayListener({target:L,overlay:B,listener:function(e,n){n.valid&&(pe(e),j(-1))},when:O}),2),J=G[0],X=G[1],Y=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),f.popup&&pe(e),f.popup||N===t||j(t),n.url||(e.preventDefault(),e.stopPropagation()))},q=function(e,n){e&&f.popup&&N!==n&&j(n)},$=function(e){T(!0),f.popup||(-1!==P?(le(P),H(-1)):le(0)),f.onFocus&&f.onFocus(e)},Q=function(e){T(!1),j(-1),f.onBlur&&f.onBlur(e)},V=function(e){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":ee(e);break;case"Home":ne(e);break;case"End":te(e);break;case"Enter":case"NumpadEnter":re(e);break;case"Space":ae(e);break;case"Escape":f.popup&&(c.DomHandler.focus(L.current),pe(e));case"Tab":f.popup&&O&&pe(e)}},W=function(e){var n=ie(N);le(n),e.preventDefault()},ee=function(e){if(e.altKey&&f.popup)c.DomHandler.focus(L.current),pe(e),e.preventDefault();else{var n=oe(N);le(n),e.preventDefault()}},ne=function(e){le(0),e.preventDefault()},te=function(e){le(c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},re=function(e){var n=c.DomHandler.findSingle(B.current,'li[id="'.concat("".concat(N),'"]')),t=n&&c.DomHandler.findSingle(n,'a[data-pc-section="action"]');f.popup&&c.DomHandler.focus(L.current),t?t.click():n&&n.click(),e.preventDefault()},ae=function(e){re(e)},ie=function(e){var n=x(c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},oe=function(e){var n=x(c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},le=function(e){var n=c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&j(n[t].getAttribute("id"))},ue=function(){return-1!==N?N:null},ce=function(e){f.popup&&(O?pe(e):se(e))},se=function(e){L.current=e.currentTarget,E(!0),f.onShow&&f.onShow(e)},pe=function(e){L.current=e.currentTarget,E(!1),f.onHide&&f.onHide(e)},me=function(){c.DomHandler.addStyles(B.current,{position:"absolute",top:"0",left:"0"}),c.ZIndexUtils.set("menu",B.current,p&&p.autoZIndex||d.default.autoZIndex,f.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),c.DomHandler.absolutePosition(B.current,L.current,f.popupAlignment),f.popup&&(c.DomHandler.focus(F.current),le(0))},de=function(){J()},fe=function(){L.current=null,X()},be=function(){c.ZIndexUtils.clear(B.current)};i.useMountEffect((function(){y||g(c.UniqueComponentId())})),i.useUnmountEffect((function(){c.ZIndexUtils.clear(B.current)})),m.useImperativeHandle(n,(function(){return{props:f,toggle:ce,show:se,hide:pe,getElement:function(){return B.current},getTarget:function(){return L.current}}}));var ye=function(e,n){var t=y+"_sub_"+n,r=e.items.map((function(e,n){return ge(e,n,t)})),a=s({id:t,role:"none",className:c.classNames(e.className,U("submenuHeader",{submenu:e})),style:R("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},M("submenuHeader"));return m.createElement(m.Fragment,{key:t},m.createElement("li",v({},a,{key:t}),e.label),r)},ve=function(e,n){var t=y+"_separator_"+n,r=s({id:t,className:c.classNames(e.className,U("separator")),role:"separator"},M("separator"));return m.createElement("li",v({},r,{key:t}))},ge=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r={item:e,index:n,parentId:t},a=c.classNames("p-menuitem-link",{"p-disabled":e.disabled}),i=c.classNames("p-menuitem-icon",e.icon),o=s({className:U("icon")},Z("icon",r)),l=c.IconUtils.getJSXIcon(e.icon,k({},o),{props:f}),p=s({className:U("label")},Z("label",r)),d=e.label&&m.createElement("span",p,e.label),b=e.id||(t||y)+"_"+n,g=s({onClick:function(n){return Y(n,e,b)},onMouseMove:function(e){return q(e,b)},className:U("content",{item:e})},Z("content",r)),h=s({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},Z("action",r)),O=m.createElement("div",g,m.createElement("a",h,l,d,m.createElement(u.Ripple,null)));e.template&&(O=c.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return Y(n,e,b)},className:a,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:i,element:O,props:f}));var E=s({id:b,className:c.classNames(e.className,U("menuitem",{focused:N===b})),style:R("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ue()===b,"data-p-disabled":e.disabled||!1},Z("menuitem",r));return m.createElement("li",v({},E,{key:b}),O)},he=function(e,n){return!1===e.visible?null:e.separator?ve(e,n):e.items?ye(e,n):ge(e,n)},Oe=function(){if(f.model){var e=f.model.map(he),n=s({className:c.classNames(f.className,U("root",{context:p})),style:f.style,onClick:function(e){return n=e,void(f.popup&&o.OverlayService.emit("overlay-click",{originalEvent:n,target:L.current}));var n}},D.getOtherProps(f),M("root")),t=s({ref:F,className:U("menu"),id:y+"_list",tabIndex:f.tabIndex||"0",role:"menu","aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,"aria-activedescendant":_?ue():void 0,onFocus:$,onKeyDown:V,onBlur:Q},M("menu")),r=s({classNames:U("transition"),in:O,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:me,onEntered:de,onExit:fe,onExited:be},M("transition"));return m.createElement(a.CSSTransition,v({nodeRef:B},r),m.createElement("div",v({id:f.id,ref:B},n),m.createElement("ul",t,e)))}return null}();return f.popup?m.createElement(l.Portal,{element:Oe,appendTo:f.appendTo}):Oe})));return H.displayName="Menu",e.Menu=H,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.menu=function(e,n,t,r,a,i,o,l,u,c){"use strict";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(n),d=s(t);function f(e){return f="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},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function g(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 h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return h(e)||O(e)||E(e)||S()}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,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}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 w(e,n){return N(e)||j(e,n)||E(e,n)||I()}var D=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-menu p-component",{"p-menu-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})},menu:"p-menu-list p-reset",content:function(e){return c.classNames("p-menuitem-content",{"p-disabled":e.item.disabled})},action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return c.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n }\n\n .p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menu .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-menu .p-menuitem-text {\n line-height: 1;\n }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});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 k(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){var r,a,i;r=e,i=t[n],(a=y(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=m.memo(m.forwardRef((function(e,n){var s=i.useMergeProps(),p=m.useContext(t.PrimeReactContext),f=D.getProps(e,p),b=w(m.useState(f.id),2),y=b[0],g=b[1],h=w(m.useState(!f.popup),2),O=h[0],E=h[1],S=w(m.useState(-1),2),N=S[0],j=S[1],I=w(m.useState(-1),2),P=I[0],H=I[1],A=w(m.useState(!1),2),_=A[0],T=A[1],C=D.setMetaData({props:f,state:{id:y,visible:O,focused:_}}),M=C.ptm,U=C.cx,R=C.sx,Z=function(e,n){return M(e,{context:n})};r.useHandleStyle(D.css.styles,C.isUnstyled,{name:"menu"});var B=m.useRef(null),F=m.useRef(null),L=m.useRef(null),K=!!(O&&f.popup&&f.closeOnEscape),z=i.useDisplayOrder("menu",K);i.useGlobalOnEscapeKey({callback:function(e){pe(e)},when:K&&z,priority:[i.ESC_KEY_HANDLING_PRIORITIES.MENU,z]});var G=w(i.useOverlayListener({target:L,overlay:B,listener:function(e,n){n.valid&&(pe(e),j(-1))},when:O}),2),J=G[0],X=G[1],Y=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),f.popup&&pe(e),f.popup||N===t||j(t),n.url||(e.preventDefault(),e.stopPropagation()))},q=function(e,n){e&&f.popup&&N!==n&&j(n)},$=function(e){T(!0),f.popup||(-1!==P?(le(P),H(-1)):le(0)),f.onFocus&&f.onFocus(e)},Q=function(e){T(!1),j(-1),f.onBlur&&f.onBlur(e)},V=function(e){switch(e.code){case"ArrowDown":W(e);break;case"ArrowUp":ee(e);break;case"Home":ne(e);break;case"End":te(e);break;case"Enter":case"NumpadEnter":re(e);break;case"Space":ae(e);break;case"Escape":f.popup&&(c.DomHandler.focus(L.current),pe(e));case"Tab":f.popup&&O&&pe(e)}},W=function(e){var n=ie(N);le(n),e.preventDefault()},ee=function(e){if(e.altKey&&f.popup)c.DomHandler.focus(L.current),pe(e),e.preventDefault();else{var n=oe(N);le(n),e.preventDefault()}},ne=function(e){le(0),e.preventDefault()},te=function(e){le(c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},re=function(e){var n=c.DomHandler.findSingle(B.current,'li[id="'.concat("".concat(N),'"]')),t=n&&c.DomHandler.findSingle(n,'a[data-pc-section="action"]');f.popup&&c.DomHandler.focus(L.current),t?t.click():n&&n.click(),e.preventDefault()},ae=function(e){re(e)},ie=function(e){var n=x(c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},oe=function(e){var n=x(c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},le=function(e){var n=c.DomHandler.find(B.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&j(n[t].getAttribute("id"))},ue=function(){return-1!==N?N:null},ce=function(e){f.popup&&(O?pe(e):se(e))},se=function(e){L.current=e.currentTarget,E(!0),f.onShow&&f.onShow(e)},pe=function(e){L.current=e.currentTarget,E(!1),f.onHide&&f.onHide(e)},me=function(){c.DomHandler.addStyles(B.current,{position:"absolute",top:"0",left:"0"}),c.ZIndexUtils.set("menu",B.current,p&&p.autoZIndex||d.default.autoZIndex,f.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),c.DomHandler.absolutePosition(B.current,L.current,f.popupAlignment),f.popup&&(c.DomHandler.focus(F.current),le(0))},de=function(){J()},fe=function(){L.current=null,X()},be=function(){c.ZIndexUtils.clear(B.current)};i.useMountEffect((function(){y||g(c.UniqueComponentId())})),i.useUnmountEffect((function(){c.ZIndexUtils.clear(B.current)})),m.useImperativeHandle(n,(function(){return{props:f,toggle:ce,show:se,hide:pe,getElement:function(){return B.current},getTarget:function(){return L.current}}}));var ye=function(e,n){var t=y+"_sub_"+n,r=e.items.map((function(e,n){return ge(e,n,t)})),a=s({id:t,role:"none",className:c.classNames(e.className,U("submenuHeader",{submenu:e})),style:R("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},M("submenuHeader"));return m.createElement(m.Fragment,{key:t},m.createElement("li",v({},a,{key:t}),e.label),r)},ve=function(e,n){if(!1===e.visible)return null;var t=y+"_separator_"+n,r=s({id:t,className:c.classNames(e.className,U("separator")),role:"separator"},M("separator"));return m.createElement("li",v({},r,{key:t}))},ge=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r={item:e,index:n,parentId:t},a=c.classNames("p-menuitem-link",{"p-disabled":e.disabled}),i=c.classNames("p-menuitem-icon",e.icon),o=s({className:U("icon")},Z("icon",r)),l=c.IconUtils.getJSXIcon(e.icon,k({},o),{props:f}),p=s({className:U("label")},Z("label",r)),d=e.label&&m.createElement("span",p,e.label),b=e.id||(t||y)+"_"+n,g=s({onClick:function(n){return Y(n,e,b)},onMouseMove:function(e){return q(e,b)},className:U("content",{item:e})},Z("content",r)),h=s({href:e.url||"#",className:U("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},Z("action",r)),O=m.createElement("div",g,m.createElement("a",h,l,d,m.createElement(u.Ripple,null)));e.template&&(O=c.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return Y(n,e,b)},className:a,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:i,element:O,props:f}));var E=s({id:b,className:c.classNames(e.className,U("menuitem",{focused:N===b})),style:R("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ue()===b,"data-p-disabled":e.disabled||!1},Z("menuitem",r));return m.createElement("li",v({},E,{key:b}),O)},he=function(e,n){return!1===e.visible?null:e.separator?ve(e,n):e.items?ye(e,n):ge(e,n)},Oe=function(){if(f.model){var e=f.model.map(he),n=s({className:c.classNames(f.className,U("root",{context:p})),style:f.style,onClick:function(e){return n=e,void(f.popup&&o.OverlayService.emit("overlay-click",{originalEvent:n,target:L.current}));var n}},D.getOtherProps(f),M("root")),t=s({ref:F,className:U("menu"),id:y+"_list",tabIndex:f.tabIndex||"0",role:"menu","aria-label":f.ariaLabel,"aria-labelledby":f.ariaLabelledBy,"aria-activedescendant":_?ue():void 0,onFocus:$,onKeyDown:V,onBlur:Q},M("menu")),r=s({classNames:U("transition"),in:O,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:me,onEntered:de,onExit:fe,onExited:be},M("transition"));return m.createElement(a.CSSTransition,v({nodeRef:B},r),m.createElement("div",v({id:f.id,ref:B},n),m.createElement("ul",t,e)))}return null}();return f.popup?m.createElement(l.Portal,{element:Oe,appendTo:f.appendTo}):Oe})));return H.displayName="Menu",e.Menu=H,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
|
package/menubar/menubar.cjs.js
CHANGED
|
@@ -372,7 +372,6 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
|
|
|
372
372
|
var actionProps = mergeProps({
|
|
373
373
|
href: item.url || '#',
|
|
374
374
|
tabIndex: '-1',
|
|
375
|
-
'aria-hidden': 'true',
|
|
376
375
|
className: cx('action', {
|
|
377
376
|
disabled: disabled
|
|
378
377
|
}),
|
|
@@ -942,11 +941,11 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
942
941
|
};
|
|
943
942
|
var findFirstFocusedItemIndex = function findFirstFocusedItemIndex() {
|
|
944
943
|
var selectedIndex = findSelectedItemIndex();
|
|
945
|
-
return selectedIndex
|
|
944
|
+
return selectedIndex;
|
|
946
945
|
};
|
|
947
946
|
var findLastFocusedItemIndex = function findLastFocusedItemIndex() {
|
|
948
947
|
var selectedIndex = findSelectedItemIndex();
|
|
949
|
-
return selectedIndex
|
|
948
|
+
return selectedIndex;
|
|
950
949
|
};
|
|
951
950
|
var searchItems = function searchItems(event, _char) {
|
|
952
951
|
searchValue.current = (searchValue.current || '') + _char;
|
|
@@ -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/hooks"),i=require("primereact/icons/bars"),o=require("primereact/utils"),a=require("primereact/icons/angledown"),u=require("primereact/icons/angleright"),c=require("primereact/ripple");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=s(e),f=l(n);function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function d(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=d(e,"string");return"symbol"===p(n)?n:String(n)}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,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 x(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return x(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(e,n):void 0}}function h(){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,n){return y(e)||g(e,n)||I(e,n)||h()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return o.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return o.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return o.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 5;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function j(){return j=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},j.apply(this,arguments)}function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=m.memo(m.forwardRef((function(e,n){var t=r.useMergeProps(),i=e.ptm,l=e.cx,s=function(n,t,r){return i(t,{props:e,hostName:e.hostName,context:{item:n,index:r,active:x(n),focused:E(n),disabled:h(n),level:e.level}})},f=function(n,t){h(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;h(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},y=function(n){return"".concat(e.id,"_").concat(n.key)},g=function(e,n,t){return e&&e.item?o.ObjectUtils.getItemValue(e.item[n],t):void 0},x=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},I=function(e){return!1!==g(e,"visible")},h=function(e){return g(e,"disabled")},E=function(n){return e.focusedItemId===y(n)},O=function(e){return o.ObjectUtils.isNotEmpty(e.items)},k=function(n){return n-e.model.slice(0,n).filter((function(e){return I(e)&&g(e,"separator")})).length+1},w=function(n,r){var o=e.id+"_separator_"+r+"_"+n.key,a=t({"data-id":o,className:l("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return m.createElement("li",j({},a,{key:o}))},N=function(n){var t=n&&n.items;return t?m.createElement(S,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:i,style:{display:x(n)?"block":"none"},cx:l}):null},D=function(n,r){var i=n.item;if(!I(n))return null;var d=b(n),S=y(n),w=x(n),D=E(n),U=h(n)||!1,K=O(n),M=o.classNames("p-menuitem-link",{"p-disabled":U}),A=o.classNames("p-menuitem-icon",g(n,"icon")),C=t({className:l("icon")},s(n,"icon",r)),L=o.IconUtils.getJSXIcon(i.icon,P({},C),{props:e.menuProps}),R=t({className:l("label")},s(n,"label",r)),_=i.label&&m.createElement("span",R,i.label),H=g(n,"items"),T=t({className:l("submenuIcon")},s(n,"submenuIcon",r)),B=H&&o.IconUtils.getJSXIcon(e.root?e.submenuIcon||m.createElement(a.AngleDownIcon,T):e.submenuIcon||m.createElement(u.AngleRightIcon,T),P({},T),{props:P({menuProps:e.menuProps},e)}),q=N(n),F=t({href:i.url||"#",tabIndex:"-1","aria-hidden":"true",className:l("action",{disabled:U}),onFocus:function(e){return e.stopPropagation()},target:g(n,"target"),"aria-haspopup":null!=H},s(n,"action",r)),z=m.createElement("a",F,L,_,B,m.createElement(c.Ripple,null));i.template&&(z=o.ObjectUtils.getJSXElement(i.template,i,{className:M,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:e}));var J=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return f(e,n)},className:l("content")},s(n,"content",r)),X=g(n,"className"),Z=t(v({id:d,"data-id":S,role:"menuitem","aria-label":i.label,"aria-disabled":U,"aria-expanded":K?w:void 0,"aria-haspopup":K&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return I(e)&&!g(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":w,"data-p-focused":D,"data-p-disabled":U,className:o.classNames(X,l("menuitem",{active:w,focused:D,disabled:U}))},"data-p-disabled",U||!1),s(n,"menuitem",r));return m.createElement("li",j({},Z,{key:"".concat(S)}),m.createElement("div",J,z),q)},U=e.root?"menubar":"menu",K=e.root?"menu":"submenu",M=e.root?"0":null,A=e.model?e.model.map((function(e,n){return!1===e.visible?null:g(e,"separator")?w(e,n):D(e,n)})):null,C=t({ref:n,className:l(K),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"data-id":e.id,tabIndex:M,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:U},i(K));return m.createElement("ul",C,A)})));function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}S.displayName="MenubarSub";var D=m.memo(m.forwardRef((function(e,a){var u=r.useMergeProps(),c=m.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=E(m.useState(l.id),2),p=s[0],d=s[1],b=E(m.useState(!1),2),y=b[0],g=b[1],x=E(m.useState(!1),2),I=x[0],h=x[1],j=E(m.useState({index:-1,level:0,parentKey:""}),2),k=j[0],P=j[1],w=E(m.useState(null),2),D=w[0],U=w[1],K=E(m.useState([]),2),M=K[0],A=K[1],C=E(m.useState([]),2),L=C[0],R=C[1],_=E(m.useState([]),2),H=_[0],T=_[1],B=E(m.useState(!1),2),q=B[0],F=B[1],z=E(m.useState(!1),2),J=z[0],X=z[1],Z=m.useRef(null),V=m.useRef(null),W=m.useRef(null),Y=m.useRef(""),$=m.useRef(null),G=m.useRef(!1),Q=O.setMetaData({props:l,state:{id:p,mobileActive:y}}),ee=Q.ptm,ne=Q.cx;t.useHandleStyle(O.css.styles,Q.isUnstyled,{name:"menubar"});var te=E(r.useEventListener({type:"click",listener:function(e){me(e)&&(Z.current&&!Z.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=E(r.useResizeListener({listener:function(e){o.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){y?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){P({index:Le(),level:0,parentKey:""}),o.DomHandler.focus(V.current)},se=function(e){y&&(g(!1),setTimeout((function(){o.DomHandler.focus(W.current)}),0)),A([]),P({index:-1,level:0,parentKey:""}),e&&o.DomHandler.focus(V.current),X(!1)},me=function(e){return V.current!==e.target&&!V.current.contains(e.target)&&W.current!==e.target&&!W.current.contains(e.target)},fe=function(e,n){return e?o.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&o.ObjectUtils.isNotEmpty(e.items)},ve=function(e){var n=e.processedItem,t=e.isFocus;if(!o.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,a=n.level,u=n.parentKey,c=o.ObjectUtils.isNotEmpty(n.items),l=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),P({index:r,level:a,parentKey:u}),A(l),c&&X(!0),t&&o.DomHandler.focus(V.current)}},ye=function(e){var n=L[k.index];if(n?o.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==k.index?Me(k.index):Le();He(t)}e.preventDefault()},ge=function(e){var n=L[k.index];if(o.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return F(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===k.index&&t&&""===t.parentKey)P({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==k.index?Ae(k.index):Re();He(r)}}e.preventDefault()},xe=function(e){var n=L[k.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==k.index?Ae(k.index):Re();He(r)}e.preventDefault()},Ie=function(e){var n=L[k.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==k.index?Me(k.index):Le();He(t)}e.preventDefault()},he=function(e){He(Ue()),e.preventDefault()},Ee=function(e){He(Ke()),e.preventDefault()},Oe=function(e){if(-1!==k.index){var n=o.DomHandler.findSingle(V.current,'li[data-id="'.concat("".concat(D),'"]')),t=n&&o.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},je=function(e){Oe(e)},ke=function(e){se(!0),P({focusedItemInfo:k,index:Le()})},Pe=function(e){if(-1!==k.index){var n=L[k.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Se=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return o.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?o.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){var e=Ce();return e<0?Ue():e},Re=function(){var e=Ce();return e<0?Ke():e},_e=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==k.index?-1===(t=L.slice(k.index).findIndex((function(e){return Se(e)})))?L.slice(0,k.index).findIndex((function(e){return Se(e)})):t+k.index:L.findIndex((function(e){return Se(e)})))&&(r=!0),-1===t&&-1===k.index&&(t=Le()),-1!==t&&He(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},He=function(e){k.index!==e&&(P(N(N({},k),{},{index:e})),Te())},Te=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(p,"_").concat(e):D,t=o.DomHandler.findSingle(V.current,'li[data-id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=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=Be(e.items,n+1,u,a),i.push(u)})),i};r.useMountEffect((function(){p||d(o.UniqueComponentId())})),r.useUpdateEffect((function(){y?(re(),ae(),o.ZIndexUtils.set("menu",V.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.menu||f.default.zIndex.menu)):(ue(),ie(),o.ZIndexUtils.clear(V.current))}),[y]),m.useEffect((function(){var e=Be(l.model||[],0,null,"");T(e)}),[l.model]),r.useUpdateEffect((function(){var e=M.find((function(e){return e.key===k.parentKey}));R(e?e.items:H)}),[M,k,H]),r.useUpdateEffect((function(){o.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),r.useUpdateEffect((function(){if(q){var e=-1!==k.index?Me(k.index):G.current?Ke():Le();He(e),G.current=!1,F(!1)}}),[q]),r.useUpdateEffect((function(){U(-1!==k.index?"".concat(p).concat(o.ObjectUtils.isNotEmpty(k.parentKey)?"_"+k.parentKey:"","_").concat(k.index):null)}),[k]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(V.current)})),m.useImperativeHandle(a,(function(){return{props:l,toggle:ce,getElement:function(){return Z.current},getRootMenu:function(){return V.current},getMenuButton:function(){return W.current}}}));var qe=function(){if(l.start){var e=o.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return m.createElement("div",n,e)}return null}(),Fe=function(){if(l.end){var e=o.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return m.createElement("div",n,e)}return null}(),ze=function(){if(l.model&&l.model.length<1)return null;var e=u(v(v(v(v({ref:W,href:"#",tabIndex:"0","aria-haspopup":!!(y&&l.model&&l.model.length>0),"aria-expanded":y,"aria-label":n.ariaLabel("navigation"),"aria-controls":p,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"NumpadEnter"===n.code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),t=u(ee("popupIcon")),r=o.IconUtils.getJSXIcon(l.menuIcon||m.createElement(i.BarsIcon,t),N({},t),{props:l});return m.createElement("a",e,r)}(),Je=m.createElement(S,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:p,ref:V,menuProps:l,model:H,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=o.ObjectUtils.isEmpty(t.parent);if(De(t)){var a=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),P({index:a,level:c,parentKey:l}),r||X(!i),setTimeout((function(){o.DomHandler.focus(V.current),r&&X(!0)}),0)}else if(r)o.DomHandler.focus(V.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),P({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!y&&J&&ve(e)},onFocus:function(e){h(!0),P(-1!==k.index?k:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),P({index:-1,level:0,parentKey:""}),Y.current="",X(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":je(e);break;case"Enter":case"NumpadEnter":Oe(e);break;case"Escape":ke();break;case"Tab":Pe(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&o.ObjectUtils.isPrintableCharacter(e.key)&&_e(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Xe=u({id:l.id,ref:Z,className:o.classNames(l.className,ne("root",{mobileActiveState:y})),style:l.style},O.getOtherProps(l),ee("root"));return m.createElement("div",Xe,qe,ze,Je,Fe)})));D.displayName="Menubar",exports.Menubar=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),i=require("primereact/icons/bars"),o=require("primereact/utils"),a=require("primereact/icons/angledown"),u=require("primereact/icons/angleright"),c=require("primereact/ripple");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=s(e),f=l(n);function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function d(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=d(e,"string");return"symbol"===p(n)?n:String(n)}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function y(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,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 x(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e,n){if(e){if("string"==typeof e)return x(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(e,n):void 0}}function h(){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,n){return y(e)||g(e,n)||I(e,n)||h()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,ariaLabel:null,ariaLabelledBy:null,onFocus:null,onBlur:null,submenuIcon:null,menuIcon:null,end:null,children:void 0},css:{classes:{start:"p-menubar-start",end:"p-menubar-end",button:"p-menubar-button",root:function(e){return o.classNames("p-menubar p-component",{"p-menubar-mobile-active":e.mobileActiveState})},separator:"p-menuitem-separator",icon:"p-menuitem-icon",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",menuitem:function(e){return o.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled})},menu:"p-menubar-root-list",content:"p-menuitem-content",submenu:"p-submenu-list",action:function(e){return o.classNames("p-menuitem-link",{"p-disabled":e.disabled})}},styles:"\n@layer primereact {\n .p-menubar {\n display: flex;\n align-items: center;\n }\n\n .p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-menubar .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-menubar .p-menuitem-text {\n line-height: 1;\n }\n\n .p-menubar .p-menuitem {\n position: relative;\n }\n\n .p-menubar-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n }\n\n .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n }\n\n .p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 5;\n }\n\n .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n }\n\n .p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n}\n"}});function j(){return j=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},j.apply(this,arguments)}function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=m.memo(m.forwardRef((function(e,n){var t=r.useMergeProps(),i=e.ptm,l=e.cx,s=function(n,t,r){return i(t,{props:e,hostName:e.hostName,context:{item:n,index:r,active:x(n),focused:E(n),disabled:h(n),level:e.level}})},f=function(n,t){h(t)||e.mobileActive?n.preventDefault():e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},p=function(e,n){var t=n.item;h(n)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),d({originalEvent:e,processedItem:n,isFocus:!0}),t.url||(e.preventDefault(),e.stopPropagation()))},d=function(n){e.onLeafClick&&e.onLeafClick(n)},b=function(e){var n;return null===(n=e.item)||void 0===n?void 0:n.id},y=function(n){return"".concat(e.id,"_").concat(n.key)},g=function(e,n,t){return e&&e.item?o.ObjectUtils.getItemValue(e.item[n],t):void 0},x=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},I=function(e){return!1!==g(e,"visible")},h=function(e){return g(e,"disabled")},E=function(n){return e.focusedItemId===y(n)},O=function(e){return o.ObjectUtils.isNotEmpty(e.items)},k=function(n){return n-e.model.slice(0,n).filter((function(e){return I(e)&&g(e,"separator")})).length+1},w=function(n,r){var o=e.id+"_separator_"+r+"_"+n.key,a=t({"data-id":o,className:l("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return m.createElement("li",j({},a,{key:o}))},N=function(n){var t=n&&n.items;return t?m.createElement(S,{id:e.id,hostName:e.hostName,menuProps:e.menuProps,level:e.level+1,model:t,activeItemPath:e.activeItemPath,focusedItemId:e.focusedItemId,onLeafClick:d,onItemMouseEnter:e.onItemMouseEnter,submenuIcon:e.submenuIcon,ptm:i,style:{display:x(n)?"block":"none"},cx:l}):null},D=function(n,r){var i=n.item;if(!I(n))return null;var d=b(n),S=y(n),w=x(n),D=E(n),U=h(n)||!1,K=O(n),M=o.classNames("p-menuitem-link",{"p-disabled":U}),A=o.classNames("p-menuitem-icon",g(n,"icon")),C=t({className:l("icon")},s(n,"icon",r)),L=o.IconUtils.getJSXIcon(i.icon,P({},C),{props:e.menuProps}),R=t({className:l("label")},s(n,"label",r)),_=i.label&&m.createElement("span",R,i.label),H=g(n,"items"),T=t({className:l("submenuIcon")},s(n,"submenuIcon",r)),B=H&&o.IconUtils.getJSXIcon(e.root?e.submenuIcon||m.createElement(a.AngleDownIcon,T):e.submenuIcon||m.createElement(u.AngleRightIcon,T),P({},T),{props:P({menuProps:e.menuProps},e)}),q=N(n),F=t({href:i.url||"#",tabIndex:"-1",className:l("action",{disabled:U}),onFocus:function(e){return e.stopPropagation()},target:g(n,"target"),"aria-haspopup":null!=H},s(n,"action",r)),z=m.createElement("a",F,L,_,B,m.createElement(c.Ripple,null));i.template&&(z=o.ObjectUtils.getJSXElement(i.template,i,{className:M,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:e}));var J=t({onClick:function(e){return p(e,n)},onMouseEnter:function(e){return f(e,n)},className:l("content")},s(n,"content",r)),X=g(n,"className"),Z=t(v({id:d,"data-id":S,role:"menuitem","aria-label":i.label,"aria-disabled":U,"aria-expanded":K?w:void 0,"aria-haspopup":K&&!i.url?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return I(e)&&!g(e,"separator")})).length,"aria-posinset":k(r),"data-p-highlight":w,"data-p-focused":D,"data-p-disabled":U,className:o.classNames(X,l("menuitem",{active:w,focused:D,disabled:U}))},"data-p-disabled",U||!1),s(n,"menuitem",r));return m.createElement("li",j({},Z,{key:"".concat(S)}),m.createElement("div",J,z),q)},U=e.root?"menubar":"menu",K=e.root?"menu":"submenu",M=e.root?"0":null,A=e.model?e.model.map((function(e,n){return!1===e.visible?null:g(e,"separator")?w(e,n):D(e,n)})):null,C=t({ref:n,className:l(K),level:e.level,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,"data-id":e.id,tabIndex:M,"aria-activedescendant":e.ariaActivedescendant,style:e.style,role:U},i(K));return m.createElement("ul",C,A)})));function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}S.displayName="MenubarSub";var D=m.memo(m.forwardRef((function(e,a){var u=r.useMergeProps(),c=m.useContext(n.PrimeReactContext),l=O.getProps(e,c),s=E(m.useState(l.id),2),p=s[0],d=s[1],b=E(m.useState(!1),2),y=b[0],g=b[1],x=E(m.useState(!1),2),I=x[0],h=x[1],j=E(m.useState({index:-1,level:0,parentKey:""}),2),k=j[0],P=j[1],w=E(m.useState(null),2),D=w[0],U=w[1],K=E(m.useState([]),2),M=K[0],A=K[1],C=E(m.useState([]),2),L=C[0],R=C[1],_=E(m.useState([]),2),H=_[0],T=_[1],B=E(m.useState(!1),2),q=B[0],F=B[1],z=E(m.useState(!1),2),J=z[0],X=z[1],Z=m.useRef(null),V=m.useRef(null),W=m.useRef(null),Y=m.useRef(""),$=m.useRef(null),G=m.useRef(!1),Q=O.setMetaData({props:l,state:{id:p,mobileActive:y}}),ee=Q.ptm,ne=Q.cx;t.useHandleStyle(O.css.styles,Q.isUnstyled,{name:"menubar"});var te=E(r.useEventListener({type:"click",listener:function(e){me(e)&&(Z.current&&!Z.current.contains(e.target)&&se())}}),2),re=te[0],ie=te[1],oe=E(r.useResizeListener({listener:function(e){o.DomHandler.isTouchDevice()||se(e)}}),2),ae=oe[0],ue=oe[1],ce=function(e){y?(g(!1),se()):(g(!0),setTimeout((function(){le()}),1)),e.preventDefault()},le=function(){P({index:Le(),level:0,parentKey:""}),o.DomHandler.focus(V.current)},se=function(e){y&&(g(!1),setTimeout((function(){o.DomHandler.focus(W.current)}),0)),A([]),P({index:-1,level:0,parentKey:""}),e&&o.DomHandler.focus(V.current),X(!1)},me=function(e){return V.current!==e.target&&!V.current.contains(e.target)&&W.current!==e.target&&!W.current.contains(e.target)},fe=function(e,n){return e?o.ObjectUtils.getItemValue(e[n]):void 0},pe=function(e){return fe(e,"separator")},de=function(e){return e?fe(e.item,"label"):void 0},be=function(e){return e&&o.ObjectUtils.isNotEmpty(e.items)},ve=function(e){var n=e.processedItem,t=e.isFocus;if(!o.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,a=n.level,u=n.parentKey,c=o.ObjectUtils.isNotEmpty(n.items),l=M.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),P({index:r,level:a,parentKey:u}),A(l),c&&X(!0),t&&o.DomHandler.focus(V.current)}},ye=function(e){var n=L[k.index];if(n?o.ObjectUtils.isEmpty(n.parent):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==k.index?Me(k.index):Le();He(t)}e.preventDefault()},ge=function(e){var n=L[k.index];if(o.ObjectUtils.isEmpty(n.parent)){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),G.current=!0,setTimeout((function(){return F(!0)}),0))}else{var t=M.find((function(e){return e.key===n.parentKey}));if(0===k.index&&t&&""===t.parentKey)P({index:-1,parentKey:t?t.parentKey:""}),Y.current="",xe(e);else{var r=-1!==k.index?Ae(k.index):Re();He(r)}}e.preventDefault()},xe=function(e){var n=L[k.index],t=n?M.find((function(e){return e.key===n.parentKey})):null;if(t)ve({originalEvent:e,processedItem:t}),A(M.filter((function(e){return e.key!==t.key})));else{var r=-1!==k.index?Ae(k.index):Re();He(r)}e.preventDefault()},Ie=function(e){var n=L[k.index];if(n?M.find((function(e){return e.key===n.parentKey})):null){be(n)&&(ve({originalEvent:e,processedItem:n}),P({index:-1,parentKey:n.key}),setTimeout((function(){return F(!0)}),0))}else{var t=-1!==k.index?Me(k.index):Le();He(t)}e.preventDefault()},he=function(e){He(Ue()),e.preventDefault()},Ee=function(e){He(Ke()),e.preventDefault()},Oe=function(e){if(-1!==k.index){var n=o.DomHandler.findSingle(V.current,'li[data-id="'.concat("".concat(D),'"]')),t=n&&o.DomHandler.findSingle(n,'a[data-pc-section="action"]');t?t.click():n&&n.click()}e.preventDefault()},je=function(e){Oe(e)},ke=function(e){se(!0),P({focusedItemInfo:k,index:Le()})},Pe=function(e){if(-1!==k.index){var n=L[k.index];!be(n)&&ve({originalEvent:e,processedItem:n})}se()},Se=function(e){return we(e)&&de(e).toLocaleLowerCase().startsWith(Y.current.toLocaleLowerCase())},we=function(e){return!!e&&!fe(e.item,"disabled")&&!pe(e.item)},Ne=function(e){return we(e)&&De(e)},De=function(e){return M.some((function(n){return n.key===e.key}))},Ue=function(){return L.findIndex((function(e){return we(e)}))},Ke=function(){return o.ObjectUtils.findLastIndex(L,(function(e){return we(e)}))},Me=function(e){var n=e<L.length-1?L.slice(e+1).findIndex((function(e){return we(e)})):-1;return n>-1?n+e+1:e},Ae=function(e){var n=e>0?o.ObjectUtils.findLastIndex(L.slice(0,e),(function(e){return we(e)})):-1;return n>-1?n:e},Ce=function(){return L.findIndex((function(e){return Ne(e)}))},Le=function(){return Ce()},Re=function(){return Ce()},_e=function(e,n){Y.current=(Y.current||"")+n;var t=-1,r=!1;return-1!==(t=-1!==k.index?-1===(t=L.slice(k.index).findIndex((function(e){return Se(e)})))?L.slice(0,k.index).findIndex((function(e){return Se(e)})):t+k.index:L.findIndex((function(e){return Se(e)})))&&(r=!0),-1===t&&-1===k.index&&(t=Le()),-1!==t&&He(t),$.current&&clearTimeout($.current),$.current=setTimeout((function(){Y.current="",$.current=null}),500),r},He=function(e){k.index!==e&&(P(N(N({},k),{},{index:e})),Te())},Te=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(p,"_").concat(e):D,t=o.DomHandler.findSingle(V.current,'li[data-id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},Be=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=Be(e.items,n+1,u,a),i.push(u)})),i};r.useMountEffect((function(){p||d(o.UniqueComponentId())})),r.useUpdateEffect((function(){y?(re(),ae(),o.ZIndexUtils.set("menu",V.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.menu||f.default.zIndex.menu)):(ue(),ie(),o.ZIndexUtils.clear(V.current))}),[y]),m.useEffect((function(){var e=Be(l.model||[],0,null,"");T(e)}),[l.model]),r.useUpdateEffect((function(){var e=M.find((function(e){return e.key===k.parentKey}));R(e?e.items:H)}),[M,k,H]),r.useUpdateEffect((function(){o.ObjectUtils.isNotEmpty(M)?(re(),ae()):(ie(),ue())}),[M]),r.useUpdateEffect((function(){if(q){var e=-1!==k.index?Me(k.index):G.current?Ke():Le();He(e),G.current=!1,F(!1)}}),[q]),r.useUpdateEffect((function(){U(-1!==k.index?"".concat(p).concat(o.ObjectUtils.isNotEmpty(k.parentKey)?"_"+k.parentKey:"","_").concat(k.index):null)}),[k]),r.useUnmountEffect((function(){o.ZIndexUtils.clear(V.current)})),m.useImperativeHandle(a,(function(){return{props:l,toggle:ce,getElement:function(){return Z.current},getRootMenu:function(){return V.current},getMenuButton:function(){return W.current}}}));var qe=function(){if(l.start){var e=o.ObjectUtils.getJSXElement(l.start,l),n=u({className:ne("start")},ee("start"));return m.createElement("div",n,e)}return null}(),Fe=function(){if(l.end){var e=o.ObjectUtils.getJSXElement(l.end,l),n=u({className:ne("end")},ee("end"));return m.createElement("div",n,e)}return null}(),ze=function(){if(l.model&&l.model.length<1)return null;var e=u(v(v(v(v({ref:W,href:"#",tabIndex:"0","aria-haspopup":!!(y&&l.model&&l.model.length>0),"aria-expanded":y,"aria-label":n.ariaLabel("navigation"),"aria-controls":p,role:"button"},"tabIndex",0),"className",ne("button")),"onKeyDown",(function(e){var n;("Enter"===(n=e).code||"NumpadEnter"===n.code||"Space"===n.code)&&ce(n)})),"onClick",(function(e){return ce(e)})),ee("button")),t=u(ee("popupIcon")),r=o.IconUtils.getJSXIcon(l.menuIcon||m.createElement(i.BarsIcon,t),N({},t),{props:l});return m.createElement("a",e,r)}(),Je=m.createElement(S,{hostName:"Menubar",ariaActivedescendant:I?D:void 0,level:0,id:p,ref:V,menuProps:l,model:H,onLeafClick:function(e){var n=e.originalEvent,t=e.processedItem,r=be(t),i=o.ObjectUtils.isEmpty(t.parent);if(De(t)){var a=t.index,u=t.key,c=t.level,l=t.parentKey;A(M.filter((function(e){return u!==e.key&&u.startsWith(e.key)}))),P({index:a,level:c,parentKey:l}),r||X(!i),setTimeout((function(){o.DomHandler.focus(V.current),r&&X(!0)}),0)}else if(r)o.DomHandler.focus(V.current),ve({originalEvent:n,processedItem:t});else{var s=i?t:M.find((function(e){return""===e.parentKey})),m=s?s.index:-1;se(n),P({index:m,parentKey:s?s.parentKey:""}),g(!1)}},onItemMouseEnter:function(e){!y&&J&&ve(e)},onFocus:function(e){h(!0),P(-1!==k.index?k:{index:Le(),level:0,parentKey:""}),l.onFocus&&l.onFocus(e)},onBlur:function(e){h(!1),P({index:-1,level:0,parentKey:""}),Y.current="",X(!1),l.onBlur&&l.onBlur(e)},onKeyDown:function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ye(e);break;case"ArrowUp":ge(e);break;case"ArrowLeft":xe(e);break;case"ArrowRight":Ie(e);break;case"Home":he(e);break;case"End":Ee(e);break;case"Space":je(e);break;case"Enter":case"NumpadEnter":Oe(e);break;case"Escape":ke();break;case"Tab":Pe(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&o.ObjectUtils.isPrintableCharacter(e.key)&&_e(e,e.key)}},root:!0,activeItemPath:M,focusedItemId:I?D:void 0,submenuIcon:l.submenuIcon,ptm:ee,cx:ne}),Xe=u({id:l.id,ref:Z,className:o.classNames(l.className,ne("root",{mobileActiveState:y})),style:l.style},O.getOtherProps(l),ee("root"));return m.createElement("div",Xe,qe,ze,Je,Fe)})));D.displayName="Menubar",exports.Menubar=D;
|