primereact 7.0.0-rc.2 → 7.2.0

package/dock/dock.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.dock = (function (exports, React, core) {
+this.primereact.dock = (function (exports, React, utils, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.dock = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +60,20 @@ this.primereact.dock = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -166,21 +166,21 @@ this.primereact.dock = (function (exports, React, core) {
             template = item.template,
             url = item.url,
             target = item.target;
-        var className = core.classNames('p-dock-item', {
+        var className = utils.classNames('p-dock-item', {
           'p-dock-item-second-prev': this.state.currentIndex - 2 === index,
           'p-dock-item-prev': this.state.currentIndex - 1 === index,
           'p-dock-item-current': this.state.currentIndex === index,
           'p-dock-item-next': this.state.currentIndex + 1 === index,
           'p-dock-item-second-next': this.state.currentIndex + 2 === index
         });
-        var contentClassName = core.classNames('p-dock-action', {
+        var contentClassName = utils.classNames('p-dock-action', {
           'p-disabled': disabled
         });
-        var iconClassName = core.classNames('p-dock-action-icon', _icon);
-        var icon = typeof _icon === 'string' ? /*#__PURE__*/React__default['default'].createElement("span", {
+        var iconClassName = utils.classNames('p-dock-action-icon', _icon);
+        var icon = typeof _icon === 'string' ? /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
-        }) : core.ObjectUtils.getJSXElement(_icon, this.props);
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        }) : utils.ObjectUtils.getJSXElement(_icon, this.props);
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: url || '#',
           role: "menuitem",
           className: contentClassName,
@@ -189,7 +189,7 @@ this.primereact.dock = (function (exports, React, core) {
           onClick: function onClick(e) {
             return _this2.onItemClick(e, item);
           }
-        }, icon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, icon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
         if (template) {
           var defaultContentOptions = {
@@ -202,10 +202,10 @@ this.primereact.dock = (function (exports, React, core) {
             props: this.props,
             index: index
           };
-          content = core.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: index,
           className: className,
           role: "none",
@@ -228,12 +228,25 @@ this.primereact.dock = (function (exports, React, core) {
         return null;
       }
     }, {
+      key: "renderHeader",
+      value: function renderHeader() {
+        if (this.props.header) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "p-dock-header"
+          }, utils.ObjectUtils.getJSXElement(this.props.header, {
+            props: this.props
+          }));
+        }
+
+        return null;
+      }
+    }, {
       key: "renderList",
       value: function renderList() {
         var _this4 = this;
 
         var items = this.renderItems();
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: function ref(el) {
             return _this4.list = el;
           },
@@ -242,18 +255,35 @@ this.primereact.dock = (function (exports, React, core) {
           onMouseLeave: this.onListMouseLeave
         }, items);
       }
+    }, {
+      key: "renderFooter",
+      value: function renderFooter() {
+        if (this.props.footer) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "p-dock-footer"
+          }, utils.ObjectUtils.getJSXElement(this.props.footer, {
+            props: this.props
+          }));
+        }
+
+        return null;
+      }
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames("p-dock p-component p-dock-".concat(this.props.position), this.props.className);
+        var className = utils.classNames("p-dock p-component p-dock-".concat(this.props.position), {
+          'p-dock-magnification': this.props.magnification
+        }, this.props.className);
+        var header = this.renderHeader();
         var list = this.renderList();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var footer = this.renderFooter();
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           className: className,
           style: this.props.style
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "p-dock-list-container"
-        }, list));
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "p-dock-container"
+        }, header, list, footer));
       }
     }]);
 
@@ -265,7 +295,10 @@ this.primereact.dock = (function (exports, React, core) {
     style: null,
     className: null,
     model: null,
-    position: 'bottom'
+    position: 'bottom',
+    magnification: true,
+    header: null,
+    footer: null
   });
 
   exports.Dock = Dock;
@@ -274,4 +307,4 @@ this.primereact.dock = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.ripple);

package/dock/dock.min.css

