primereact 10.3.2 → 10.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.cjs.js +1 -1
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.esm.js +1 -1
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +1 -1
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +20 -0
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -1
- package/api/api.esm.js +20 -0
- package/api/api.esm.min.js +1 -1
- package/api/api.js +20 -0
- package/api/api.min.js +1 -1
- package/calendar/calendar.cjs.js +509 -150
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +4 -0
- package/calendar/calendar.esm.js +510 -151
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +509 -150
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -0
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -0
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -0
- package/carousel/carousel.min.js +1 -1
- package/chips/chips.cjs.js +2 -1
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +2 -1
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +2 -1
- package/chips/chips.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +4 -4
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +4 -4
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +4 -4
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +93 -40
- package/core/core.min.js +4 -4
- package/datatable/datatable.cjs.js +577 -150
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +573 -146
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +577 -150
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +27 -25
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.d.ts +7 -1
- package/dataview/dataview.esm.js +27 -25
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +27 -25
- package/dataview/dataview.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/dropdown/dropdown.cjs.js +20 -25
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +9 -0
- package/dropdown/dropdown.esm.js +20 -25
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +20 -25
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +1 -1
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +1 -1
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +1 -1
- package/editor/editor.min.js +1 -1
- package/focustrap/focustrap.cjs.js +168 -0
- package/focustrap/focustrap.cjs.min.js +1 -0
- package/focustrap/focustrap.esm.js +159 -0
- package/focustrap/focustrap.esm.min.js +1 -0
- package/focustrap/focustrap.js +167 -0
- package/focustrap/focustrap.min.js +1 -0
- package/focustrap/package.json +7 -0
- package/galleria/galleria.cjs.js +26 -24
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +26 -24
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +26 -24
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.d.ts +1 -1
- package/menubar/menubar.cjs.js +7 -4
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +7 -4
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +7 -4
- package/menubar/menubar.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +20 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +20 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +20 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +32 -21
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +32 -21
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +32 -21
- package/panelmenu/panelmenu.min.js +1 -1
- package/picklist/picklist.cjs.js +20 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +20 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +20 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1499 -725
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1499 -725
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1499 -725
- package/primereact.all.min.js +1 -1
- package/sidebar/sidebar.cjs.js +18 -16
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +18 -16
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +18 -16
- package/sidebar/sidebar.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +8 -7
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +8 -7
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +8 -7
- package/splitbutton/splitbutton.min.js +1 -1
- package/splitter/splitter.cjs.js +57 -12
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.d.ts +13 -1
- package/splitter/splitter.esm.js +59 -14
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +57 -12
- package/splitter/splitter.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +8 -7
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +8 -7
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +8 -7
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/toast/toast.cjs.js +20 -0
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +20 -0
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +20 -0
- package/toast/toast.min.js +1 -1
- package/tree/tree.cjs.js +33 -15
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +34 -16
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +33 -15
- package/tree/tree.min.js +1 -1
- package/treetable/treetable.cjs.js +205 -68
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +206 -69
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +205 -68
- package/treetable/treetable.min.js +1 -1
- package/web-types.json +34 -1
|
@@ -141,7 +141,7 @@ var classes = {
|
|
|
141
141
|
submenuIcon: 'p-submenu-icon',
|
|
142
142
|
action: 'p-menuitem-link',
|
|
143
143
|
menuitem: function menuitem(_ref3) {
|
|
144
|
-
var
|
|
144
|
+
var itemClassName = _ref3.itemClassName,
|
|
145
145
|
active = _ref3.active,
|
|
146
146
|
focused = _ref3.focused,
|
|
147
147
|
disabled = _ref3.disabled;
|
|
@@ -149,7 +149,7 @@ var classes = {
|
|
|
149
149
|
'p-menuitem-active p-highlight': active,
|
|
150
150
|
'p-focus': focused,
|
|
151
151
|
'p-disabled': disabled
|
|
152
|
-
},
|
|
152
|
+
}, itemClassName);
|
|
153
153
|
},
|
|
154
154
|
menu: 'p-tieredmenu-root-list',
|
|
155
155
|
submenu: 'p-submenu-list',
|
|
@@ -338,6 +338,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
|
|
|
338
338
|
}
|
|
339
339
|
var item = processedItem.item;
|
|
340
340
|
var style = getItemProp(processedItem, 'style');
|
|
341
|
+
var itemClassName = getItemProp(processedItem, 'className');
|
|
341
342
|
var _icon = getItemProp(processedItem, 'icon');
|
|
342
343
|
var target = getItemProp(processedItem, 'target');
|
|
343
344
|
var url = getItemProp(processedItem, 'url');
|
|
@@ -413,7 +414,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
|
|
|
413
414
|
'data-p-disabled': disabled,
|
|
414
415
|
'data-p-visited': focused,
|
|
415
416
|
className: cx('menuitem', {
|
|
416
|
-
|
|
417
|
+
itemClassName: itemClassName,
|
|
417
418
|
active: active,
|
|
418
419
|
focused: focused,
|
|
419
420
|
disabled: disabled
|
|
@@ -978,7 +979,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
978
979
|
});
|
|
979
980
|
}
|
|
980
981
|
};
|
|
981
|
-
var createProcessedItems = function
|
|
982
|
+
var createProcessedItems = React.useCallback(function (items) {
|
|
982
983
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
983
984
|
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
984
985
|
var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
@@ -997,7 +998,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
997
998
|
processedItems.push(newItem);
|
|
998
999
|
});
|
|
999
1000
|
return processedItems;
|
|
1000
|
-
};
|
|
1001
|
+
}, []);
|
|
1001
1002
|
var createStyle = function createStyle() {
|
|
1002
1003
|
if (!styleElementRef.current) {
|
|
1003
1004
|
styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
|
|
@@ -1053,11 +1054,11 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
|
|
|
1053
1054
|
!attributeSelectorState && setAttributeSelectorState(uniqueId);
|
|
1054
1055
|
}
|
|
1055
1056
|
});
|
|
1056
|
-
|
|
1057
|
+
React.useEffect(function () {
|
|
1057
1058
|
var itemsToProcess = props.model || [];
|
|
1058
1059
|
var processed = createProcessedItems(itemsToProcess);
|
|
1059
1060
|
setProcessedItems(processed);
|
|
1060
|
-
}, props.model);
|
|
1061
|
+
}, [props.model, createProcessedItems]);
|
|
1061
1062
|
useUpdateEffect(function () {
|
|
1062
1063
|
var processedItem = activeItemPath.find(function (p) {
|
|
1063
1064
|
return p.key === focusedItemInfo.parentKey;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(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 M(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||D(e,n)||M()}var A=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"icon"),l=d(t,"target"),p=d(t,"url"),v=f(t),N=O(t),K=h(t),D=k(t),M=w(t),T=b("p-menuitem-link"),A=b("p-menuitem-icon",a),C=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),H=g.getJSXIcon(a,L({},C),{props:n.menuProps}),R=i({className:c("label")},s(t,"label")),_=o.label&&e.createElement("span",R,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),B=M&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),F=j(t,r),Z=i({href:p||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:l},s(t,"action")),V=e.createElement("a",Z,H,_,B,e.createElement(E,null));o.template&&(V=y.getJSXElement(o.template,o,{className:T,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:V,props:n,active:K,disabled:D}));var z=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),U=i({key:v,id:v,"aria-label":o.label,"aria-disabled":D,"aria-expanded":M?K:void 0,"aria-haspopup":M&&!p?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":K,"data-p-disabled":D,"data-p-visited":N,className:c("menuitem",{className:o.className,active:K,focused:N,disabled:D}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",U,e.createElement("div",z,V),F)},D=n.model?n.model.map((function(e,n){return d(e,"separator")?N(n):K(e,n)})):null,M=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(M,{subProps:n}),style:l(M,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(M,{hostName:n.hostName}));return e.createElement("ul",T,D)})));function R(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 _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="TieredMenuSub";var W=e.memo(e.forwardRef((function(r,b){var g=u(),I=e.useContext(t),E=A.getProps(r,I),O=T(e.useState(E.id),2),w=O[0],S=O[1],P=T(e.useState(!E.popup),2),N=P[0],j=P[1],K=T(e.useState([]),2),D=K[0],M=K[1],C=T(e.useState(!1),2),L=C[0],R=C[1],W=T(e.useState(null),2),B=W[0],F=W[1],Z=T(e.useState({index:-1,level:0,parentKey:""}),2),V=Z[0],z=Z[1],U=T(e.useState(!1),2),J=U[0],X=U[1],Y=T(e.useState([]),2),$=Y[0],q=Y[1],G=T(e.useState([]),2),Q=G[0],ee=G[1],ne=T(e.useState(!1),2),te=ne[0],re=ne[1],ie=T(e.useState(null),2),oe=ie[0],ue=ie[1],ae=A.setMetaData({props:E,state:{id:w,visible:N,attributeSelector:oe}}),ce=ae.ptm,le=ae.cx,se=ae.sx;i(A.css.styles,ae.isUnstyled,{name:"tieredmenu"});var pe=e.useRef(null),me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=c("screen and (max-width: ".concat(E.breakpoint,")"),!!E.breakpoint),he=T(l({type:"click",listener:function(e){var n=pe.current&&!pe.current.contains(e.target),t=!E.popup||!(fe.current&&(fe.current===e.target||fe.current.contains(e.target)));n&&t&&Ne(e,!E.popup)}}),2),xe=he[0],Ie=he[1],Ee=T(s({listener:function(){!ge&&Ne(event,!0)}}),2),ke=Ee[0],Oe=Ee[1],we=function(e){E.popup&&f.emit("overlay-click",{originalEvent:e,target:fe.current})},Se=function(e){E.popup&&(N?Ne(e):Pe(e))},Pe=function(e){E.popup&&(fe.current=e.currentTarget,j(!0),E.onShow&&E.onShow(e),de.current=e.relatedTarget||null),z({index:un(),level:0,parentKey:""})},Ne=function(e,n){E.popup&&(j(!1),E.onHide&&E.onHide(e));var t=ze();M([]),z({index:-1,level:0,parentKey:""}),n&&v.focus(de.current||fe.current||t),X(!1)},je=function(e){R(!0),z(-1!==V.index?V:{index:un(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},Ke=function(e){R(!1),z({index:-1,level:0,parentKey:""}),ve.current="",X(!1),E.onBlur&&E.onBlur(e)},De=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ce(e);break;case"ArrowUp":Le(e);break;case"ArrowLeft":He(e);break;case"ArrowRight":Re(e);break;case"Home":_e(e);break;case"End":We(e);break;case"Space":Fe(e);break;case"Enter":Be(e);break;case"Escape":E.popup&&v.focus(fe.current),Ze(e);break;case"Tab":Ve(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&cn(e.key)}},Me=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),z({index:r,level:o,parentKey:u}),M(c),a&&X(!0),t&&v.focus(ze())}},Te=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!E.isMobileMode){var r=Ye(t),i=y.isEmpty(t.parent),o=Qe(t),u=ze();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;M(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),z({index:a,level:l,parentKey:s}),r||X(!i),setTimeout((function(){v.focus(u),r&&X(!0)}),0)}else if(r)v.focus(u),Me(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ne(n,!0),z({index:m,parentKey:p?p.parentKey:""})}}},Ae=function(e){var n=e.originalEvent;Je(e.processedItem)||E.isMobileMode?n.preventDefault():J&&!E.popup&&Me(e)},Ce=function(e){var n=-1!==V.index?tn(V.index):un();ln(n),e.preventDefault()},Le=function(e){if(e.altKey){if(E.popup&&v.focus(fe.current),-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}E.popup&&Ne(e,!0),e.preventDefault()}else{var t=-1!==V.index?rn(V.index):an();ln(t),e.preventDefault()}},He=function(e){var n=Q[V.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(z({index:-1,parentKey:t?t.parentKey:""}),ve.current="",setTimeout((function(){return re(!0)}),0)),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),e.preventDefault()},Re=function(e){var n=Q[V.index];Ye(n)&&(Me({originalEvent:e,processedItem:n}),z({index:-1,parentKey:n.key}),ve.current="",setTimeout((function(){return re(!0)}),0)),e.preventDefault()},_e=function(e){ln(en()),e.preventDefault()},We=function(e){ln(nn()),e.preventDefault()},Be=function(e){if(-1!==V.index){var n=v.findSingle(ze(),'li[id="'.concat("".concat(B),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');E.popup&&v.focus(fe.current),t?t.click():n&&n.click()}e.preventDefault()},Fe=function(e){Be(e)},Ze=function(e){Ne(e,!0),!E.popup&&z(_(_({},V),{},{index:un()})),e.preventDefault()},Ve=function(e){if(-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}Ne(e)},ze=function(){return me.current.getElement()||null},Ue=function(e,n){return e?y.getItemValue(e[n]):void 0},Je=function(e){return Ue(e,"disabled")},Xe=function(e){return e?Ue(e.item,"label"):void 0},Ye=function(e){return e&&y.isNotEmpty(e.items)},$e=function(e){return qe(e)&&Xe(e).toLocaleLowerCase().startsWith(ve.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Je(e.item)&&!Ue(e.item,"separator")},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return D.some((function(n){return n.key===e.key}))},en=function(){return Q.findIndex((function(e){return qe(e)}))},nn=function(){return y.findLastIndex(Q,(function(e){return qe(e)}))},tn=function(e){var n=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return n>-1?n+e+1:e},rn=function(e){var n=e>0?y.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return n>-1?n:e},on=function(){return Q.findIndex((function(e){return Ge(e)}))},un=function(){var e=on();return e<0?en():e},an=function(){var e=on();return e<0?nn():e},cn=function(e){ve.current=(ve.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==V.index?-1===(n=Q.slice(V.index).findIndex((function(e){return $e(e)})))?Q.slice(0,V.index).findIndex((function(e){return $e(e)})):n+V.index:Q.findIndex((function(e){return $e(e)})))&&(t=!0),-1===n&&-1===V.index&&(n=un()),-1!==n&&ln(n),ye.current&&clearTimeout(ye),ye.current=setTimeout((function(){ve.current="",ye.current=null}),500),t},ln=function(e){V.index!==e&&(z(_(_({},V),{},{index:e})),sn())},sn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(w,"_").concat(e):B,t=v.findSingle(ze(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},pn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},mn=function(){if(!be.current){be.current=v.createInlineStyle(I&&I.nonce||n.nonce,I&&I.styleContainer);var e="".concat(oe),t="\n@media screen and (max-width: ".concat(E.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(E.scrollHeight,";\n overflow: ").concat(E.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(E.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");be.current.innerHTML=t}},fn=function(){be.current=v.removeInlineStyle(be.current)},dn=function(){E.autoZIndex&&x.set("menu",pe.current,I&&I.autoZIndex||n.autoZIndex,E.baseZIndex||I&&I.zIndex.menu||n.zIndex.menu),v.addStyles(pe.current,{position:"absolute",top:"0",left:"0"}),v.absolutePosition(pe.current,fe.current),v.getOuterWidth(fe.current)>v.getOuterWidth(pe.current)&&(pe.current.style.minWidth=v.getOuterWidth(fe.current)+"px"),v.focus(me.current.getElement()),sn(),oe&&E.breakpoint&&(pe.current.setAttribute(oe,""),mn())},bn=function(){xe(),ke()},vn=function(){fe.current=null,Ie(),Oe()},yn=function(){x.clear(pe.current),fn()};p((function(){var e=h();!w&&S(e),E.breakpoint&&!oe&&ue(e)})),a((function(){var e=pn(E.model||[]);q(e)}),E.model),a((function(){var e=D.find((function(e){return e.key===V.parentKey}));ee(e?e.items:$)}),[D,V,$]),a((function(){var e=-1!==V.index?"".concat(w).concat(y.isNotEmpty(V.parentKey)?"_"+V.parentKey:"","_").concat(V.index):null;F(e)}),[V]),a((function(){E.popup||(y.isNotEmpty(D)?(xe(),ke()):(Ie(),Oe()))}),[D]),a((function(){if(te){var e=-1!==V.index?tn(V.index):un();ln(e),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),re(!1)}}),[te]),a((function(){return oe&&pe.current&&(pe.current.setAttribute(oe,""),mn()),function(){fn()}}),[oe,E.breakpoint]),m((function(){x.clear(pe.current)})),e.useImperativeHandle(b,(function(){return{props:E,toggle:Se,show:Pe,hide:Ne,getElement:function(){return pe.current}}}));var gn,hn,xn=(gn=g({ref:pe,id:E.id,className:le("root"),style:E.style,onClick:we},A.getOtherProps(E),ce("root")),hn=g({classNames:le("transition"),in:N,timeout:{enter:120,exit:100},options:E.transitionOptions,unmountOnExit:!0,onEnter:dn,onEntered:bn,onExit:vn,onExited:yn},ce("transition")),e.createElement(o,k({nodeRef:pe},hn),e.createElement("div",gn,e.createElement(H,{id:w+"_list",ref:me,hostName:"TieredMenu",menuProps:E,tabIndex:0,model:$,ariaLabel:E.ariaLabel,ariaLabelledBy:E.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:L?B:void 0,menuId:w,level:0,focusedItemId:B,activeItemPath:D,onFocus:je,onBlur:Ke,onKeyDown:De,onItemClick:Te,onItemMouseEnter:Ae,root:!0,popup:E.popup,onHide:Ne,isMobileMode:ge,submenuIcon:E.submenuIcon,ptm:ce,cx:le,sx:se}))));return E.popup?e.createElement(d,{element:xn,appendTo:E.appendTo}):xn})));W.displayName="TieredMenu";export{W as TieredMenu};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function D(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 M(){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 N(e)||j(e,n)||D(e,n)||M()}var T=r.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":r&&"filled"===r.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":r&&!1===r.ripple||!1===n.ripple},t.className)},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.url||e.preventDefault(),r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(H,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),D=h(t),M=k(t),C=w(t),T=b("p-menuitem-link"),A=b("p-menuitem-icon",l),H=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),R=g.getJSXIcon(l,L({},H),{props:n.menuProps}),W=i({className:c("label")},s(t,"label")),_=o.label&&e.createElement("span",W,o.label),B=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=C&&g.getJSXIcon(n.submenuIcon||e.createElement(I,B),L({},B),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,R,_,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:T,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:D,disabled:M}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":M,"aria-expanded":C?D:void 0,"aria-haspopup":C&&!v?"menu":void 0,"aria-level":n.level+1,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":D,"data-p-disabled":M,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:D,focused:K,disabled:M}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},D=n.model?n.model.map((function(e,n){return d(e,"separator")?N(n):K(e,n)})):null,M=n.root?"menu":"submenu",C=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(M,{subProps:n}),style:l(M,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(M,{hostName:n.hostName}));return e.createElement("ul",C,D)})));function R(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function W(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?R(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):R(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}H.displayName="TieredMenuSub";var _=e.memo(e.forwardRef((function(r,b){var g=u(),I=e.useContext(t),E=T.getProps(r,I),O=C(e.useState(E.id),2),w=O[0],S=O[1],P=C(e.useState(!E.popup),2),N=P[0],j=P[1],K=C(e.useState([]),2),D=K[0],M=K[1],A=C(e.useState(!1),2),L=A[0],R=A[1],_=C(e.useState(null),2),B=_[0],F=_[1],Z=C(e.useState({index:-1,level:0,parentKey:""}),2),V=Z[0],z=Z[1],U=C(e.useState(!1),2),J=U[0],X=U[1],Y=C(e.useState([]),2),$=Y[0],q=Y[1],G=C(e.useState([]),2),Q=G[0],ee=G[1],ne=C(e.useState(!1),2),te=ne[0],re=ne[1],ie=C(e.useState(null),2),oe=ie[0],ue=ie[1],ae=T.setMetaData({props:E,state:{id:w,visible:N,attributeSelector:oe}}),ce=ae.ptm,le=ae.cx,se=ae.sx;i(T.css.styles,ae.isUnstyled,{name:"tieredmenu"});var pe=e.useRef(null),me=e.useRef(null),fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=c("screen and (max-width: ".concat(E.breakpoint,")"),!!E.breakpoint),he=C(l({type:"click",listener:function(e){var n=pe.current&&!pe.current.contains(e.target),t=!E.popup||!(fe.current&&(fe.current===e.target||fe.current.contains(e.target)));n&&t&&Ne(e,!E.popup)}}),2),xe=he[0],Ie=he[1],Ee=C(s({listener:function(){!ge&&Ne(event,!0)}}),2),ke=Ee[0],Oe=Ee[1],we=function(e){E.popup&&f.emit("overlay-click",{originalEvent:e,target:fe.current})},Se=function(e){E.popup&&(N?Ne(e):Pe(e))},Pe=function(e){E.popup&&(fe.current=e.currentTarget,j(!0),E.onShow&&E.onShow(e),de.current=e.relatedTarget||null),z({index:un(),level:0,parentKey:""})},Ne=function(e,n){E.popup&&(j(!1),E.onHide&&E.onHide(e));var t=ze();M([]),z({index:-1,level:0,parentKey:""}),n&&v.focus(de.current||fe.current||t),X(!1)},je=function(e){R(!0),z(-1!==V.index?V:{index:un(),level:0,parentKey:""}),E.onFocus&&E.onFocus(e)},Ke=function(e){R(!1),z({index:-1,level:0,parentKey:""}),ve.current="",X(!1),E.onBlur&&E.onBlur(e)},De=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Ae(e);break;case"ArrowUp":Le(e);break;case"ArrowLeft":He(e);break;case"ArrowRight":Re(e);break;case"Home":We(e);break;case"End":_e(e);break;case"Space":Fe(e);break;case"Enter":Be(e);break;case"Escape":E.popup&&v.focus(fe.current),Ze(e);break;case"Tab":Ve(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&cn(e.key)}},Me=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),z({index:r,level:o,parentKey:u}),M(c),a&&X(!0),t&&v.focus(ze())}},Ce=function(e){var n=e.originalEvent,t=e.processedItem;if(!Je(t)&&!E.isMobileMode){var r=Ye(t),i=y.isEmpty(t.parent),o=Qe(t),u=ze();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;M(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),z({index:a,level:l,parentKey:s}),r||X(!i),setTimeout((function(){v.focus(u),r&&X(!0)}),0)}else if(r)v.focus(u),Me(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ne(n,!0),z({index:m,parentKey:p?p.parentKey:""})}}},Te=function(e){var n=e.originalEvent;Je(e.processedItem)||E.isMobileMode?n.preventDefault():J&&!E.popup&&Me(e)},Ae=function(e){var n=-1!==V.index?tn(V.index):un();ln(n),e.preventDefault()},Le=function(e){if(e.altKey){if(E.popup&&v.focus(fe.current),-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}E.popup&&Ne(e,!0),e.preventDefault()}else{var t=-1!==V.index?rn(V.index):an();ln(t),e.preventDefault()}},He=function(e){var n=Q[V.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(z({index:-1,parentKey:t?t.parentKey:""}),ve.current="",setTimeout((function(){return re(!0)}),0)),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),e.preventDefault()},Re=function(e){var n=Q[V.index];Ye(n)&&(Me({originalEvent:e,processedItem:n}),z({index:-1,parentKey:n.key}),ve.current="",setTimeout((function(){return re(!0)}),0)),e.preventDefault()},We=function(e){ln(en()),e.preventDefault()},_e=function(e){ln(nn()),e.preventDefault()},Be=function(e){if(-1!==V.index){var n=v.findSingle(ze(),'li[id="'.concat("".concat(B),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');E.popup&&v.focus(fe.current),t?t.click():n&&n.click()}e.preventDefault()},Fe=function(e){Be(e)},Ze=function(e){Ne(e,!0),!E.popup&&z(W(W({},V),{},{index:un()})),e.preventDefault()},Ve=function(e){if(-1!==V.index){var n=Q[V.index];!Ye(n)&&Me({originalEvent:e,processedItem:n})}Ne(e)},ze=function(){return me.current.getElement()||null},Ue=function(e,n){return e?y.getItemValue(e[n]):void 0},Je=function(e){return Ue(e,"disabled")},Xe=function(e){return e?Ue(e.item,"label"):void 0},Ye=function(e){return e&&y.isNotEmpty(e.items)},$e=function(e){return qe(e)&&Xe(e).toLocaleLowerCase().startsWith(ve.current.toLocaleLowerCase())},qe=function(e){return!!e&&!Je(e.item)&&!Ue(e.item,"separator")},Ge=function(e){return qe(e)&&Qe(e)},Qe=function(e){return D.some((function(n){return n.key===e.key}))},en=function(){return Q.findIndex((function(e){return qe(e)}))},nn=function(){return y.findLastIndex(Q,(function(e){return qe(e)}))},tn=function(e){var n=e<Q.length-1?Q.slice(e+1).findIndex((function(e){return qe(e)})):-1;return n>-1?n+e+1:e},rn=function(e){var n=e>0?y.findLastIndex(Q.slice(0,e),(function(e){return qe(e)})):-1;return n>-1?n:e},on=function(){return Q.findIndex((function(e){return Ge(e)}))},un=function(){var e=on();return e<0?en():e},an=function(){var e=on();return e<0?nn():e},cn=function(e){ve.current=(ve.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==V.index?-1===(n=Q.slice(V.index).findIndex((function(e){return $e(e)})))?Q.slice(0,V.index).findIndex((function(e){return $e(e)})):n+V.index:Q.findIndex((function(e){return $e(e)})))&&(t=!0),-1===n&&-1===V.index&&(n=un()),-1!==n&&ln(n),ye.current&&clearTimeout(ye),ye.current=setTimeout((function(){ve.current="",ye.current=null}),500),t},ln=function(e){V.index!==e&&(z(W(W({},V),{},{index:e})),sn())},sn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(w,"_").concat(e):B,t=v.findSingle(ze(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},pn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=pn(e.items,n+1,a,u),i.push(a)})),i}),[]),mn=function(){if(!be.current){be.current=v.createInlineStyle(I&&I.nonce||n.nonce,I&&I.styleContainer);var e="".concat(oe),t="\n@media screen and (max-width: ".concat(E.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(E.scrollHeight,";\n overflow: ").concat(E.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(E.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");be.current.innerHTML=t}},fn=function(){be.current=v.removeInlineStyle(be.current)},dn=function(){E.autoZIndex&&x.set("menu",pe.current,I&&I.autoZIndex||n.autoZIndex,E.baseZIndex||I&&I.zIndex.menu||n.zIndex.menu),v.addStyles(pe.current,{position:"absolute",top:"0",left:"0"}),v.absolutePosition(pe.current,fe.current),v.getOuterWidth(fe.current)>v.getOuterWidth(pe.current)&&(pe.current.style.minWidth=v.getOuterWidth(fe.current)+"px"),v.focus(me.current.getElement()),sn(),oe&&E.breakpoint&&(pe.current.setAttribute(oe,""),mn())},bn=function(){xe(),ke()},vn=function(){fe.current=null,Ie(),Oe()},yn=function(){x.clear(pe.current),fn()};p((function(){var e=h();!w&&S(e),E.breakpoint&&!oe&&ue(e)})),e.useEffect((function(){var e=pn(E.model||[]);q(e)}),[E.model,pn]),a((function(){var e=D.find((function(e){return e.key===V.parentKey}));ee(e?e.items:$)}),[D,V,$]),a((function(){var e=-1!==V.index?"".concat(w).concat(y.isNotEmpty(V.parentKey)?"_"+V.parentKey:"","_").concat(V.index):null;F(e)}),[V]),a((function(){E.popup||(y.isNotEmpty(D)?(xe(),ke()):(Ie(),Oe()))}),[D]),a((function(){if(te){var e=-1!==V.index?tn(V.index):un();ln(e),M(D.filter((function(e){return e.parentKey!==V.parentKey}))),re(!1)}}),[te]),a((function(){return oe&&pe.current&&(pe.current.setAttribute(oe,""),mn()),function(){fn()}}),[oe,E.breakpoint]),m((function(){x.clear(pe.current)})),e.useImperativeHandle(b,(function(){return{props:E,toggle:Se,show:Pe,hide:Ne,getElement:function(){return pe.current}}}));var gn,hn,xn=(gn=g({ref:pe,id:E.id,className:le("root"),style:E.style,onClick:we},T.getOtherProps(E),ce("root")),hn=g({classNames:le("transition"),in:N,timeout:{enter:120,exit:100},options:E.transitionOptions,unmountOnExit:!0,onEnter:dn,onEntered:bn,onExit:vn,onExited:yn},ce("transition")),e.createElement(o,k({nodeRef:pe},hn),e.createElement("div",gn,e.createElement(H,{id:w+"_list",ref:me,hostName:"TieredMenu",menuProps:E,tabIndex:0,model:$,ariaLabel:E.ariaLabel,ariaLabelledBy:E.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:L?B:void 0,menuId:w,level:0,focusedItemId:B,activeItemPath:D,onFocus:je,onBlur:Ke,onKeyDown:De,onItemClick:Ce,onItemMouseEnter:Te,root:!0,popup:E.popup,onHide:Ne,isMobileMode:ge,submenuIcon:E.submenuIcon,ptm:ce,cx:le,sx:se}))));return E.popup?e.createElement(d,{element:xn,appendTo:E.appendTo}):xn})));_.displayName="TieredMenu";export{_ as TieredMenu};
|
package/tieredmenu/tieredmenu.js
CHANGED
|
@@ -156,7 +156,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
156
156
|
submenuIcon: 'p-submenu-icon',
|
|
157
157
|
action: 'p-menuitem-link',
|
|
158
158
|
menuitem: function menuitem(_ref3) {
|
|
159
|
-
var
|
|
159
|
+
var itemClassName = _ref3.itemClassName,
|
|
160
160
|
active = _ref3.active,
|
|
161
161
|
focused = _ref3.focused,
|
|
162
162
|
disabled = _ref3.disabled;
|
|
@@ -164,7 +164,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
164
164
|
'p-menuitem-active p-highlight': active,
|
|
165
165
|
'p-focus': focused,
|
|
166
166
|
'p-disabled': disabled
|
|
167
|
-
},
|
|
167
|
+
}, itemClassName);
|
|
168
168
|
},
|
|
169
169
|
menu: 'p-tieredmenu-root-list',
|
|
170
170
|
submenu: 'p-submenu-list',
|
|
@@ -353,6 +353,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
353
353
|
}
|
|
354
354
|
var item = processedItem.item;
|
|
355
355
|
var style = getItemProp(processedItem, 'style');
|
|
356
|
+
var itemClassName = getItemProp(processedItem, 'className');
|
|
356
357
|
var _icon = getItemProp(processedItem, 'icon');
|
|
357
358
|
var target = getItemProp(processedItem, 'target');
|
|
358
359
|
var url = getItemProp(processedItem, 'url');
|
|
@@ -428,7 +429,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
428
429
|
'data-p-disabled': disabled,
|
|
429
430
|
'data-p-visited': focused,
|
|
430
431
|
className: cx('menuitem', {
|
|
431
|
-
|
|
432
|
+
itemClassName: itemClassName,
|
|
432
433
|
active: active,
|
|
433
434
|
focused: focused,
|
|
434
435
|
disabled: disabled
|
|
@@ -993,7 +994,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
993
994
|
});
|
|
994
995
|
}
|
|
995
996
|
};
|
|
996
|
-
var createProcessedItems = function
|
|
997
|
+
var createProcessedItems = React__namespace.useCallback(function (items) {
|
|
997
998
|
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
998
999
|
var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
999
1000
|
var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
@@ -1012,7 +1013,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
1012
1013
|
processedItems.push(newItem);
|
|
1013
1014
|
});
|
|
1014
1015
|
return processedItems;
|
|
1015
|
-
};
|
|
1016
|
+
}, []);
|
|
1016
1017
|
var createStyle = function createStyle() {
|
|
1017
1018
|
if (!styleElementRef.current) {
|
|
1018
1019
|
styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
|
|
@@ -1068,11 +1069,11 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
1068
1069
|
!attributeSelectorState && setAttributeSelectorState(uniqueId);
|
|
1069
1070
|
}
|
|
1070
1071
|
});
|
|
1071
|
-
|
|
1072
|
+
React__namespace.useEffect(function () {
|
|
1072
1073
|
var itemsToProcess = props.model || [];
|
|
1073
1074
|
var processed = createProcessedItems(itemsToProcess);
|
|
1074
1075
|
setProcessedItems(processed);
|
|
1075
|
-
}, props.model);
|
|
1076
|
+
}, [props.model, createProcessedItems]);
|
|
1076
1077
|
hooks.useUpdateEffect(function () {
|
|
1077
1078
|
var processedItem = activeItemPath.find(function (p) {
|
|
1078
1079
|
return p.key === focusedItemInfo.parentKey;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,u,a,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,u=e.cx,a=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),a=v(n,"icon"),m=v(n,"target"),k=v(n,"url"),S=b(n),D=x(n),P=y(n),N=h(n),H=I(n),M=c.classNames("p-menuitem-link"),K=c.classNames("p-menuitem-icon",a),U=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(a,w({},U),{props:e.menuProps}),C=r({className:u("label")},p(n,"label")),A=i.label&&d.createElement("span",C,i.label),L=r({className:u("submenuIcon")},p(n,"submenuIcon")),R=H&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,L),w({},L),{props:e.menuProps}),_=j(n,t),W=r({href:k||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:m},p(n,"action")),B=d.createElement("a",W,T,A,R,d.createElement(s.Ripple,null));i.template&&(B=c.ObjectUtils.getJSXElement(i.template,i,{className:M,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:B,props:e,active:P,disabled:N}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:S,id:S,"aria-label":i.label,"aria-disabled":N,"aria-expanded":H?P:void 0,"aria-haspopup":H&&!k?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":P,"data-p-disabled":N,"data-p-visited":D,className:u("menuitem",{className:i.className,active:P,focused:D,disabled:N}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",F,d.createElement("div",Z,B),_)},D=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:a(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),T=U[0],C=U[1],A=j(d.useState(!1),2),L=A[0],R=A[1],_=j(d.useState([]),2),W=_[0],B=_[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=S.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;r.useHandleStyle(S.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ue=d.useRef(null),ae=d.useRef(null),ce=d.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(o.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=j(o.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),C({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Ce();E([]),C({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){w(!0),C(-1!==T.index?T:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){w(!1),C({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":Me(e);break;case"Escape":p.popup&&c.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&l.push(n),C({index:r,level:o,parentKey:u}),E(l),a&&R(!0),t&&c.DomHandler.focus(Ce())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=c.ObjectUtils.isEmpty(t.parent),o=Fe(t),u=Ce();if(o){var a=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),C({index:a,level:s,parentKey:m}),r||R(!i),setTimeout((function(){c.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)c.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),C({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==T.index?Je(T.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(ie.current),-1!==T.index){var n=F[T.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==T.index?Xe(T.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=F[T.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(C({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Pe=function(e){var n=F[T.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),C({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(ze()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Me=function(e){if(-1!==T.index){var n=c.DomHandler.findSingle(Ce(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&C(H(H({},T),{},{index:Ye()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var n=F[T.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Ce=function(){return re.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Be(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Ze=function(e){return Be(e)&&Fe(e)},Fe=function(e){return O.some((function(n){return n.key===e.key}))},ze=function(){return F.findIndex((function(e){return Be(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return Be(e)}))},Je=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},qe=function(){return F.findIndex((function(e){return Ze(e)}))},Ye=function(){var e=qe();return e<0?ze():e},$e=function(){var e=qe();return e<0?Ve():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==T.index?-1===(n=F.slice(T.index).findIndex((function(e){return We(e)})))?F.slice(0,T.index).findIndex((function(e){return We(e)})):n+T.index:F.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===T.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){T.index!==e&&(C(H(H({},T),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(Ce(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},tn=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},rn=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},on=function(){p.autoZIndex&&c.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(te.current,ie.current),c.DomHandler.getOuterWidth(ie.current)>c.DomHandler.getOuterWidth(te.current)&&(te.current.style.minWidth=c.DomHandler.getOuterWidth(ie.current)+"px"),c.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){c.ZIndexUtils.clear(te.current),rn()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),o.useUpdateEffect((function(){var e=nn(p.model||[]);B(e)}),p.model),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));z(e?e.items:W)}),[O,T,W]),o.useUpdateEffect((function(){var e=-1!==T.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;K(e)}),[T]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==T.index?Je(T.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(te.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},S.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),d.createElement(i.CSSTransition,b({nodeRef:te},sn),d.createElement("div",ln,d.createElement(P,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:W,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?d.createElement(a.Portal,{element:pn,appendTo:p.appendTo}):pn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,u,a,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===f.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,u=e.cx,a=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:u,sx:a}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),a=v(n,"className"),m=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),D=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",m),C=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(m,w({},C),{props:e.menuProps}),A=r({className:u("label")},p(n,"label")),L=i.label&&d.createElement("span",A,i.label),R=r({className:u("submenuIcon")},p(n,"submenuIcon")),_=M&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,R),w({},R),{props:e.menuProps}),W=j(n,t),B=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:k},p(n,"action")),Z=d.createElement("a",B,T,L,_,d.createElement(s.Ripple,null));i.template&&(Z=c.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:N,disabled:H}));var F=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),z=r({key:D,id:D,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:u("menuitem",{itemClassName:a,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",z,d.createElement("div",F,Z),W)},D=e.model?e.model.map((function(e,n){return v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:u(N,{subProps:e}),style:a(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=j(d.useState(!1),2),L=A[0],R=A[1],_=j(d.useState([]),2),W=_[0],B=_[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=S.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;r.useHandleStyle(S.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=d.useRef(null),re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ue=d.useRef(null),ae=d.useRef(null),ce=d.useRef(null),le=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=j(o.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=j(o.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){w(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){w(!1),T({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":Me(e);break;case"Escape":p.popup&&c.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),a&&R(!0),t&&c.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=c.ObjectUtils.isEmpty(t.parent),o=Fe(t),u=Te();if(o){var a=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:a,level:s,parentKey:m}),r||R(!i),setTimeout((function(){c.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)c.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Je(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(ie.current),-1!==C.index){var n=F[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Xe(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=F[C.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=F[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(ze()),e.preventDefault()},He=function(e){Qe(Ve()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=c.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(H(H({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=F[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Be(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Ze=function(e){return Be(e)&&Fe(e)},Fe=function(e){return O.some((function(n){return n.key===e.key}))},ze=function(){return F.findIndex((function(e){return Be(e)}))},Ve=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return Be(e)}))},Je=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},qe=function(){return F.findIndex((function(e){return Ze(e)}))},Ye=function(){var e=qe();return e<0?ze():e},$e=function(){var e=qe();return e<0?Ve():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=F.slice(C.index).findIndex((function(e){return We(e)})))?F.slice(0,C.index).findIndex((function(e){return We(e)})):n+C.index:F.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(H(H({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=d.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=nn(e.items,n+1,a,u),i.push(a)})),i}),[]),tn=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},rn=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},on=function(){p.autoZIndex&&c.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),c.DomHandler.absolutePosition(te.current,ie.current),c.DomHandler.getOuterWidth(ie.current)>c.DomHandler.getOuterWidth(te.current)&&(te.current.style.minWidth=c.DomHandler.getOuterWidth(ie.current)+"px"),c.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){c.ZIndexUtils.clear(te.current),rn()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),d.useEffect((function(){var e=nn(p.model||[]);B(e)}),[p.model,nn]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));z(e?e.items:W)}),[O,C,W]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==C.index?Je(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(te.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},S.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),d.createElement(i.CSSTransition,b({nodeRef:te},sn),d.createElement("div",ln,d.createElement(P,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:W,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?d.createElement(a.Portal,{element:pn,appendTo:p.appendTo}):pn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
package/toast/toast.cjs.js
CHANGED
|
@@ -358,7 +358,27 @@ var locales = {
|
|
|
358
358
|
dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
|
359
359
|
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
|
360
360
|
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
361
|
+
chooseYear: 'Choose Year',
|
|
362
|
+
chooseMonth: 'Choose Month',
|
|
363
|
+
chooseDate: 'Choose Date',
|
|
364
|
+
prevDecade: 'Previous Decade',
|
|
365
|
+
nextDecade: 'Next Decade',
|
|
366
|
+
prevYear: 'Previous Year',
|
|
367
|
+
nextYear: 'Next Year',
|
|
368
|
+
prevMonth: 'Previous Month',
|
|
369
|
+
nextMonth: 'Next Month',
|
|
370
|
+
prevHour: 'Previous Hour',
|
|
371
|
+
nextHour: 'Next Hour',
|
|
372
|
+
prevMinute: 'Previous Minute',
|
|
373
|
+
nextMinute: 'Next Minute',
|
|
374
|
+
prevSecond: 'Previous Second',
|
|
375
|
+
nextSecond: 'Next Second',
|
|
376
|
+
prevMilliSecond: 'Previous Second',
|
|
377
|
+
nextMilliSecond: 'Next Second',
|
|
378
|
+
am: 'am',
|
|
379
|
+
pm: 'pm',
|
|
361
380
|
today: 'Today',
|
|
381
|
+
now: 'Now',
|
|
362
382
|
weekHeader: 'Wk',
|
|
363
383
|
firstDayOfWeek: 0,
|
|
364
384
|
showMonthAfterYear: false,
|
package/toast/toast.cjs.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),o=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),s=require("primereact/portal"),i=require("primereact/utils"),l=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),u=require("primereact/icons/infocircle"),m=require("primereact/icons/times"),p=require("primereact/icons/timescircle"),d=require("primereact/ripple");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=y(e),b=f(n);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function E(e){if(Array.isArray(e))return h(e)}function T(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 h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function N(){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 O(e){return E(e)||T(e)||S(e)||N()}function A(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function x(){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,t){return A(e)||w(e,t)||S(e,t)||x()}function _(e){return _="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)}function M(e,t){if("object"!==_(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==_(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=M(e,"string");return"symbol"===_(t)?t:String(t)}function C(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}var P=o.ComponentBase.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},message:{message:function(e){var t=e.severity;return i.classNames("p-toast-message",C({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n .p-toast {\n width: calc(100% - var(--toast-indent, 0px));\n max-width: 25rem;\n }\n \n .p-toast-message-icon {\n flex-shrink: 0;\n }\n \n .p-toast-message-content {\n display: flex;\n align-items: flex-start;\n }\n \n .p-toast-message-text {\n flex: 1 1 auto;\n }\n \n .p-toast-summary {\n overflow-wrap: anywhere;\n }\n \n .p-toast-detail {\n overflow-wrap: anywhere;\n }\n \n .p-toast-top-center {\n transform: translateX(-50%);\n }\n \n .p-toast-bottom-center {\n transform: translateX(-50%);\n }\n \n .p-toast-center {\n min-width: 20vw;\n transform: translate(-50%, -50%);\n }\n \n .p-toast-icon-close {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-toast-icon-close.p-link {\n cursor: pointer;\n }\n \n /* Animations */\n .p-toast-message-enter {\n opacity: 0;\n transform: translateY(50%);\n }\n \n .p-toast-message-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: transform 0.3s, opacity 0.3s;\n }\n \n .p-toast-message-enter-done {\n transform: none;\n }\n \n .p-toast-message-exit {\n opacity: 1;\n max-height: 1000px;\n }\n \n .p-toast .p-toast-message.p-toast-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function L(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,R(o.key),o)}}function j(e,t,n){return t&&L(e.prototype,t),n&&L(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function D(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var k=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),U=j((function e(){D(this,e)}));C(U,"ripple",!1),C(U,"inputStyle","outlined"),C(U,"locale","en"),C(U,"appendTo",null),C(U,"cssTransition",!0),C(U,"autoZIndex",!0),C(U,"hideOverlaysOnDocumentScrolling",!1),C(U,"nonce",null),C(U,"nullSortOrder",1),C(U,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),C(U,"pt",void 0),C(U,"filterMatchModeOptions",{text:[k.STARTS_WITH,k.CONTAINS,k.NOT_CONTAINS,k.ENDS_WITH,k.EQUALS,k.NOT_EQUALS],numeric:[k.EQUALS,k.NOT_EQUALS,k.LESS_THAN,k.LESS_THAN_OR_EQUAL_TO,k.GREATER_THAN,k.GREATER_THAN_OR_EQUAL_TO],date:[k.DATE_IS,k.DATE_IS_NOT,k.DATE_BEFORE,k.DATE_AFTER]}),C(U,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",n+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var q={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function B(e,t){var n=t||U.locale;try{return F(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function F(e){return q[e||U.locale]}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=g.memo(g.forwardRef((function(e,t){var n=a.useMergeProps(),o=e.messageInfo,r=e.ptCallbacks,s=r.ptm,f=r.ptmo,y=r.cx,b=o.message,v=b.severity,h=b.content,E=b.summary,T=b.detail,S=b.closable,N=b.life,O=b.sticky,A=b.className,w=b.style,x=b.contentClassName,_=b.contentStyle,M=b.icon,R=b.closeIcon,C=b.pt,P={index:e.index},L=W(W({},e.metaData),P),j=I(g.useState(!1),2),D=j[1],k=I(a.useTimeout((function(){q()}),N||3e3,!O&&!j[0]),1)[0],U=function(t,n){return s(t,W({hostName:e.hostName},n))},q=function(){k(),e.onClose&&e.onClose(o)},F=function(t){!e.onClick||i.DomHandler.hasClass(t.target,"p-toast-icon-close")||i.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(o.message)},H=function(){if(o){var t=i.ObjectUtils.getJSXElement(h,{message:o.message,onClick:F,onClose:q}),r=n({className:y("message.icon")},U("icon",L),f(C,"icon",W(W({},P),{},{hostName:e.hostName}))),a=M;if(!M)switch(v){case"info":a=g.createElement(u.InfoCircleIcon,r);break;case"warn":a=g.createElement(c.ExclamationTriangleIcon,r);break;case"error":a=g.createElement(p.TimesCircleIcon,r);break;case"success":a=g.createElement(l.CheckIcon,r)}var s=i.IconUtils.getJSXIcon(a,W({},r),{props:e}),m=n({className:y("message.text")},U("text",L),f(C,"text",W(W({},P),{},{hostName:e.hostName}))),d=n({className:y("message.summary")},U("summary",L),f(C,"summary",W(W({},P),{},{hostName:e.hostName}))),b=n({className:y("message.detail")},U("detail",L),f(C,"detail",W(W({},P),{},{hostName:e.hostName})));return t||g.createElement(g.Fragment,null,s,g.createElement("div",m,g.createElement("span",d,E),T&&g.createElement("div",b,T)))}return null}(),Z=function(){var t=n({className:y("message.buttonicon")},U("buttonicon",L),f(C,"buttonicon",W(W({},P),{},{hostName:e.hostName}))),o=i.IconUtils.getJSXIcon(R||g.createElement(m.TimesIcon,t),W({},t),{props:e}),r=e.ariaCloseLabel||B("close"),a=n({type:"button",className:y("message.closeButton"),onClick:q,"aria-label":r},U("closeButton",L),f(C,"closeButton",W(W({},P),{},{hostName:e.hostName})));return!1!==S?g.createElement("div",null,g.createElement("button",a,o,g.createElement(d.Ripple,null))):null}(),J=n({ref:t,className:i.classNames(A,y("message.message",{severity:v})),style:w,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:F,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||O||(k(),D(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||O||D(!1)}},U("message",L),f(C,"root",W(W({},P),{},{hostName:e.hostName}))),z=n({className:i.classNames(x,y("message.content")),style:_},U("content",L),f(C,"content",W(W({},P),{},{hostName:e.hostName})));return g.createElement("div",J,g.createElement("div",z,H,Z))})));Z.displayName="ToastMessage";var J=0,z=g.memo(g.forwardRef((function(e,l){var c=a.useMergeProps(),u=g.useContext(n.PrimeReactContext),m=P.getProps(e,u),p=I(g.useState([]),2),d=p[0],f=p[1],y=g.useRef(null),h={props:m,state:{messages:d}},E=P.setMetaData(h);o.useHandleStyle(P.css.styles,E.isUnstyled,{name:"toast"});var T=function(e){e&&f((function(t){return S(t,e,!0)}))},S=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:J++,message:t}),e}),[]);o=n&&e?[].concat(O(e),O(r)):r}else{var a={_pId:J++,message:t};o=n&&e?[].concat(O(e),[a]):[a]}return o},N=function(){i.ZIndexUtils.clear(y.current),f([])},A=function(e){f((function(t){return S(t,e,!1)}))},w=function(e){var t=e._pId?e.message:e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!i.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(t)},x=function(e){w(e)},_=function(){m.onShow&&m.onShow()},M=function(){1===d.length&&i.ZIndexUtils.clear(y.current),m.onHide&&m.onHide()};a.useUpdateEffect((function(){i.ZIndexUtils.set("toast",y.current,u&&u.autoZIndex||b.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||b.default.zIndex.toast)}),[d,m.baseZIndex]),a.useUnmountEffect((function(){i.ZIndexUtils.clear(y.current)})),g.useImperativeHandle(l,(function(){return{props:m,show:T,replace:A,remove:w,clear:N,getElement:function(){return y.current}}}));var R,C,L=(R=c({ref:y,id:m.id,className:E.cx("root",{context:u}),style:E.sx("root")},P.getOtherProps(m),E.ptm("root")),C=c({classNames:E.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:_,onExited:M},E.ptm("transition")),g.createElement("div",R,g.createElement(t.TransitionGroup,null,d&&d.map((function(t,n){var o=g.createRef();return g.createElement(r.CSSTransition,v({nodeRef:o,key:t._pId},C),e.content?i.ObjectUtils.getJSXElement(e.content,{message:t.message}):g.createElement(Z,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:x,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:E,metaData:h}))})))));return g.createElement(s.Portal,{element:L,appendTo:m.appendTo})})));z.displayName="Toast",exports.Toast=z;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),o=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),s=require("primereact/portal"),i=require("primereact/utils"),l=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),u=require("primereact/icons/infocircle"),m=require("primereact/icons/times"),p=require("primereact/icons/timescircle"),d=require("primereact/ripple");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=y(e),v=f(n);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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(this,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function E(e){if(Array.isArray(e))return h(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function T(){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 E(e)||S(e)||N(e)||T()}function O(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function A(){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,t){return O(e)||w(e,t)||N(e,t)||A()}function M(e){return M="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},M(e)}function P(e,t){if("object"!==M(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==M(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function _(e){var t=P(e,"string");return"symbol"===M(t)?t:String(t)}function C(e,t,n){return(t=_(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var R=o.ComponentBase.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple})},message:{message:function(e){var t=e.severity;return i.classNames("p-toast-message",C({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n .p-toast {\n width: calc(100% - var(--toast-indent, 0px));\n max-width: 25rem;\n }\n \n .p-toast-message-icon {\n flex-shrink: 0;\n }\n \n .p-toast-message-content {\n display: flex;\n align-items: flex-start;\n }\n \n .p-toast-message-text {\n flex: 1 1 auto;\n }\n \n .p-toast-summary {\n overflow-wrap: anywhere;\n }\n \n .p-toast-detail {\n overflow-wrap: anywhere;\n }\n \n .p-toast-top-center {\n transform: translateX(-50%);\n }\n \n .p-toast-bottom-center {\n transform: translateX(-50%);\n }\n \n .p-toast-center {\n min-width: 20vw;\n transform: translate(-50%, -50%);\n }\n \n .p-toast-icon-close {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-toast-icon-close.p-link {\n cursor: pointer;\n }\n \n /* Animations */\n .p-toast-message-enter {\n opacity: 0;\n transform: translateY(50%);\n }\n \n .p-toast-message-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: transform 0.3s, opacity 0.3s;\n }\n \n .p-toast-message-enter-done {\n transform: none;\n }\n \n .p-toast-message-exit {\n opacity: 1;\n max-height: 1000px;\n }\n \n .p-toast .p-toast-message.p-toast-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function L(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_(o.key),o)}}function j(e,t,n){return t&&L(e.prototype,t),n&&L(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function D(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var k=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),U=j((function e(){D(this,e)}));C(U,"ripple",!1),C(U,"inputStyle","outlined"),C(U,"locale","en"),C(U,"appendTo",null),C(U,"cssTransition",!0),C(U,"autoZIndex",!0),C(U,"hideOverlaysOnDocumentScrolling",!1),C(U,"nonce",null),C(U,"nullSortOrder",1),C(U,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),C(U,"pt",void 0),C(U,"filterMatchModeOptions",{text:[k.STARTS_WITH,k.CONTAINS,k.NOT_CONTAINS,k.ENDS_WITH,k.EQUALS,k.NOT_EQUALS],numeric:[k.EQUALS,k.NOT_EQUALS,k.LESS_THAN,k.LESS_THAN_OR_EQUAL_TO,k.GREATER_THAN,k.GREATER_THAN_OR_EQUAL_TO],date:[k.DATE_IS,k.DATE_IS_NOT,k.DATE_BEFORE,k.DATE_AFTER]}),C(U,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",n+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var H={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",prevMilliSecond:"Previous Second",nextMilliSecond:"Next Second",am:"am",pm:"pm",today:"Today",now:"Now",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function q(e,t){var n=t||U.locale;try{return B(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function B(e){return H[e||U.locale]}function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=g.memo(g.forwardRef((function(e,t){var n=a.useMergeProps(),o=e.messageInfo,r=e.ptCallbacks,s=r.ptm,f=r.ptmo,y=r.cx,v=o.message,b=v.severity,h=v.content,E=v.summary,S=v.detail,N=v.closable,T=v.life,x=v.sticky,O=v.className,w=v.style,A=v.contentClassName,M=v.contentStyle,P=v.icon,_=v.closeIcon,C=v.pt,R={index:e.index},L=W(W({},e.metaData),R),j=I(g.useState(!1),2),D=j[1],k=I(a.useTimeout((function(){H()}),T||3e3,!x&&!j[0]),1)[0],U=function(t,n){return s(t,W({hostName:e.hostName},n))},H=function(){k(),e.onClose&&e.onClose(o)},B=function(t){!e.onClick||i.DomHandler.hasClass(t.target,"p-toast-icon-close")||i.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(o.message)},F=function(){if(o){var t=i.ObjectUtils.getJSXElement(h,{message:o.message,onClick:B,onClose:H}),r=n({className:y("message.icon")},U("icon",L),f(C,"icon",W(W({},R),{},{hostName:e.hostName}))),a=P;if(!P)switch(b){case"info":a=g.createElement(u.InfoCircleIcon,r);break;case"warn":a=g.createElement(c.ExclamationTriangleIcon,r);break;case"error":a=g.createElement(p.TimesCircleIcon,r);break;case"success":a=g.createElement(l.CheckIcon,r)}var s=i.IconUtils.getJSXIcon(a,W({},r),{props:e}),m=n({className:y("message.text")},U("text",L),f(C,"text",W(W({},R),{},{hostName:e.hostName}))),d=n({className:y("message.summary")},U("summary",L),f(C,"summary",W(W({},R),{},{hostName:e.hostName}))),v=n({className:y("message.detail")},U("detail",L),f(C,"detail",W(W({},R),{},{hostName:e.hostName})));return t||g.createElement(g.Fragment,null,s,g.createElement("div",m,g.createElement("span",d,E),S&&g.createElement("div",v,S)))}return null}(),Z=function(){var t=n({className:y("message.buttonicon")},U("buttonicon",L),f(C,"buttonicon",W(W({},R),{},{hostName:e.hostName}))),o=i.IconUtils.getJSXIcon(_||g.createElement(m.TimesIcon,t),W({},t),{props:e}),r=e.ariaCloseLabel||q("close"),a=n({type:"button",className:y("message.closeButton"),onClick:H,"aria-label":r},U("closeButton",L),f(C,"closeButton",W(W({},R),{},{hostName:e.hostName})));return!1!==N?g.createElement("div",null,g.createElement("button",a,o,g.createElement(d.Ripple,null))):null}(),J=n({ref:t,className:i.classNames(O,y("message.message",{severity:b})),style:w,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:B,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||x||(k(),D(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||x||D(!1)}},U("message",L),f(C,"root",W(W({},R),{},{hostName:e.hostName}))),Y=n({className:i.classNames(A,y("message.content")),style:M},U("content",L),f(C,"content",W(W({},R),{},{hostName:e.hostName})));return g.createElement("div",J,g.createElement("div",Y,F,Z))})));Z.displayName="ToastMessage";var J=0,Y=g.memo(g.forwardRef((function(e,l){var c=a.useMergeProps(),u=g.useContext(n.PrimeReactContext),m=R.getProps(e,u),p=I(g.useState([]),2),d=p[0],f=p[1],y=g.useRef(null),h={props:m,state:{messages:d}},E=R.setMetaData(h);o.useHandleStyle(R.css.styles,E.isUnstyled,{name:"toast"});var S=function(e){e&&f((function(t){return N(t,e,!0)}))},N=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:J++,message:t}),e}),[]);o=n&&e?[].concat(x(e),x(r)):r}else{var a={_pId:J++,message:t};o=n&&e?[].concat(x(e),[a]):[a]}return o},T=function(){i.ZIndexUtils.clear(y.current),f([])},O=function(e){f((function(t){return N(t,e,!1)}))},w=function(e){var t=e._pId?e.message:e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!i.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(t)},A=function(e){w(e)},M=function(){m.onShow&&m.onShow()},P=function(){1===d.length&&i.ZIndexUtils.clear(y.current),m.onHide&&m.onHide()};a.useUpdateEffect((function(){i.ZIndexUtils.set("toast",y.current,u&&u.autoZIndex||v.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||v.default.zIndex.toast)}),[d,m.baseZIndex]),a.useUnmountEffect((function(){i.ZIndexUtils.clear(y.current)})),g.useImperativeHandle(l,(function(){return{props:m,show:S,replace:O,remove:w,clear:T,getElement:function(){return y.current}}}));var _,C,L=(_=c({ref:y,id:m.id,className:E.cx("root",{context:u}),style:E.sx("root")},R.getOtherProps(m),E.ptm("root")),C=c({classNames:E.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:M,onExited:P},E.ptm("transition")),g.createElement("div",_,g.createElement(t.TransitionGroup,null,d&&d.map((function(t,n){var o=g.createRef();return g.createElement(r.CSSTransition,b({nodeRef:o,key:t._pId},C),e.content?i.ObjectUtils.getJSXElement(e.content,{message:t.message}):g.createElement(Z,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:A,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:E,metaData:h}))})))));return g.createElement(s.Portal,{element:L,appendTo:m.appendTo})})));Y.displayName="Toast",exports.Toast=Y;
|
package/toast/toast.esm.js
CHANGED
|
@@ -331,7 +331,27 @@ var locales = {
|
|
|
331
331
|
dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
|
332
332
|
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
|
333
333
|
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
334
|
+
chooseYear: 'Choose Year',
|
|
335
|
+
chooseMonth: 'Choose Month',
|
|
336
|
+
chooseDate: 'Choose Date',
|
|
337
|
+
prevDecade: 'Previous Decade',
|
|
338
|
+
nextDecade: 'Next Decade',
|
|
339
|
+
prevYear: 'Previous Year',
|
|
340
|
+
nextYear: 'Next Year',
|
|
341
|
+
prevMonth: 'Previous Month',
|
|
342
|
+
nextMonth: 'Next Month',
|
|
343
|
+
prevHour: 'Previous Hour',
|
|
344
|
+
nextHour: 'Next Hour',
|
|
345
|
+
prevMinute: 'Previous Minute',
|
|
346
|
+
nextMinute: 'Next Minute',
|
|
347
|
+
prevSecond: 'Previous Second',
|
|
348
|
+
nextSecond: 'Next Second',
|
|
349
|
+
prevMilliSecond: 'Previous Second',
|
|
350
|
+
nextMilliSecond: 'Next Second',
|
|
351
|
+
am: 'am',
|
|
352
|
+
pm: 'pm',
|
|
334
353
|
today: 'Today',
|
|
354
|
+
now: 'Now',
|
|
335
355
|
weekHeader: 'Wk',
|
|
336
356
|
firstDayOfWeek: 0,
|
|
337
357
|
showMonthAfterYear: false,
|
package/toast/toast.esm.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import n,{PrimeReactContext as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as s}from"primereact/csstransition";import{useMergeProps as i,useTimeout as l,useUpdateEffect as c,useUnmountEffect as u}from"primereact/hooks";import{Portal as m}from"primereact/portal";import{classNames as p,DomHandler as f,IconUtils as d,ObjectUtils as y,ZIndexUtils as g}from"primereact/utils";import{CheckIcon as b}from"primereact/icons/check";import{ExclamationTriangleIcon as v}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as h}from"primereact/icons/infocircle";import{TimesIcon as E}from"primereact/icons/times";import{TimesCircleIcon as S}from"primereact/icons/timescircle";import{Ripple as T}from"primereact/ripple";function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},N.apply(this,arguments)}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function w(e){if(Array.isArray(e))return A(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return A(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)?A(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _(e){return w(e)||O(e)||x(e)||I()}function R(e){if(Array.isArray(e))return e}function M(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function L(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return R(e)||M(e,t)||x(e,t)||L()}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 j(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function D(e){var t=j(e,"string");return"symbol"===P(t)?t:String(t)}function k(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var F=r.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,o=e.context;return p("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":o&&"filled"===o.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===n.ripple})},message:{message:function(e){var t=e.severity;return p("p-toast-message",k({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n .p-toast {\n width: calc(100% - var(--toast-indent, 0px));\n max-width: 25rem;\n }\n \n .p-toast-message-icon {\n flex-shrink: 0;\n }\n \n .p-toast-message-content {\n display: flex;\n align-items: flex-start;\n }\n \n .p-toast-message-text {\n flex: 1 1 auto;\n }\n \n .p-toast-summary {\n overflow-wrap: anywhere;\n }\n \n .p-toast-detail {\n overflow-wrap: anywhere;\n }\n \n .p-toast-top-center {\n transform: translateX(-50%);\n }\n \n .p-toast-bottom-center {\n transform: translateX(-50%);\n }\n \n .p-toast-center {\n min-width: 20vw;\n transform: translate(-50%, -50%);\n }\n \n .p-toast-icon-close {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-toast-icon-close.p-link {\n cursor: pointer;\n }\n \n /* Animations */\n .p-toast-message-enter {\n opacity: 0;\n transform: translateY(50%);\n }\n \n .p-toast-message-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: transform 0.3s, opacity 0.3s;\n }\n \n .p-toast-message-enter-done {\n transform: none;\n }\n \n .p-toast-message-exit {\n opacity: 1;\n max-height: 1000px;\n }\n \n .p-toast .p-toast-message.p-toast-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function B(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,D(o.key),o)}}function H(e,t,n){return t&&B(e.prototype,t),n&&B(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function U(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var W=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),J=H((function e(){U(this,e)}));k(J,"ripple",!1),k(J,"inputStyle","outlined"),k(J,"locale","en"),k(J,"appendTo",null),k(J,"cssTransition",!0),k(J,"autoZIndex",!0),k(J,"hideOverlaysOnDocumentScrolling",!1),k(J,"nonce",null),k(J,"nullSortOrder",1),k(J,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),k(J,"pt",void 0),k(J,"filterMatchModeOptions",{text:[W.STARTS_WITH,W.CONTAINS,W.NOT_CONTAINS,W.ENDS_WITH,W.EQUALS,W.NOT_EQUALS],numeric:[W.EQUALS,W.NOT_EQUALS,W.LESS_THAN,W.LESS_THAN_OR_EQUAL_TO,W.GREATER_THAN,W.GREATER_THAN_OR_EQUAL_TO],date:[W.DATE_IS,W.DATE_IS_NOT,W.DATE_BEFORE,W.DATE_AFTER]}),k(J,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",n+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var Q={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function Z(e,t){var n=t||J.locale;try{return q(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function q(e){return Q[e||J.locale]}function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function G(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 X=e.memo(e.forwardRef((function(t,n){var o=i(),r=t.messageInfo,a=t.ptCallbacks,s=a.ptm,c=a.ptmo,u=a.cx,m=r.message,g=m.severity,N=m.content,A=m.summary,w=m.detail,O=m.closable,x=m.life,I=m.sticky,_=m.className,R=m.style,M=m.contentClassName,L=m.contentStyle,P=m.icon,j=m.closeIcon,D=m.pt,k={index:t.index},F=G(G({},t.metaData),k),B=C(e.useState(!1),2),H=B[1],U=C(l((function(){J()}),x||3e3,!I&&!B[0]),1)[0],W=function(e,n){return s(e,G({hostName:t.hostName},n))},J=function(){U(),t.onClose&&t.onClose(r)},Q=function(e){!t.onClick||f.hasClass(e.target,"p-toast-icon-close")||f.hasClass(e.target,"p-toast-icon-close-icon")||t.onClick(r.message)},q=function(){if(r){var n=y.getJSXElement(N,{message:r.message,onClick:Q,onClose:J}),a=o({className:u("message.icon")},W("icon",F),c(D,"icon",G(G({},k),{},{hostName:t.hostName}))),s=P;if(!P)switch(g){case"info":s=e.createElement(h,a);break;case"warn":s=e.createElement(v,a);break;case"error":s=e.createElement(S,a);break;case"success":s=e.createElement(b,a)}var i=d.getJSXIcon(s,G({},a),{props:t}),l=o({className:u("message.text")},W("text",F),c(D,"text",G(G({},k),{},{hostName:t.hostName}))),m=o({className:u("message.summary")},W("summary",F),c(D,"summary",G(G({},k),{},{hostName:t.hostName}))),p=o({className:u("message.detail")},W("detail",F),c(D,"detail",G(G({},k),{},{hostName:t.hostName})));return n||e.createElement(e.Fragment,null,i,e.createElement("div",l,e.createElement("span",m,A),w&&e.createElement("div",p,w)))}return null}(),z=function(){var n=o({className:u("message.buttonicon")},W("buttonicon",F),c(D,"buttonicon",G(G({},k),{},{hostName:t.hostName}))),r=d.getJSXIcon(j||e.createElement(E,n),G({},n),{props:t}),a=t.ariaCloseLabel||Z("close"),s=o({type:"button",className:u("message.closeButton"),onClick:J,"aria-label":a},W("closeButton",F),c(D,"closeButton",G(G({},k),{},{hostName:t.hostName})));return!1!==O?e.createElement("div",null,e.createElement("button",s,r,e.createElement(T,null))):null}(),X=o({ref:n,className:p(_,u("message.message",{severity:g})),style:R,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:Q,onMouseEnter:function(e){t.onMouseEnter&&t.onMouseEnter(e),e.defaultPrevented||I||(U(),H(!0))},onMouseLeave:function(e){t.onMouseLeave&&t.onMouseLeave(e),e.defaultPrevented||I||H(!1)}},W("message",F),c(D,"root",G(G({},k),{},{hostName:t.hostName}))),Y=o({className:p(M,u("message.content")),style:L},W("content",F),c(D,"content",G(G({},k),{},{hostName:t.hostName})));return e.createElement("div",X,e.createElement("div",Y,q,z))})));X.displayName="ToastMessage";var Y=0,V=e.memo(e.forwardRef((function(r,l){var p=i(),f=e.useContext(o),d=F.getProps(r,f),b=C(e.useState([]),2),v=b[0],h=b[1],E=e.useRef(null),S={props:d,state:{messages:v}},T=F.setMetaData(S);a(F.css.styles,T.isUnstyled,{name:"toast"});var A=function(e){e&&h((function(t){return w(t,e,!0)}))},w=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:Y++,message:t}),e}),[]);o=n&&e?[].concat(_(e),_(r)):r}else{var a={_pId:Y++,message:t};o=n&&e?[].concat(_(e),[a]):[a]}return o},O=function(){g.clear(E.current),h([])},x=function(e){h((function(t){return w(t,e,!1)}))},I=function(e){var t=e._pId?e.message:e;h((function(n){return n.filter((function(n){return n._pId!==e._pId&&!y.deepEquals(n.message,t)}))})),d.onRemove&&d.onRemove(t)},R=function(e){I(e)},M=function(){d.onShow&&d.onShow()},L=function(){1===v.length&&g.clear(E.current),d.onHide&&d.onHide()};c((function(){g.set("toast",E.current,f&&f.autoZIndex||n.autoZIndex,d.baseZIndex||f&&f.zIndex.toast||n.zIndex.toast)}),[v,d.baseZIndex]),u((function(){g.clear(E.current)})),e.useImperativeHandle(l,(function(){return{props:d,show:A,replace:x,remove:I,clear:O,getElement:function(){return E.current}}}));var P,j,D=(P=p({ref:E,id:d.id,className:T.cx("root",{context:f}),style:T.sx("root")},F.getOtherProps(d),T.ptm("root")),j=p({classNames:T.cx("transition"),timeout:{enter:300,exit:300},options:d.transitionOptions,unmountOnExit:!0,onEntered:M,onExited:L},T.ptm("transition")),e.createElement("div",P,e.createElement(t,null,v&&v.map((function(t,n){var o=e.createRef();return e.createElement(s,N({nodeRef:o,key:t._pId},j),r.content?y.getJSXElement(r.content,{message:t.message}):e.createElement(X,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:d.onClick,onClose:R,onMouseEnter:d.onMouseEnter,onMouseLeave:d.onMouseLeave,closeIcon:d.closeIcon,ptCallbacks:T,metaData:S}))})))));return e.createElement(m,{element:D,appendTo:d.appendTo})})));V.displayName="Toast";export{V as Toast};
|
|
1
|
+
import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import o,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as s}from"primereact/csstransition";import{useMergeProps as i,useTimeout as l,useUpdateEffect as c,useUnmountEffect as u}from"primereact/hooks";import{Portal as m}from"primereact/portal";import{classNames as p,DomHandler as d,IconUtils as f,ObjectUtils as y,ZIndexUtils as g}from"primereact/utils";import{CheckIcon as v}from"primereact/icons/check";import{ExclamationTriangleIcon as h}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as b}from"primereact/icons/infocircle";import{TimesIcon as E}from"primereact/icons/times";import{TimesCircleIcon as S}from"primereact/icons/timescircle";import{Ripple as N}from"primereact/ripple";function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},T.apply(this,arguments)}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function w(e){if(Array.isArray(e))return A(e)}function x(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 A(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?A(e,t):void 0}}function M(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return w(e)||x(e)||O(e)||M()}function P(e){if(Array.isArray(e))return e}function _(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,a,s,i=[],l=!0,c=!1;try{if(a=(o=o.call(e)).next,0===t){if(Object(o)!==o)return;l=!1}else for(;!(l=(n=a.call(o)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=o.return&&(s=o.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function R(){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,t){return P(e)||_(e,t)||O(e,t)||R()}function L(e){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},L(e)}function D(e,t){if("object"!==L(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==L(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=D(e,"string");return"symbol"===L(t)?t:String(t)}function k(e,t,o){return(t=j(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var F=r.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return p("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===o.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===o.ripple})},message:{message:function(e){var t=e.severity;return p("p-toast-message",k({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n .p-toast {\n width: calc(100% - var(--toast-indent, 0px));\n max-width: 25rem;\n }\n \n .p-toast-message-icon {\n flex-shrink: 0;\n }\n \n .p-toast-message-content {\n display: flex;\n align-items: flex-start;\n }\n \n .p-toast-message-text {\n flex: 1 1 auto;\n }\n \n .p-toast-summary {\n overflow-wrap: anywhere;\n }\n \n .p-toast-detail {\n overflow-wrap: anywhere;\n }\n \n .p-toast-top-center {\n transform: translateX(-50%);\n }\n \n .p-toast-bottom-center {\n transform: translateX(-50%);\n }\n \n .p-toast-center {\n min-width: 20vw;\n transform: translate(-50%, -50%);\n }\n \n .p-toast-icon-close {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-toast-icon-close.p-link {\n cursor: pointer;\n }\n \n /* Animations */\n .p-toast-message-enter {\n opacity: 0;\n transform: translateY(50%);\n }\n \n .p-toast-message-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: transform 0.3s, opacity 0.3s;\n }\n \n .p-toast-message-enter-done {\n transform: none;\n }\n \n .p-toast-message-exit {\n opacity: 1;\n max-height: 1000px;\n }\n \n .p-toast .p-toast-message.p-toast-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function B(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,j(n.key),n)}}function H(e,t,o){return t&&B(e.prototype,t),o&&B(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e}function U(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var W=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),J=H((function e(){U(this,e)}));k(J,"ripple",!1),k(J,"inputStyle","outlined"),k(J,"locale","en"),k(J,"appendTo",null),k(J,"cssTransition",!0),k(J,"autoZIndex",!0),k(J,"hideOverlaysOnDocumentScrolling",!1),k(J,"nonce",null),k(J,"nullSortOrder",1),k(J,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),k(J,"pt",void 0),k(J,"filterMatchModeOptions",{text:[W.STARTS_WITH,W.CONTAINS,W.NOT_CONTAINS,W.ENDS_WITH,W.EQUALS,W.NOT_EQUALS],numeric:[W.EQUALS,W.NOT_EQUALS,W.LESS_THAN,W.LESS_THAN_OR_EQUAL_TO,W.GREATER_THAN,W.GREATER_THAN_OR_EQUAL_TO],date:[W.DATE_IS,W.DATE_IS_NOT,W.DATE_BEFORE,W.DATE_AFTER]}),k(J,"changeTheme",(function(e,t,o,n){var r,a=document.getElementById(o),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",o+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",o),n&&n()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var Y={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",prevMilliSecond:"Previous Second",nextMilliSecond:"Next Second",am:"am",pm:"pm",today:"Today",now:"Now",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function Q(e,t){var o=t||J.locale;try{return Z(o)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(o,"')."))}}function Z(e){return Y[e||J.locale]}function q(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function z(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?q(Object(o),!0).forEach((function(t){k(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):q(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var G=e.memo(e.forwardRef((function(t,o){var n=i(),r=t.messageInfo,a=t.ptCallbacks,s=a.ptm,c=a.ptmo,u=a.cx,m=r.message,g=m.severity,T=m.content,A=m.summary,w=m.detail,x=m.closable,O=m.life,M=m.sticky,I=m.className,P=m.style,_=m.contentClassName,R=m.contentStyle,L=m.icon,D=m.closeIcon,j=m.pt,k={index:t.index},F=z(z({},t.metaData),k),B=C(e.useState(!1),2),H=B[1],U=C(l((function(){J()}),O||3e3,!M&&!B[0]),1)[0],W=function(e,o){return s(e,z({hostName:t.hostName},o))},J=function(){U(),t.onClose&&t.onClose(r)},Y=function(e){!t.onClick||d.hasClass(e.target,"p-toast-icon-close")||d.hasClass(e.target,"p-toast-icon-close-icon")||t.onClick(r.message)},Z=function(){if(r){var o=y.getJSXElement(T,{message:r.message,onClick:Y,onClose:J}),a=n({className:u("message.icon")},W("icon",F),c(j,"icon",z(z({},k),{},{hostName:t.hostName}))),s=L;if(!L)switch(g){case"info":s=e.createElement(b,a);break;case"warn":s=e.createElement(h,a);break;case"error":s=e.createElement(S,a);break;case"success":s=e.createElement(v,a)}var i=f.getJSXIcon(s,z({},a),{props:t}),l=n({className:u("message.text")},W("text",F),c(j,"text",z(z({},k),{},{hostName:t.hostName}))),m=n({className:u("message.summary")},W("summary",F),c(j,"summary",z(z({},k),{},{hostName:t.hostName}))),p=n({className:u("message.detail")},W("detail",F),c(j,"detail",z(z({},k),{},{hostName:t.hostName})));return o||e.createElement(e.Fragment,null,i,e.createElement("div",l,e.createElement("span",m,A),w&&e.createElement("div",p,w)))}return null}(),q=function(){var o=n({className:u("message.buttonicon")},W("buttonicon",F),c(j,"buttonicon",z(z({},k),{},{hostName:t.hostName}))),r=f.getJSXIcon(D||e.createElement(E,o),z({},o),{props:t}),a=t.ariaCloseLabel||Q("close"),s=n({type:"button",className:u("message.closeButton"),onClick:J,"aria-label":a},W("closeButton",F),c(j,"closeButton",z(z({},k),{},{hostName:t.hostName})));return!1!==x?e.createElement("div",null,e.createElement("button",s,r,e.createElement(N,null))):null}(),G=n({ref:o,className:p(I,u("message.message",{severity:g})),style:P,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:Y,onMouseEnter:function(e){t.onMouseEnter&&t.onMouseEnter(e),e.defaultPrevented||M||(U(),H(!0))},onMouseLeave:function(e){t.onMouseLeave&&t.onMouseLeave(e),e.defaultPrevented||M||H(!1)}},W("message",F),c(j,"root",z(z({},k),{},{hostName:t.hostName}))),X=n({className:p(_,u("message.content")),style:R},W("content",F),c(j,"content",z(z({},k),{},{hostName:t.hostName})));return e.createElement("div",G,e.createElement("div",X,Z,q))})));G.displayName="ToastMessage";var X=0,V=e.memo(e.forwardRef((function(r,l){var p=i(),d=e.useContext(n),f=F.getProps(r,d),v=C(e.useState([]),2),h=v[0],b=v[1],E=e.useRef(null),S={props:f,state:{messages:h}},N=F.setMetaData(S);a(F.css.styles,N.isUnstyled,{name:"toast"});var A=function(e){e&&b((function(t){return w(t,e,!0)}))},w=function(e,t,o){var n;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:X++,message:t}),e}),[]);n=o&&e?[].concat(I(e),I(r)):r}else{var a={_pId:X++,message:t};n=o&&e?[].concat(I(e),[a]):[a]}return n},x=function(){g.clear(E.current),b([])},O=function(e){b((function(t){return w(t,e,!1)}))},M=function(e){var t=e._pId?e.message:e;b((function(o){return o.filter((function(o){return o._pId!==e._pId&&!y.deepEquals(o.message,t)}))})),f.onRemove&&f.onRemove(t)},P=function(e){M(e)},_=function(){f.onShow&&f.onShow()},R=function(){1===h.length&&g.clear(E.current),f.onHide&&f.onHide()};c((function(){g.set("toast",E.current,d&&d.autoZIndex||o.autoZIndex,f.baseZIndex||d&&d.zIndex.toast||o.zIndex.toast)}),[h,f.baseZIndex]),u((function(){g.clear(E.current)})),e.useImperativeHandle(l,(function(){return{props:f,show:A,replace:O,remove:M,clear:x,getElement:function(){return E.current}}}));var L,D,j=(L=p({ref:E,id:f.id,className:N.cx("root",{context:d}),style:N.sx("root")},F.getOtherProps(f),N.ptm("root")),D=p({classNames:N.cx("transition"),timeout:{enter:300,exit:300},options:f.transitionOptions,unmountOnExit:!0,onEntered:_,onExited:R},N.ptm("transition")),e.createElement("div",L,e.createElement(t,null,h&&h.map((function(t,o){var n=e.createRef();return e.createElement(s,T({nodeRef:n,key:t._pId},D),r.content?y.getJSXElement(r.content,{message:t.message}):e.createElement(G,{hostName:"Toast",ref:n,messageInfo:t,index:o,onClick:f.onClick,onClose:P,onMouseEnter:f.onMouseEnter,onMouseLeave:f.onMouseLeave,closeIcon:f.closeIcon,ptCallbacks:N,metaData:S}))})))));return e.createElement(m,{element:j,appendTo:f.appendTo})})));V.displayName="Toast";export{V as Toast};
|