primereact 10.8.2 → 10.8.3

package/dataview/dataview.d.ts

@@ -339,10 +339,11 @@ export interface DataViewProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
     itemTemplate?(item: any, layout?: 'list' | 'grid' | (string & Record<string, unknown>)): React.ReactNode | undefined;
     /**
      * Function that gets the options along with the layout mode and returns the content.
-     * @param {*} item - Current item.
-     * @param {'list' | 'grid' | (string & Record<string, unknown>)} layout - Current layout.
+     * @param {*} items - Array of items to be rendered.
+     * @param {'list' | 'grid' | (string & Record<string, unknown>)} [layout] - Current layout mode.
+     * @returns {React.ReactNode | React.ReactNode[] | undefined} The content to be rendered.
      */
-    listTemplate?(items: any[], layout?: 'list' | 'grid' | (string & Record<string, unknown>)): React.ReactNode[] | undefined;
+    listTemplate?(items: any[], layout?: 'list' | 'grid' | (string & Record<string, unknown>)): React.ReactNode | React.ReactNode[] | undefined;
     /**
      * Used to get the child elements of the component.
      * @readonly

package/dock/dock.cjs.js

@@ -426,7 +426,6 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     var menuitemProps = mergeProps(_defineProperty(_defineProperty({
       id: key,
       role: 'menuitem',
-      key: key,
       'aria-label': label,
       'aria-disabled': disabled,
       'data-p-focused': active,
@@ -439,7 +438,9 @@ var Dock = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     }, "role", 'none'), "onMouseEnter", function onMouseEnter() {
       return onItemMouseEnter(index);
     }), getPTOptions('menuitem', item, index));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
   };
   var createItems = function createItems() {
     return props.model ? props.model.map(createItem) : null;

package/dock/dock.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function a(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 c=a(e);function l(){return l=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},l.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n,t){return(n=d(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return f(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)?f(e,n):void 0}}function y(){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 k(e){return m(e)||b(e)||v(e)||y()}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}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 O(e,n){return g(e)||h(e,n)||v(e,n)||x()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=c.memo(c.forwardRef((function(e,a){var u=O(c.useState(-3),2),s=u[0],d=u[1],f=O(c.useState(!1),2),m=f[0],b=f[1],v=O(c.useState(-1),2),y=v[0],g=v[1],h=r.useMergeProps(),x=c.useContext(n.PrimeReactContext),S=j.getProps(e,x),E=O(c.useState(S.id),2),D=E[0],P=E[1],N=j.setMetaData({props:S,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=c.useRef(null),M=c.useRef(null);t.useHandleStyle(j.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},q=function(){d(-3)},_=function(e){d(e)},R=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},z=function(e){b(!0),G(0),S.onFocus&&S.onFocus(e)},B=function(e){b(!1),g(-1),S.onBlur&&S.onBlur(e)},F=function(e){switch(e.code){case"ArrowDown":"left"!==S.position&&"right"!==S.position||J(),e.preventDefault();break;case"ArrowUp":"left"!==S.position&&"right"!==S.position||T(),e.preventDefault();break;case"ArrowRight":"top"!==S.position&&"bottom"!==S.position||J(),e.preventDefault();break;case"ArrowLeft":"top"!==S.position&&"bottom"!==S.position||T(),e.preventDefault();break;case"Home":X(),e.preventDefault();break;case"End":L(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},J=function(){var e=Y(y);G(e)},T=function(){var e=$(y);G(e)},X=function(){G(0)},L=function(){G(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=i.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&i.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');g(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,a=e.label,l=e.template,u=e.url,d=e.target,f=e.id||D+"_"+n,m=i.classNames("p-dock-action",{"p-disabled":t}),b=i.classNames("p-dock-action-icon",r),v=h({className:A("icon")},U("icon",e,n)),y=i.IconUtils.getJSXIcon(r,w({},v),{props:S}),k=h({href:u||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:d,"data-pr-tooltip":a,onClick:function(n){return R(n,e)}},U("action",e,n)),g=c.createElement("a",k,y,c.createElement(o.Ripple,null));l&&(g=i.ObjectUtils.getJSXElement(l,e,{onClick:function(n){return R(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:g,props:S,index:n}));var x=h({className:A("content")},U("content",e,n)),O=Q(f),j=h(p(p({id:f,role:"menuitem",key:f,"aria-label":a,"aria-disabled":t,"data-p-focused":O,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(f)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return c.createElement("li",j,c.createElement("div",x,g))};r.useMountEffect((function(){D||P(i.UniqueComponentId())})),c.useImperativeHandle(a,(function(){return{props:S,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(S.header){var e=i.ObjectUtils.getJSXElement(S.header,{props:S}),n=h({className:A("header")},I("header"));return c.createElement("div",n,e)}return null}(),ne=(W=S.model?S.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===S.position||"top"===S.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:S.tabIndex||0,onFocus:z,onBlur:B,onKeyDown:F,onMouseLeave:q},I("menu")),c.createElement("ul",Z,W)),te=function(){if(S.footer){var e=i.ObjectUtils.getJSXElement(S.footer,{props:S}),n=h({className:A("footer")},I("footer"));return c.createElement("div",n,e)}return null}(),re=h({className:i.classNames(S.className,A("root")),style:S.style},j.getOtherProps(S),I("root")),oe=h({className:A("container")},I("container"));return c.createElement("div",l({id:S.id,ref:C},re),c.createElement("div",oe,ee,ne,te))})));E.displayName="Dock",exports.Dock=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils");function a(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 c=a(e);function l(){return l=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},l.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=s(e,"string");return"symbol"===u(n)?n:String(n)}function p(e,n,t){return(n=d(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function m(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,n){if(e){if("string"==typeof e)return f(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)?f(e,n):void 0}}function y(){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 k(e){return m(e)||b(e)||v(e)||y()}function g(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}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 O(e,n){return g(e)||h(e,n)||v(e,n)||x()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return i.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return i.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return i.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=c.memo(c.forwardRef((function(e,a){var u=O(c.useState(-3),2),s=u[0],d=u[1],f=O(c.useState(!1),2),m=f[0],b=f[1],v=O(c.useState(-1),2),y=v[0],g=v[1],h=r.useMergeProps(),x=c.useContext(n.PrimeReactContext),S=j.getProps(e,x),E=O(c.useState(S.id),2),D=E[0],P=E[1],N=j.setMetaData({props:S,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=c.useRef(null),M=c.useRef(null);t.useHandleStyle(j.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},q=function(){d(-3)},_=function(e){d(e)},R=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},z=function(e){b(!0),G(0),S.onFocus&&S.onFocus(e)},B=function(e){b(!1),g(-1),S.onBlur&&S.onBlur(e)},F=function(e){switch(e.code){case"ArrowDown":"left"!==S.position&&"right"!==S.position||J(),e.preventDefault();break;case"ArrowUp":"left"!==S.position&&"right"!==S.position||T(),e.preventDefault();break;case"ArrowRight":"top"!==S.position&&"bottom"!==S.position||J(),e.preventDefault();break;case"ArrowLeft":"top"!==S.position&&"bottom"!==S.position||T(),e.preventDefault();break;case"Home":X(),e.preventDefault();break;case"End":L(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},J=function(){var e=Y(y);G(e)},T=function(){var e=$(y);G(e)},X=function(){G(0)},L=function(){G(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=i.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&i.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=k(i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=i.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');g(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,a=e.label,u=e.template,d=e.url,f=e.target,m=e.id||D+"_"+n,b=i.classNames("p-dock-action",{"p-disabled":t}),v=i.classNames("p-dock-action-icon",r),y=h({className:A("icon")},U("icon",e,n)),k=i.IconUtils.getJSXIcon(r,w({},y),{props:S}),g=h({href:d||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:f,"data-pr-tooltip":a,onClick:function(n){return R(n,e)}},U("action",e,n)),x=c.createElement("a",g,k,c.createElement(o.Ripple,null));u&&(x=i.ObjectUtils.getJSXElement(u,e,{onClick:function(n){return R(n,e)},className:b,iconClassName:v,"aria-hidden":"true",tabIndex:-1,element:x,props:S,index:n}));var O=h({className:A("content")},U("content",e,n)),j=Q(m),E=h(p(p({id:m,role:"menuitem","aria-label":a,"aria-disabled":t,"data-p-focused":j,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(m)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return c.createElement("li",l({},E,{key:m}),c.createElement("div",O,x))};r.useMountEffect((function(){D||P(i.UniqueComponentId())})),c.useImperativeHandle(a,(function(){return{props:S,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(S.header){var e=i.ObjectUtils.getJSXElement(S.header,{props:S}),n=h({className:A("header")},I("header"));return c.createElement("div",n,e)}return null}(),ne=(W=S.model?S.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===S.position||"top"===S.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:S.tabIndex||0,onFocus:z,onBlur:B,onKeyDown:F,onMouseLeave:q},I("menu")),c.createElement("ul",Z,W)),te=function(){if(S.footer){var e=i.ObjectUtils.getJSXElement(S.footer,{props:S}),n=h({className:A("footer")},I("footer"));return c.createElement("div",n,e)}return null}(),re=h({className:i.classNames(S.className,A("root")),style:S.style},j.getOtherProps(S),I("root")),oe=h({className:A("container")},I("container"));return c.createElement("div",l({id:S.id,ref:C},re),c.createElement("div",oe,ee,ne,te))})));E.displayName="Dock",exports.Dock=E;

package/dock/dock.esm.js

@@ -402,7 +402,6 @@ var Dock = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     var menuitemProps = mergeProps(_defineProperty(_defineProperty({
       id: key,
       role: 'menuitem',
-      key: key,
       'aria-label': label,
       'aria-disabled': disabled,
       'data-p-focused': active,
@@ -415,7 +414,9 @@ var Dock = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     }, "role", 'none'), "onMouseEnter", function onMouseEnter() {
       return onItemMouseEnter(index);
     }), getPTOptions('menuitem', item, index));
-    return /*#__PURE__*/React.createElement("li", menuitemProps, /*#__PURE__*/React.createElement("div", contentProps, content));
+    return /*#__PURE__*/React.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React.createElement("div", contentProps, content));
   };
   var createItems = function createItems() {
     return props.model ? props.model.map(createItem) : null;

package/dock/dock.esm.min.js

@@ -1 +1 @@
-import*as n from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as t,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as i}from"primereact/hooks";import{Ripple as a}from"primereact/ripple";import{classNames as c,UniqueComponentId as l,ObjectUtils as u,DomHandler as s,IconUtils as p}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},d.apply(this,arguments)}function f(n){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},f(n)}function m(n,e){if("object"!==f(n)||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var o=t.call(n,e||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function b(n){var e=m(n,"string");return"symbol"===f(e)?e:String(e)}function v(n,e,t){return(e=b(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function k(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t<e;t++)o[t]=n[t];return o}function y(n){if(Array.isArray(n))return k(n)}function g(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function h(n,e){if(n){if("string"==typeof n)return k(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(n,e):void 0}}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(n){return y(n)||g(n)||h(n)||x()}function w(n){if(Array.isArray(n))return n}function O(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(n)).next,0===e){if(Object(t)!==t)return;l=!1}else for(;!(l=(o=i.call(t)).done)&&(c.push(o.value),c.length!==e);l=!0);}catch(n){u=!0,r=n}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(n,e){return w(n)||O(n,e)||h(n,e)||j()}var P=t.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(n){return c("p-dock-action",{"p-disabled":n.disabled})},menuitem:function(n){var e=n.currentIndexState,t=n.index;return c("p-dock-item",{"p-dock-item-second-prev":e-2===t,"p-dock-item-prev":e-1===t,"p-dock-item-current":e===t,"p-dock-item-next":e+1===t,"p-dock-item-second-next":e+2===t,"p-focus":n.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(n){var e=n.props;return c("p-dock p-component p-dock-".concat(e.position),{"p-dock-magnification":e.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function D(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function I(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?D(Object(t),!0).forEach((function(e){v(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var N=n.memo(n.forwardRef((function(t,f){var m=E(n.useState(-3),2),b=m[0],k=m[1],y=E(n.useState(!1),2),g=y[0],h=y[1],x=E(n.useState(-1),2),w=x[0],O=x[1],j=r(),D=n.useContext(e),N=P.getProps(t,D),A=E(n.useState(N.id),2),C=A[0],F=A[1],z=P.setMetaData({props:N,state:{id:C,currentIndex:b}}),B=z.ptm,J=z.cx,M=z.isUnstyled,R=n.useRef(null),T=n.useRef(null);o(P.css.styles,M,{name:"dock"});var X=function(n,e,t){return B(n,{context:{index:t,item:e}})},U=function(){k(-3)},_=function(n){k(n)},H=function(n,e){e.command&&e.command({originalEvent:n,item:e}),n.preventDefault()},L=function(n){h(!0),nn(0),N.onFocus&&N.onFocus(n)},K=function(n){h(!1),O(-1),N.onBlur&&N.onBlur(n)},Y=function(n){switch(n.code){case"ArrowDown":"left"!==N.position&&"right"!==N.position||$(),n.preventDefault();break;case"ArrowUp":"left"!==N.position&&"right"!==N.position||q(),n.preventDefault();break;case"ArrowRight":"top"!==N.position&&"bottom"!==N.position||$(),n.preventDefault();break;case"ArrowLeft":"top"!==N.position&&"bottom"!==N.position||q(),n.preventDefault();break;case"Home":G(),n.preventDefault();break;case"End":Q(),n.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":V(),n.preventDefault()}},$=function(){var n=W(w);nn(n)},q=function(){var n=Z(w);nn(n)},G=function(){nn(0)},Q=function(){nn(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},V=function(){var n=s.findSingle(T.current,'li[id="'.concat("".concat(w),'"]')),e=n&&s.findSingle(n,'[data-pc-section="action"]');e?e.click():n&&n.click()},W=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e+1:0},Z=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e-1:0},nn=function(n){var e=s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');O(e[n>=e.length?e.length-1:n<0?0:n].getAttribute("id"))},en=function(n){return n===w},tn=function(e,t){if(!1===e.visible)return null;var o=e.disabled,r=e.icon,i=e.label,l=e.template,s=e.url,d=e.target,f=e.id||C+"_"+t,m=c("p-dock-action",{"p-disabled":o}),k=c("p-dock-action-icon",r),y=j({className:J("icon")},X("icon",e,t)),g=p.getJSXIcon(r,I({},y),{props:N}),h=j({href:s||"#",onFocus:function(n){return n.stopPropagation()},className:J("action",{disabled:o}),"aria-hidden":"true",tabIndex:-1,target:d,"data-pr-tooltip":i,onClick:function(n){return H(n,e)}},X("action",e,t)),x=n.createElement("a",h,g,n.createElement(a,null));l&&(x=u.getJSXElement(l,e,{onClick:function(n){return H(n,e)},className:m,iconClassName:k,"aria-hidden":"true",tabIndex:-1,element:x,props:N,index:t}));var S=j({className:J("content")},X("content",e,t)),w=en(f),O=j(v(v({id:f,role:"menuitem",key:f,"aria-label":i,"aria-disabled":o,"data-p-focused":w,"data-p-disabled":o||!1,className:J("menuitem",{currentIndexState:b,index:t,active:en(f)})},"role","none"),"onMouseEnter",(function(){return _(t)})),X("menuitem",e,t));return n.createElement("li",O,n.createElement("div",S,x))};i((function(){C||F(l())})),n.useImperativeHandle(f,(function(){return{props:N,getElement:function(){return R.current}}}));var on,rn,an=function(){if(N.header){var e=u.getJSXElement(N.header,{props:N}),t=j({className:J("header")},B("header"));return n.createElement("div",t,e)}return null}(),cn=(on=N.model?N.model.map(tn):null,rn=j({ref:T,className:J("menu"),role:"menu","aria-orientation":"bottom"===N.position||"top"===N.position?"horizontal":"vertical","aria-activedescendant":g?-1!==w?w:null:void 0,tabIndex:N.tabIndex||0,onFocus:L,onBlur:K,onKeyDown:Y,onMouseLeave:U},B("menu")),n.createElement("ul",rn,on)),ln=function(){if(N.footer){var e=u.getJSXElement(N.footer,{props:N}),t=j({className:J("footer")},B("footer"));return n.createElement("div",t,e)}return null}(),un=j({className:c(N.className,J("root")),style:N.style},P.getOtherProps(N),B("root")),sn=j({className:J("container")},B("container"));return n.createElement("div",d({id:N.id,ref:R},un),n.createElement("div",sn,an,cn,ln))})));N.displayName="Dock";export{N as Dock};
+import*as n from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as t,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as i}from"primereact/hooks";import{Ripple as a}from"primereact/ripple";import{classNames as c,UniqueComponentId as l,ObjectUtils as u,DomHandler as s,IconUtils as p}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n},d.apply(this,arguments)}function f(n){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},f(n)}function m(n,e){if("object"!==f(n)||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var o=t.call(n,e||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function b(n){var e=m(n,"string");return"symbol"===f(e)?e:String(e)}function v(n,e,t){return(e=b(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function k(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=new Array(e);t<e;t++)o[t]=n[t];return o}function y(n){if(Array.isArray(n))return k(n)}function g(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}function h(n,e){if(n){if("string"==typeof n)return k(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(n,e):void 0}}function x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(n){return y(n)||g(n)||h(n)||x()}function w(n){if(Array.isArray(n))return n}function O(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(n)).next,0===e){if(Object(t)!==t)return;l=!1}else for(;!(l=(o=i.call(t)).done)&&(c.push(o.value),c.length!==e);l=!0);}catch(n){u=!0,r=n}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(n,e){return w(n)||O(n,e)||h(n,e)||j()}var P=t.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(n){return c("p-dock-action",{"p-disabled":n.disabled})},menuitem:function(n){var e=n.currentIndexState,t=n.index;return c("p-dock-item",{"p-dock-item-second-prev":e-2===t,"p-dock-item-prev":e-1===t,"p-dock-item-current":e===t,"p-dock-item-next":e+1===t,"p-dock-item-second-next":e+2===t,"p-focus":n.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(n){var e=n.props;return c("p-dock p-component p-dock-".concat(e.position),{"p-dock-magnification":e.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function D(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function I(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?D(Object(t),!0).forEach((function(e){v(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var N=n.memo(n.forwardRef((function(t,f){var m=E(n.useState(-3),2),b=m[0],k=m[1],y=E(n.useState(!1),2),g=y[0],h=y[1],x=E(n.useState(-1),2),w=x[0],O=x[1],j=r(),D=n.useContext(e),N=P.getProps(t,D),A=E(n.useState(N.id),2),C=A[0],F=A[1],z=P.setMetaData({props:N,state:{id:C,currentIndex:b}}),B=z.ptm,J=z.cx,M=z.isUnstyled,R=n.useRef(null),T=n.useRef(null);o(P.css.styles,M,{name:"dock"});var X=function(n,e,t){return B(n,{context:{index:t,item:e}})},U=function(){k(-3)},_=function(n){k(n)},H=function(n,e){e.command&&e.command({originalEvent:n,item:e}),n.preventDefault()},L=function(n){h(!0),nn(0),N.onFocus&&N.onFocus(n)},K=function(n){h(!1),O(-1),N.onBlur&&N.onBlur(n)},Y=function(n){switch(n.code){case"ArrowDown":"left"!==N.position&&"right"!==N.position||$(),n.preventDefault();break;case"ArrowUp":"left"!==N.position&&"right"!==N.position||q(),n.preventDefault();break;case"ArrowRight":"top"!==N.position&&"bottom"!==N.position||$(),n.preventDefault();break;case"ArrowLeft":"top"!==N.position&&"bottom"!==N.position||q(),n.preventDefault();break;case"Home":G(),n.preventDefault();break;case"End":Q(),n.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":V(),n.preventDefault()}},$=function(){var n=W(w);nn(n)},q=function(){var n=Z(w);nn(n)},G=function(){nn(0)},Q=function(){nn(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},V=function(){var n=s.findSingle(T.current,'li[id="'.concat("".concat(w),'"]')),e=n&&s.findSingle(n,'[data-pc-section="action"]');e?e.click():n&&n.click()},W=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e+1:0},Z=function(n){var e=S(s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(e){return e.id===n}));return e>-1?e-1:0},nn=function(n){var e=s.find(T.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');O(e[n>=e.length?e.length-1:n<0?0:n].getAttribute("id"))},en=function(n){return n===w},tn=function(e,t){if(!1===e.visible)return null;var o=e.disabled,r=e.icon,i=e.label,l=e.template,s=e.url,f=e.target,m=e.id||C+"_"+t,k=c("p-dock-action",{"p-disabled":o}),y=c("p-dock-action-icon",r),g=j({className:J("icon")},X("icon",e,t)),h=p.getJSXIcon(r,I({},g),{props:N}),x=j({href:s||"#",onFocus:function(n){return n.stopPropagation()},className:J("action",{disabled:o}),"aria-hidden":"true",tabIndex:-1,target:f,"data-pr-tooltip":i,onClick:function(n){return H(n,e)}},X("action",e,t)),S=n.createElement("a",x,h,n.createElement(a,null));l&&(S=u.getJSXElement(l,e,{onClick:function(n){return H(n,e)},className:k,iconClassName:y,"aria-hidden":"true",tabIndex:-1,element:S,props:N,index:t}));var w=j({className:J("content")},X("content",e,t)),O=en(m),E=j(v(v({id:m,role:"menuitem","aria-label":i,"aria-disabled":o,"data-p-focused":O,"data-p-disabled":o||!1,className:J("menuitem",{currentIndexState:b,index:t,active:en(m)})},"role","none"),"onMouseEnter",(function(){return _(t)})),X("menuitem",e,t));return n.createElement("li",d({},E,{key:m}),n.createElement("div",w,S))};i((function(){C||F(l())})),n.useImperativeHandle(f,(function(){return{props:N,getElement:function(){return R.current}}}));var on,rn,an=function(){if(N.header){var e=u.getJSXElement(N.header,{props:N}),t=j({className:J("header")},B("header"));return n.createElement("div",t,e)}return null}(),cn=(on=N.model?N.model.map(tn):null,rn=j({ref:T,className:J("menu"),role:"menu","aria-orientation":"bottom"===N.position||"top"===N.position?"horizontal":"vertical","aria-activedescendant":g?-1!==w?w:null:void 0,tabIndex:N.tabIndex||0,onFocus:L,onBlur:K,onKeyDown:Y,onMouseLeave:U},B("menu")),n.createElement("ul",rn,on)),ln=function(){if(N.footer){var e=u.getJSXElement(N.footer,{props:N}),t=j({className:J("footer")},B("footer"));return n.createElement("div",t,e)}return null}(),un=j({className:c(N.className,J("root")),style:N.style},P.getOtherProps(N),B("root")),sn=j({className:J("container")},B("container"));return n.createElement("div",d({id:N.id,ref:R},un),n.createElement("div",sn,an,cn,ln))})));N.displayName="Dock";export{N as Dock};

package/dock/dock.js

@@ -418,7 +418,6 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
       var menuitemProps = mergeProps(_defineProperty(_defineProperty({
         id: key,
         role: 'menuitem',
-        key: key,
         'aria-label': label,
         'aria-disabled': disabled,
         'data-p-focused': active,
@@ -431,7 +430,9 @@ this.primereact.dock = (function (exports, React, api, componentbase, hooks, rip
       }, "role", 'none'), "onMouseEnter", function onMouseEnter() {
         return onItemMouseEnter(index);
       }), getPTOptions('menuitem', item, index));
-      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+        key: key
+      }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
     };
     var createItems = function createItems() {
       return props.model ? props.model.map(createItem) : null;

package/dock/dock.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,r,o,i,a){"use strict";function c(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 l=c(n);function u(){return u=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},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function d(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=d(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(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 b(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return m(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)?m(e,n):void 0}}function k(){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 g(e){return b(e)||v(e)||y(e)||k()}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}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 j(e,n){return h(e)||O(e,n)||y(e,n)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return a.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return a.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return a.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){f(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=l.memo(l.forwardRef((function(e,n){var c=j(l.useState(-3),2),s=c[0],d=c[1],p=j(l.useState(!1),2),m=p[0],b=p[1],v=j(l.useState(-1),2),y=v[0],k=v[1],h=o.useMergeProps(),O=l.useContext(t.PrimeReactContext),x=S.getProps(e,O),w=j(l.useState(x.id),2),D=w[0],P=w[1],N=S.setMetaData({props:x,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=l.useRef(null),M=l.useRef(null);r.useHandleStyle(S.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},R=function(){d(-3)},_=function(e){d(e)},z=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},B=function(e){b(!0),G(0),x.onFocus&&x.onFocus(e)},F=function(e){b(!1),k(-1),x.onBlur&&x.onBlur(e)},J=function(e){switch(e.code){case"ArrowDown":"left"!==x.position&&"right"!==x.position||T(),e.preventDefault();break;case"ArrowUp":"left"!==x.position&&"right"!==x.position||X(),e.preventDefault();break;case"ArrowRight":"top"!==x.position&&"bottom"!==x.position||T(),e.preventDefault();break;case"ArrowLeft":"top"!==x.position&&"bottom"!==x.position||X(),e.preventDefault();break;case"Home":L(),e.preventDefault();break;case"End":q(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},T=function(){var e=Y(y);G(e)},X=function(){var e=$(y);G(e)},L=function(){G(0)},q=function(){G(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=a.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&a.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');k(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,o=e.label,c=e.template,u=e.url,d=e.target,p=e.id||D+"_"+n,m=a.classNames("p-dock-action",{"p-disabled":t}),b=a.classNames("p-dock-action-icon",r),v=h({className:A("icon")},U("icon",e,n)),y=a.IconUtils.getJSXIcon(r,E({},v),{props:x}),k=h({href:u||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:d,"data-pr-tooltip":o,onClick:function(n){return z(n,e)}},U("action",e,n)),g=l.createElement("a",k,y,l.createElement(i.Ripple,null));c&&(g=a.ObjectUtils.getJSXElement(c,e,{onClick:function(n){return z(n,e)},className:m,iconClassName:b,"aria-hidden":"true",tabIndex:-1,element:g,props:x,index:n}));var O=h({className:A("content")},U("content",e,n)),j=Q(p),S=h(f(f({id:p,role:"menuitem",key:p,"aria-label":o,"aria-disabled":t,"data-p-focused":j,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(p)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return l.createElement("li",S,l.createElement("div",O,g))};o.useMountEffect((function(){D||P(a.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:x,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(x.header){var e=a.ObjectUtils.getJSXElement(x.header,{props:x}),n=h({className:A("header")},I("header"));return l.createElement("div",n,e)}return null}(),ne=(W=x.model?x.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===x.position||"top"===x.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:x.tabIndex||0,onFocus:B,onBlur:F,onKeyDown:J,onMouseLeave:R},I("menu")),l.createElement("ul",Z,W)),te=function(){if(x.footer){var e=a.ObjectUtils.getJSXElement(x.footer,{props:x}),n=h({className:A("footer")},I("footer"));return l.createElement("div",n,e)}return null}(),re=h({className:a.classNames(x.className,A("root")),style:x.style},S.getOtherProps(x),I("root")),oe=h({className:A("container")},I("container"));return l.createElement("div",u({id:x.id,ref:C},re),l.createElement("div",oe,ee,ne,te))})));return D.displayName="Dock",e.Dock=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.dock=function(e,n,t,r,o,i,a){"use strict";function c(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 l=c(n);function u(){return u=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},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function d(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function p(e){var n=d(e,"string");return"symbol"===s(n)?n:String(n)}function f(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(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 b(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return m(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)?m(e,n):void 0}}function k(){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 g(e){return b(e)||v(e)||y(e)||k()}function h(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}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 j(e,n){return h(e)||O(e,n)||y(e,n)||x()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Dock",id:null,style:null,className:null,model:null,tabIndex:0,onFocus:null,onBlur:null,position:"bottom",magnification:!0,header:null,footer:null,children:void 0},css:{classes:{icon:"p-dock-action-icon",action:function(e){return a.classNames("p-dock-action",{"p-disabled":e.disabled})},menuitem:function(e){var n=e.currentIndexState,t=e.index;return a.classNames("p-dock-item",{"p-dock-item-second-prev":n-2===t,"p-dock-item-prev":n-1===t,"p-dock-item-current":n===t,"p-dock-item-next":n+1===t,"p-dock-item-second-next":n+2===t,"p-focus":e.active})},content:"p-menuitem-content",header:"p-dock-header",menu:"p-dock-list",footer:"p-dock-footer",root:function(e){var n=e.props;return a.classNames("p-dock p-component p-dock-".concat(n.position),{"p-dock-magnification":n.magnification})},container:"p-dock-list-container"},styles:"\n@layer primereact {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: auto;\n    }\n\n    .p-dock-magnification .p-dock-item {\n        transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-action {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-magnification .p-dock-item-second-prev,\n    .p-dock-magnification .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-magnification .p-dock-item-prev,\n    .p-dock-magnification .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-magnification .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top.p-dock-magnification .p-dock-item {\n        transform-origin: center top;\n    }\n\n    .p-dock-top .p-dock-list-container {\n        flex-direction: column-reverse;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom.p-dock-magnification .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    .p-dock-bottom .p-dock-list-container {\n        flex-direction: column;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right.p-dock-magnification .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left.p-dock-magnification .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n\n    .p-dock-left .p-dock-list-container {\n        flex-direction: row-reverse;\n    }\n}\n"}});function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){f(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=l.memo(l.forwardRef((function(e,n){var c=j(l.useState(-3),2),s=c[0],d=c[1],p=j(l.useState(!1),2),m=p[0],b=p[1],v=j(l.useState(-1),2),y=v[0],k=v[1],h=o.useMergeProps(),O=l.useContext(t.PrimeReactContext),x=S.getProps(e,O),w=j(l.useState(x.id),2),D=w[0],P=w[1],N=S.setMetaData({props:x,state:{id:D,currentIndex:s}}),I=N.ptm,A=N.cx,H=N.isUnstyled,C=l.useRef(null),M=l.useRef(null);r.useHandleStyle(S.css.styles,H,{name:"dock"});var U=function(e,n,t){return I(e,{context:{index:t,item:n}})},R=function(){d(-3)},_=function(e){d(e)},z=function(e,n){n.command&&n.command({originalEvent:e,item:n}),e.preventDefault()},B=function(e){b(!0),G(0),x.onFocus&&x.onFocus(e)},F=function(e){b(!1),k(-1),x.onBlur&&x.onBlur(e)},J=function(e){switch(e.code){case"ArrowDown":"left"!==x.position&&"right"!==x.position||T(),e.preventDefault();break;case"ArrowUp":"left"!==x.position&&"right"!==x.position||X(),e.preventDefault();break;case"ArrowRight":"top"!==x.position&&"bottom"!==x.position||T(),e.preventDefault();break;case"ArrowLeft":"top"!==x.position&&"bottom"!==x.position||X(),e.preventDefault();break;case"Home":L(),e.preventDefault();break;case"End":q(),e.preventDefault();break;case"Enter":case"NumpadEnter":case"Space":K(),e.preventDefault()}},T=function(){var e=Y(y);G(e)},X=function(){var e=$(y);G(e)},L=function(){G(0)},q=function(){G(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1)},K=function(){var e=a.DomHandler.findSingle(M.current,'li[id="'.concat("".concat(y),'"]')),n=e&&a.DomHandler.findSingle(e,'[data-pc-section="action"]');n?n.click():e&&e.click()},Y=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},$=function(e){var n=g(a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},G=function(e){var n=a.DomHandler.find(M.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]');k(n[e>=n.length?n.length-1:e<0?0:e].getAttribute("id"))},Q=function(e){return e===y},V=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,o=e.label,c=e.template,d=e.url,p=e.target,m=e.id||D+"_"+n,b=a.classNames("p-dock-action",{"p-disabled":t}),v=a.classNames("p-dock-action-icon",r),y=h({className:A("icon")},U("icon",e,n)),k=a.IconUtils.getJSXIcon(r,E({},y),{props:x}),g=h({href:d||"#",onFocus:function(e){return e.stopPropagation()},className:A("action",{disabled:t}),"aria-hidden":"true",tabIndex:-1,target:p,"data-pr-tooltip":o,onClick:function(n){return z(n,e)}},U("action",e,n)),O=l.createElement("a",g,k,l.createElement(i.Ripple,null));c&&(O=a.ObjectUtils.getJSXElement(c,e,{onClick:function(n){return z(n,e)},className:b,iconClassName:v,"aria-hidden":"true",tabIndex:-1,element:O,props:x,index:n}));var j=h({className:A("content")},U("content",e,n)),S=Q(m),w=h(f(f({id:m,role:"menuitem","aria-label":o,"aria-disabled":t,"data-p-focused":S,"data-p-disabled":t||!1,className:A("menuitem",{currentIndexState:s,index:n,active:Q(m)})},"role","none"),"onMouseEnter",(function(){return _(n)})),U("menuitem",e,n));return l.createElement("li",u({},w,{key:m}),l.createElement("div",j,O))};o.useMountEffect((function(){D||P(a.UniqueComponentId())})),l.useImperativeHandle(n,(function(){return{props:x,getElement:function(){return C.current}}}));var W,Z,ee=function(){if(x.header){var e=a.ObjectUtils.getJSXElement(x.header,{props:x}),n=h({className:A("header")},I("header"));return l.createElement("div",n,e)}return null}(),ne=(W=x.model?x.model.map(V):null,Z=h({ref:M,className:A("menu"),role:"menu","aria-orientation":"bottom"===x.position||"top"===x.position?"horizontal":"vertical","aria-activedescendant":m?-1!==y?y:null:void 0,tabIndex:x.tabIndex||0,onFocus:B,onBlur:F,onKeyDown:J,onMouseLeave:R},I("menu")),l.createElement("ul",Z,W)),te=function(){if(x.footer){var e=a.ObjectUtils.getJSXElement(x.footer,{props:x}),n=h({className:A("footer")},I("footer"));return l.createElement("div",n,e)}return null}(),re=h({className:a.classNames(x.className,A("root")),style:x.style},S.getOtherProps(x),I("root")),oe=h({className:A("container")},I("container"));return l.createElement("div",u({id:x.id,ref:C},re),l.createElement("div",oe,ee,ne,te))})));return D.displayName="Dock",e.Dock=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);

package/dropdown/dropdown.cjs.js

@@ -8,6 +8,7 @@ var PrimeReact = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var chevrondown = require('primereact/icons/chevrondown');
+var chevronup = require('primereact/icons/chevronup');
 var spinner = require('primereact/icons/spinner');
 var times = require('primereact/icons/times');
 var overlayservice = require('primereact/overlayservice');
@@ -268,6 +269,7 @@ var DropdownBase = componentbase.ComponentBase.extend({
     dataKey: null,
     disabled: false,
     dropdownIcon: null,
+    collapseIcon: null,
     editable: false,
     emptyFilterMessage: null,
     highlightOnSelect: true,
@@ -365,13 +367,16 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
     label = props.label,
     index = props.index,
     focusedOptionIndex = props.focusedOptionIndex,
+    ariaSetSize = props.ariaSetSize,
     checkmark = props.checkmark,
-    highlightOnSelect = props.highlightOnSelect;
+    highlightOnSelect = props.highlightOnSelect,
+    onInputKeyDown = props.onInputKeyDown;
   var getPTOptions = function getPTOptions(key) {
     return ptm(key, {
       context: {
         selected: selected,
-        disabled: disabled
+        disabled: disabled,
+        focused: index === focusedOptionIndex
       }
     });
   };
@@ -385,6 +390,7 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
   var itemProps = mergeProps({
+    id: "dropdownItem_".concat(index),
     role: 'option',
     key: props.label,
     className: utils.classNames(option.className, cx('item', {
@@ -396,12 +402,18 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
       highlightOnSelect: highlightOnSelect
     })),
     style: props.style,
+    tabIndex: 0,
     onClick: function onClick(e) {
       return _onClick(e);
     },
+    onKeyDown: function onKeyDown(e) {
+      return onInputKeyDown(e);
+    },
     onMouseMove: function onMouseMove(e) {
       return props === null || props === void 0 ? void 0 : props.onMouseMove(e, index);
     },
+    'aria-setsize': ariaSetSize,
+    'aria-posinset': index + 1,
     'aria-label': label,
     'aria-selected': selected,
     'data-p-highlight': selected,
@@ -437,6 +449,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var filterInputRef = React__namespace.useRef(null);
   var isEmptyFilter = !(props.visibleOptions && props.visibleOptions.length) && props.hasFilter;
+  var ariaSetSize = props.visibleOptions ? props.visibleOptions.length : 0;
   var filterOptions = {
     filter: function filter(e) {
       return onFilterInputChange(e);
@@ -470,7 +483,6 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     });
   };
   var onFilterInputChange = function onFilterInputChange(event) {
-    props.virtualScrollerRef.current && props.virtualScrollerRef.current.scrollToIndex(0);
     props.onFilterInputChange && props.onFilterInputChange(event);
   };
   var createFooter = function createFooter() {
@@ -529,6 +541,8 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       index: index,
       focusedOptionIndex: props.focusedOptionIndex,
       option: option,
+      ariaSetSize: ariaSetSize,
+      onInputKeyDown: props.onInputKeyDown,
       style: style,
       template: props.itemTemplate,
       selected: props.isSelected(option),
@@ -743,7 +757,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var virtualScrollerRef = React__namespace.useRef(null);
   var searchTimeout = React__namespace.useRef(null);
   var searchValue = React__namespace.useRef(null);
-  React__namespace.useRef(null);
   var isLazy = props.virtualScrollerOptions && props.virtualScrollerOptions.lazy;
   var hasFilter = utils.ObjectUtils.isNotEmpty(filterState);
   var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo;
@@ -897,12 +910,13 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     });
   };
   var onInputKeyDown = function onInputKeyDown(event) {
-    if (props.disabled || utils.DomHandler.isAndroid()) {
+    if (props.disabled) {
       event.preventDefault();
       return;
     }
     var metaKey = event.metaKey || event.ctrlKey;
-    switch (event.code) {
+    var code = utils.DomHandler.isAndroid() ? event.key : event.code;
+    switch (code) {
       case 'ArrowDown':
         onArrowDownKey(event);
         break;
@@ -1064,11 +1078,16 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var changeFocusedOptionIndex = function changeFocusedOptionIndex(event, index) {
     if (focusedOptionIndex !== index) {
       setFocusedOptionIndex(index);
+      focusOnItem(index);
       if (props.selectOnFocus) {
         onOptionSelect(event, visibleOptions[index], false);
       }
     }
   };
+  var focusOnItem = function focusOnItem(index) {
+    var focusedItem = utils.DomHandler.findSingle(overlayRef.current, "li[id=\"dropdownItem_".concat(index, "\"]"));
+    focusedItem && focusedItem.focus();
+  };
   var onArrowDownKey = function onArrowDownKey(event) {
     if (!overlayVisibleState) {
       show();
@@ -1164,7 +1183,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var onBackspaceKey = function onBackspaceKey(event) {
     var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (pressedInInputText) {
+    if (event && pressedInInputText) {
       !overlayVisibleState && show();
     }
   };
@@ -1384,8 +1403,11 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return "".concat(optionLabel);
   };
   var getOptionValue = function getOptionValue(option) {
+    if (props.useOptionAsValue) {
+      return option;
+    }
     var optionValue = props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option ? option['value'] : utils.ObjectUtils.resolveFieldData(option, 'value');
-    return utils.ObjectUtils.isNotEmpty(optionValue) ? optionValue : option;
+    return props.optionValue || utils.ObjectUtils.isNotEmpty(optionValue) ? optionValue : option;
   };
   var getOptionRenderKey = function getOptionRenderKey(option) {
     return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -1470,6 +1492,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       alignOverlay();
     }
   }, [overlayVisibleState, filterState, props.filter]);
+  hooks.useUpdateEffect(function () {
+    virtualScrollerRef.current && virtualScrollerRef.current.scrollInView(0);
+  }, [filterState]);
   hooks.useUpdateEffect(function () {
     if (filterState && (!props.options || props.options.length === 0)) {
       setFilterState('');
@@ -1616,7 +1641,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       className: cx('dropdownIcon'),
       'data-pr-overlay-visible': overlayVisibleState
     }, ptm('dropdownIcon'));
-    var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps);
+    var icon = !overlayVisibleState ? props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, dropdownIconProps);
     var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, dropdownIconProps), {
       props: props
     });
@@ -1656,7 +1681,8 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onContextMenu: props.onContextMenu,
     onFocus: onFocus,
     'data-p-disabled': props.disabled,
-    'data-p-focus': focusedState
+    'data-p-focus': focusedState,
+    'aria-activedescendant': focusedState ? "dropdownItem_".concat(focusedOptionIndex) : undefined
   }, otherProps, ptm('root'));
   var firstHiddenFocusableElementProps = mergeProps({
     ref: firstHiddenFocusableElementOnOverlay,
@@ -1707,6 +1733,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onFilterInputChange: onFilterInputChange,
     onFilterInputKeyDown: onFilterInputKeyDown,
     onOptionClick: onOptionClick,
+    onInputKeyDown: onInputKeyDown,
     ptm: ptm,
     resetFilter: resetFilter,
     changeFocusedOptionIndex: changeFocusedOptionIndex,