@@ -1 +1 @@
-.p-dock{position:absolute;z-index:1;display:flex;justify-content:center;align-items:center;pointer-events:none}.p-dock-list-container{display:flex;pointer-events:auto}.p-dock-list{margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;pointer-events:auto}.p-dock-item{transition:all .2s cubic-bezier(0.4,0,0.2,1);will-change:transform}.p-dock-action{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-item-second-prev,.p-dock-item-second-next{transform:scale(1.2)}.p-dock-item-prev,.p-dock-item-next{transform:scale(1.4)}.p-dock-item-current{transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top .p-dock-item{transform-origin:center top}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom .p-dock-item{transform-origin:center bottom}.p-dock-right{right:0;top:0;height:100%}.p-dock-right .p-dock-item{transform-origin:center right}.p-dock-right .p-dock-list{flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left .p-dock-item{transform-origin:center left}.p-dock-left .p-dock-list{flex-direction:column}
+.p-dock{position:absolute;z-index:1;display:flex;justify-content:center;align-items:center;pointer-events:none}.p-dock-container{display:flex;pointer-events:auto}.p-dock-list{margin:0;padding:0;list-style:none;display:flex;align-items:center;justify-content:center;pointer-events:auto}.p-dock-magnification .p-dock-item{transition:all .2s cubic-bezier(0.4,0,0.2,1);will-change:transform}.p-dock-action{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:default}.p-dock-magnification .p-dock-item-second-prev,.p-dock-magnification .p-dock-item-second-next{transform:scale(1.2)}.p-dock-magnification .p-dock-item-prev,.p-dock-magnification .p-dock-item-next{transform:scale(1.4)}.p-dock-magnification .p-dock-item-current{transform:scale(1.6);z-index:1}.p-dock-top{left:0;top:0;width:100%}.p-dock-top.p-dock-magnification .p-dock-item{transform-origin:center top}.p-dock-top .p-dock-container{flex-direction:column-reverse}.p-dock-bottom{left:0;bottom:0;width:100%}.p-dock-bottom.p-dock-magnification .p-dock-item{transform-origin:center bottom}.p-dock-bottom .p-dock-container{flex-direction:column}.p-dock-right{right:0;top:0;height:100%}.p-dock-right.p-dock-magnification .p-dock-item{transform-origin:center right}.p-dock-right .p-dock-list{flex-direction:column}.p-dock-left{left:0;top:0;height:100%}.p-dock-left.p-dock-magnification .p-dock-item{transform-origin:center left}.p-dock-left .p-dock-list{flex-direction:column}.p-dock-left .p-dock-container{flex-direction:row-reverse}

package/dock/dock.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dock=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}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})(e)}function f(e,t){if(t&&("object"===l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,y,h,v=function(e){a(h,e);var t,r,u,l,d,y=(t=h,r=m(),function(){var e,n=p(t);if(r){var o=p(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return f(this,e)});function h(e){var t;return i(this,h),(t=y.call(this,e)).state={currentIndex:-3},t.onListMouseLeave=t.onListMouseLeave.bind(s(t)),t}return u=h,(l=[{key:"onListMouseLeave",value:function(){this.setState({currentIndex:-3})}},{key:"onItemMouseEnter",value:function(e){this.setState({currentIndex:e})}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()}},{key:"renderItem",value:function(e,t){var r=this,i=e.disabled,c=e.icon,s=e.label,u=e.template,a=e.url,l=e.target,f=n.classNames("p-dock-item",{"p-dock-item-second-prev":this.state.currentIndex-2===t,"p-dock-item-prev":this.state.currentIndex-1===t,"p-dock-item-current":this.state.currentIndex===t,"p-dock-item-next":this.state.currentIndex+1===t,"p-dock-item-second-next":this.state.currentIndex+2===t}),p=n.classNames("p-dock-action",{"p-disabled":i}),m=n.classNames("p-dock-action-icon",c),d="string"==typeof c?o.default.createElement("span",{className:m}):n.ObjectUtils.getJSXElement(c,this.props),y=o.default.createElement("a",{href:a||"#",role:"menuitem",className:p,target:l,"data-pr-tooltip":s,onClick:function(t){return r.onItemClick(t,e)}},d,o.default.createElement(n.Ripple,null));return u&&(y=n.ObjectUtils.getJSXElement(u,e,{onClick:function(t){return r.onItemClick(t,e)},className:p,iconClassName:m,element:y,props:this.props,index:t})),o.default.createElement("li",{key:t,className:f,role:"none",onMouseEnter:function(){return r.onItemMouseEnter(t)}},y)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return o.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-dock-list",role:"menu",onMouseLeave:this.onListMouseLeave},t)}},{key:"render",value:function(){var e=n.classNames("p-dock p-component p-dock-".concat(this.props.position),this.props.className),t=this.renderList();return o.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o.default.createElement("div",{className:"p-dock-list-container"},t))}}])&&c(u.prototype,l),d&&c(u,d),h}(t.Component);return h={id:null,style:null,className:null,model:null,position:"bottom"},(y="defaultProps")in(d=v)?Object.defineProperty(d,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):d[y]=h,e.Dock=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.dock=function(e,t,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(t);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){return l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},l(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var y,h,b,v=function(e){u(b,e);var t,o,l,p,y,h=(t=b,o=m(),function(){var e,n=d(t);if(o){var r=d(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return f(this,e)});function b(e){var t;return c(this,b),(t=h.call(this,e)).state={currentIndex:-3},t.onListMouseLeave=t.onListMouseLeave.bind(a(t)),t}return l=b,(p=[{key:"onListMouseLeave",value:function(){this.setState({currentIndex:-3})}},{key:"onItemMouseEnter",value:function(e){this.setState({currentIndex:e})}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),e.preventDefault()}},{key:"renderItem",value:function(e,t){var o=this,c=e.disabled,s=e.icon,a=e.label,l=e.template,u=e.url,p=e.target,f=n.classNames("p-dock-item",{"p-dock-item-second-prev":this.state.currentIndex-2===t,"p-dock-item-prev":this.state.currentIndex-1===t,"p-dock-item-current":this.state.currentIndex===t,"p-dock-item-next":this.state.currentIndex+1===t,"p-dock-item-second-next":this.state.currentIndex+2===t}),d=n.classNames("p-dock-action",{"p-disabled":c}),m=n.classNames("p-dock-action-icon",s),y="string"==typeof s?i.default.createElement("span",{className:m}):n.ObjectUtils.getJSXElement(s,this.props),h=i.default.createElement("a",{href:u||"#",role:"menuitem",className:d,target:p,"data-pr-tooltip":a,onClick:function(t){return o.onItemClick(t,e)}},y,i.default.createElement(r.Ripple,null));return l&&(h=n.ObjectUtils.getJSXElement(l,e,{onClick:function(t){return o.onItemClick(t,e)},className:d,iconClassName:m,element:h,props:this.props,index:t})),i.default.createElement("li",{key:t,className:f,role:"none",onMouseEnter:function(){return o.onItemMouseEnter(t)}},h)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderHeader",value:function(){return this.props.header?i.default.createElement("div",{className:"p-dock-header"},n.ObjectUtils.getJSXElement(this.props.header,{props:this.props})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return i.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-dock-list",role:"menu",onMouseLeave:this.onListMouseLeave},t)}},{key:"renderFooter",value:function(){return this.props.footer?i.default.createElement("div",{className:"p-dock-footer"},n.ObjectUtils.getJSXElement(this.props.footer,{props:this.props})):null}},{key:"render",value:function(){var e=n.classNames("p-dock p-component p-dock-".concat(this.props.position),{"p-dock-magnification":this.props.magnification},this.props.className),t=this.renderHeader(),r=this.renderList(),o=this.renderFooter();return i.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},i.default.createElement("div",{className:"p-dock-container"},t,r,o))}}])&&s(l.prototype,p),y&&s(l,y),Object.defineProperty(l,"prototype",{writable:!1}),b}(t.Component);return b={id:null,style:null,className:null,model:null,position:"bottom",magnification:!0,header:null,footer:null},(h="defaultProps")in(y=v)?Object.defineProperty(y,h,{value:b,enumerable:!0,configurable:!0,writable:!0}):y[h]=b,e.Dock=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);