primereact 9.4.0 → 9.6.0

package/colorpicker/colorpicker.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, overlayservice, tooltip, utils, csstransition, portal) {
+this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, overlayservice, tooltip, utils, componentbase, csstransition, portal) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,6 +40,47 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    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 _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -95,10 +136,11 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var ColorPickerBase = {
+  var ColorPickerBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'ColorPicker',
       appendTo: null,
+      autoFocus: false,
       children: undefined,
       className: null,
       defaultColor: 'ff0000',
@@ -121,23 +163,24 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       tooltipOptions: null,
       transitionOptions: null,
       value: null
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, ColorPickerBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ColorPickerBase.defaultProps);
     }
-  };
+  });
 
   var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var createElement = function createElement() {
       var className = utils.classNames('p-colorpicker-panel', props.panelClassName, {
         'p-colorpicker-overlay-panel': !props.inline,
         'p-disabled': props.disabled,
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
+      var panelProps = utils.mergeProps({
+        ref: ref,
+        className: className,
+        style: props.panelStyle,
+        onClick: props.onClick
+      }, props.ptm('panel'));
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: ref,
         classNames: "p-connected-overlay",
@@ -152,12 +195,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         onEntered: props.onEntered,
         onExit: props.onExit,
         onExited: props.onExited
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        ref: ref,
-        className: className,
-        style: props.panelStyle,
-        onClick: props.onClick
-      }, props.children));
+      }, /*#__PURE__*/React__namespace.createElement("div", panelProps, props.children));
     };
     var element = createElement();
     return props.inline ? element : /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -167,12 +205,22 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
   });
   ColorPickerPanel.displayName = 'ColorPickerPanel';
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ColorPickerBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = ColorPickerBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       overlayVisibleState = _React$useState2[0],
       setOverlayVisibleState = _React$useState2[1];
+    var _ColorPickerBase$setM = ColorPickerBase.setMetaData({
+        props: props,
+        state: {
+          overlayVisible: overlayVisibleState
+        }
+      }),
+      ptm = _ColorPickerBase$setM.ptm;
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
@@ -388,7 +436,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       setOverlayVisibleState(false);
     };
     var onOverlayEnter = function onOverlayEnter() {
-      utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+      utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
       alignOverlay();
     };
     var onOverlayEntered = function onOverlayEntered() {
@@ -547,7 +595,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     };
     var alignOverlay = function alignOverlay() {
       if (inputRef.current) {
-        utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
+        utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
       }
     };
     React__namespace.useImperativeHandle(ref, function () {
@@ -575,6 +623,9 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     hooks.useMountEffect(function () {
       updateHSBValue(props.value);
       updateUI();
+      if (props.autoFocus) {
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
+      }
     });
     hooks.useUpdateEffect(function () {
       if (!colorDragging.current && !hueDragging.current) {
@@ -588,39 +639,57 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       utils.ZIndexUtils.clear(overlayRef.current);
     });
     var createColorSelector = function createColorSelector() {
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var selectorProps = utils.mergeProps({
         ref: colorSelectorRef,
-        className: "p-colorpicker-color-selector",
-        onMouseDown: onColorMousedown,
-        onTouchStart: onColorDragStart,
-        onTouchMove: onDrag,
+        className: 'p-colorpicker-color-selector',
+        onMouseDown: function onMouseDown(e) {
+          return onColorMousedown(e);
+        },
+        onTouchStart: function onTouchStart(e) {
+          return onColorDragStart(e);
+        },
+        onTouchMove: function onTouchMove(e) {
+          return onDrag(e);
+        },
         onTouchEnd: onDragEnd
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-colorpicker-color"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
+      }, ptm('selector'));
+      var colorProps = utils.mergeProps({
+        className: 'p-colorpicker-color'
+      }, ptm('color'));
+      var colorHandlerProps = utils.mergeProps({
         ref: colorHandleRef,
-        className: "p-colorpicker-color-handle"
-      })));
+        className: 'p-colorpicker-color-handle'
+      }, ptm('colorHandler'));
+      return /*#__PURE__*/React__namespace.createElement("div", selectorProps, /*#__PURE__*/React__namespace.createElement("div", colorProps, /*#__PURE__*/React__namespace.createElement("div", colorHandlerProps)));
     };
     var createHue = function createHue() {
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var hueProps = utils.mergeProps({
         ref: hueViewRef,
-        className: "p-colorpicker-hue",
-        onMouseDown: onHueMousedown,
-        onTouchStart: onHueDragStart,
-        onTouchMove: onDrag,
+        className: 'p-colorpicker-hue',
+        onMouseDown: function onMouseDown(e) {
+          return onHueMousedown(e);
+        },
+        onTouchStart: function onTouchStart(e) {
+          return onHueDragStart(e);
+        },
+        onTouchMove: function onTouchMove(e) {
+          return onDrag(e);
+        },
         onTouchEnd: onDragEnd
-      }, /*#__PURE__*/React__namespace.createElement("div", {
+      }, ptm('hue'));
+      var hueHandlerProps = utils.mergeProps({
         ref: hueHandleRef,
-        className: "p-colorpicker-hue-handle"
-      }));
+        className: 'p-colorpicker-hue-handle'
+      }, ptm('hueHandler'));
+      return /*#__PURE__*/React__namespace.createElement("div", hueProps, /*#__PURE__*/React__namespace.createElement("div", hueHandlerProps));
     };
     var createContent = function createContent() {
       var colorSelector = createColorSelector();
       var hue = createHue();
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-colorpicker-content"
-      }, colorSelector, hue);
+      var contentProps = utils.mergeProps({
+        className: 'p-colorpicker-content'
+      }, ptm('content'));
+      return /*#__PURE__*/React__namespace.createElement("div", contentProps, colorSelector, hue);
     };
     var createInput = function createInput() {
       if (!props.inline) {
@@ -628,9 +697,9 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
           'p-disabled': props.disabled
         });
         var inputProps = ColorPickerBase.getOtherProps(props);
-        return /*#__PURE__*/React__namespace.createElement("input", _extends({
+        var _inputProps = utils.mergeProps(_objectSpread({
           ref: inputRef,
-          type: "text",
+          type: 'text',
           readOnly: true,
           className: inputClassName,
           style: props.inputStyle,
@@ -639,23 +708,24 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
           disabled: props.disabled,
           onClick: onInputClick,
           onKeyDown: onInputKeydown
-        }, inputProps));
+        }, inputProps), ptm('input'));
+        return /*#__PURE__*/React__namespace.createElement("input", _inputProps);
       }
       return null;
     };
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = ColorPickerBase.getOtherProps(props);
     var className = utils.classNames('p-colorpicker p-component', {
       'p-colorpicker-overlay': !props.inline
     }, props.className);
     var content = createContent();
     var input = createInput();
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
+    var rootProps = utils.mergeProps({
       id: props.id,
+      ref: elementRef,
       style: props.style,
       className: className
-    }, otherProps), input, /*#__PURE__*/React__namespace.createElement(ColorPickerPanel, {
+    }, ColorPickerBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, input, /*#__PURE__*/React__namespace.createElement(ColorPickerPanel, {
       ref: overlayRef,
       appendTo: props.appendTo,
       inline: props.inline,
@@ -668,11 +738,14 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       onEntered: onOverlayEntered,
       onExit: onOverlayExit,
       onExited: onOverlayExited,
-      transitionOptions: props.transitionOptions
+      transitionOptions: props.transitionOptions,
+      ptm: ptm
     }, content)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   ColorPicker.displayName = 'ColorPicker';
 
@@ -682,4 +755,4 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal);
+})({}, React, primereact.api, primereact.hooks, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.csstransition, primereact.portal);

package/colorpicker/colorpicker.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,n,t,r,o,l,a,i,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var f=s(n),p=c(t);function d(){return d=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},d.apply(this,arguments)}function m(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,l,a,i=[],u=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function v(){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 y(e,n){return m(e)||h(e,n)||b(e,n)||v()}var E={defaultProps:{__TYPE:"ColorPicker",appendTo:null,children:void 0,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null},getProps:function(e){return a.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,E.defaultProps)}},O=f.forwardRef((function(e,n){var t,r=(t=a.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),f.createElement(i.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:t,style:e.panelStyle,onClick:e.onClick},e.children)));return e.inline?r:f.createElement(u.Portal,{element:r,appendTo:e.appendTo})}));O.displayName="ColorPickerPanel";var M=f.memo(f.forwardRef((function(e,n){var t=E.getProps(e),i=y(f.useState(!1),2),u=i[0],c=i[1],s=f.useRef(null),m=f.useRef(null),h=f.useRef(t.inputRef),g=f.useRef(null),b=f.useRef(null),v=f.useRef(null),M=f.useRef(null),k=f.useRef(!1),x=f.useRef(null),C=f.useRef(!1),w=y(r.useOverlayListener({target:s,overlay:m,listener:function(e,n){n.valid&&ee()},when:u}),2),N=w[0],S=w[1],T=y(r.useEventListener({type:"mousemove",listener:function(e){C.current&&X(e),k.current&&Y(e)}}),2),P=T[0],R=T[1],j=y(r.useEventListener({type:"mouseup",listener:function(){C.current=k.current=!1,a.DomHandler.removeClass(s.current,"p-colorpicker-dragging"),R(),I()}}),2),D=j[0],I=j[1],U=function(e){t.disabled||(z(),H(e))},H=function(e){t.disabled||(k.current=!0,Y(e),a.DomHandler.addClass(s.current,"p-colorpicker-dragging"))},Y=function(e){var n=M.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);x.current=oe({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),G(),Q(),F()},A=function(e){t.disabled||(z(),_(e))},_=function(e){t.disabled||(C.current=!0,X(e),a.DomHandler.addClass(s.current,"p-colorpicker-dragging"),e.preventDefault())},L=function(e){C.current&&(X(e),e.preventDefault()),k.current&&(Y(e),e.preventDefault())},Z=function(){C.current=!1,k.current=!1,a.DomHandler.removeClass(s.current,"p-colorpicker-dragging"),B()},z=function(){P(),D()},B=function(){R(),I()},X=function(e){var n=g.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);x.current=oe({h:x.current.h,s:o,b:l}),J(),V(),F()},F=function(){switch(t.format){case"hex":q(se(x.current));break;case"rgb":q(ue(x.current));break;case"hsb":q(x.current)}},K=function(e){var n;if(e)switch(t.format){case"hex":n=ae(e);break;case"rgb":n=ie(e);break;case"hsb":n=e}else n=ae(t.defaultColor);return n},$=function(e){x.current=K(e)},q=function(e){t.onChange&&t.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:t.name,id:t.id,value:e}})},G=function(){if(g.current){var e=oe({h:x.current.h,s:100,b:100});g.current.style.backgroundColor="#"+se(e)}},J=function(){b.current&&(b.current.style.left=Math.floor(150*x.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-x.current.b)/100)+"px")},Q=function(){v.current&&(v.current.style.top=Math.floor(150-150*x.current.h/360)+"px")},V=function(){h.current&&(h.current.style.backgroundColor="#"+se(x.current))},W=function(){c(!0)},ee=function(){c(!1)},ne=function(){te()},te=function(){u?ee():W()},re=function(e){switch(e.which){case 32:te(),e.preventDefault();break;case 27:case 9:ee()}},oe=function(e){return{h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}},le=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},ae=function(e){return ie(le(e))},ie=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},ue=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},ce=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},se=function(e){return ce(ue(e))},fe=function(){Q(),J(),V(),G()},pe=function(){h.current&&a.DomHandler.alignOverlay(m.current,h.current.parentElement,t.appendTo||p.default.appendTo)};f.useImperativeHandle(n,(function(){return{props:t,show:W,hide:ee,focus:function(){return a.DomHandler.focus(h.current)},getElement:function(){return s.current},getOverlay:function(){return m.current},getInput:function(){return h.current}}})),f.useEffect((function(){a.ObjectUtils.combinedRefs(h,t.inputRef)}),[h,t.inputRef]),r.useMountEffect((function(){$(t.value),fe()})),r.useUpdateEffect((function(){C.current||k.current||$(t.value)}),[t.value]),r.useUpdateEffect((function(){fe()})),r.useUnmountEffect((function(){a.ZIndexUtils.clear(m.current)}));var de=a.ObjectUtils.isNotEmpty(t.tooltip),me=E.getOtherProps(t),he=a.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!t.inline},t.className),ge=f.createElement("div",{className:"p-colorpicker-content"},f.createElement("div",{ref:g,className:"p-colorpicker-color-selector",onMouseDown:A,onTouchStart:_,onTouchMove:L,onTouchEnd:Z},f.createElement("div",{className:"p-colorpicker-color"},f.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),f.createElement("div",{ref:M,className:"p-colorpicker-hue",onMouseDown:U,onTouchStart:H,onTouchMove:L,onTouchEnd:Z},f.createElement("div",{ref:v,className:"p-colorpicker-hue-handle"}))),be=function(){if(!t.inline){var e=a.classNames("p-colorpicker-preview p-inputtext",t.inputClassName,{"p-disabled":t.disabled}),n=E.getOtherProps(t);return f.createElement("input",d({ref:h,type:"text",readOnly:!0,className:e,style:t.inputStyle,id:t.inputId,tabIndex:t.tabIndex,disabled:t.disabled,onClick:ne,onKeyDown:re},n))}return null}();return f.createElement(f.Fragment,null,f.createElement("div",d({ref:s,id:t.id,style:t.style,className:he},me),be,f.createElement(O,{ref:m,appendTo:t.appendTo,inline:t.inline,disabled:t.disabled,panelStyle:t.panelStyle,panelClassName:t.panelClassName,onClick:function(e){t.inline||o.OverlayService.emit("overlay-click",{originalEvent:e,target:s.current})},in:t.inline||u,onEnter:function(){a.ZIndexUtils.set("overlay",m.current,p.default.autoZIndex,p.default.zIndex.overlay),pe()},onEntered:function(){N(),t.onShow&&t.onShow()},onExit:function(){S()},onExited:function(){a.ZIndexUtils.clear(m.current),t.onHide&&t.onHide()},transitionOptions:t.transitionOptions},ge)),de&&f.createElement(l.Tooltip,d({target:s,content:t.tooltip},t.tooltipOptions)))})));return M.displayName="ColorPicker",e.ColorPicker=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,t,n,r,o,l,i,a,u,c){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=p(t),d=s(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function g(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===b(t)?t:String(t)}function y(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,t){return v(e)||O(e,t)||x(e,t)||P()}var M=a.ComponentBase.extend({defaultProps:{__TYPE:"ColorPicker",appendTo:null,autoFocus:!1,children:void 0,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null}}),S=f.forwardRef((function(e,t){var r,o,l=f.useContext(n.PrimeReactContext),a=(r=i.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":l&&"filled"===l.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":l&&!1===l.ripple||!1===d.default.ripple}),o=i.mergeProps({ref:t,className:r,style:e.panelStyle,onClick:e.onClick},e.ptm("panel")),f.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",o,e.children)));return e.inline?a:f.createElement(c.Portal,{element:a,appendTo:e.appendTo})}));function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}S.displayName="ColorPickerPanel";var j=f.memo(f.forwardRef((function(e,t){var a=f.useContext(n.PrimeReactContext),u=M.getProps(e,a),c=k(f.useState(!1),2),s=c[0],p=c[1],b=M.setMetaData({props:u,state:{overlayVisible:s}}).ptm,g=f.useRef(null),h=f.useRef(null),y=f.useRef(u.inputRef),v=f.useRef(null),O=f.useRef(null),E=f.useRef(null),x=f.useRef(null),P=f.useRef(!1),w=f.useRef(null),j=f.useRef(!1),T=k(r.useOverlayListener({target:g,overlay:h,listener:function(e,t){t.valid&&ne()},when:s}),2),N=T[0],R=T[1],D=k(r.useEventListener({type:"mousemove",listener:function(e){j.current&&K(e),P.current&&Z(e)}}),2),I=D[0],H=D[1],U=k(r.useEventListener({type:"mouseup",listener:function(){j.current=P.current=!1,i.DomHandler.removeClass(g.current,"p-colorpicker-dragging"),H(),A()}}),2),Y=U[0],A=U[1],_=function(e){u.disabled||(P.current=!0,Z(e),i.DomHandler.addClass(g.current,"p-colorpicker-dragging"))},Z=function(e){var t=x.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);w.current=ie({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150),s:100,b:100}),J(),W(),V()},F=function(e){u.disabled||(j.current=!0,K(e),i.DomHandler.addClass(g.current,"p-colorpicker-dragging"),e.preventDefault())},L=function(e){j.current&&(K(e),e.preventDefault()),P.current&&(Z(e),e.preventDefault())},z=function(){j.current=!1,P.current=!1,i.DomHandler.removeClass(g.current,"p-colorpicker-dragging"),X()},B=function(){I(),Y()},X=function(){H(),A()},K=function(e){var t=v.current.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=t.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);w.current=ie({h:w.current.h,s:o,b:l}),Q(),ee(),V()},V=function(){switch(u.format){case"hex":G(fe(w.current));break;case"rgb":G(se(w.current));break;case"hsb":G(w.current)}},$=function(e){var t;if(e)switch(u.format){case"hex":t=ue(e);break;case"rgb":t=ce(e);break;case"hsb":t=e}else t=ue(u.defaultColor);return t},q=function(e){w.current=$(e)},G=function(e){u.onChange&&u.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:e}})},J=function(){if(v.current){var e=ie({h:w.current.h,s:100,b:100});v.current.style.backgroundColor="#"+fe(e)}},Q=function(){O.current&&(O.current.style.left=Math.floor(150*w.current.s/100)+"px",O.current.style.top=Math.floor(150*(100-w.current.b)/100)+"px")},W=function(){E.current&&(E.current.style.top=Math.floor(150-150*w.current.h/360)+"px")},ee=function(){y.current&&(y.current.style.backgroundColor="#"+fe(w.current))},te=function(){p(!0)},ne=function(){p(!1)},re=function(){oe()},oe=function(){s?ne():te()},le=function(e){switch(e.which){case 32:oe(),e.preventDefault();break;case 27:case 9:ne()}},ie=function(e){return{h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}},ae=function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}},ue=function(e){return ce(ae(e))},ce=function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-n;return t.b=r,t.s=0!==r?255*o/r:0,t.h=0!==t.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t},se=function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)t={r:o,g:o,b:o};else{var l=o,i=(255-r)*o/255,a=n%60*(l-i)/60;360===n&&(n=0),n<60?(t.r=l,t.b=i,t.g=i+a):n<120?(t.g=l,t.b=i,t.r=l-a):n<180?(t.g=l,t.r=i,t.b=i+a):n<240?(t.b=l,t.r=i,t.g=l-a):n<300?(t.b=l,t.g=i,t.r=i+a):n<360?(t.r=l,t.g=i,t.b=l-a):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}},pe=function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")},fe=function(e){return pe(se(e))},de=function(){W(),Q(),ee(),J()},me=function(){y.current&&i.DomHandler.alignOverlay(h.current,y.current.parentElement,u.appendTo||a&&a.appendTo||d.default.appendTo)};f.useImperativeHandle(t,(function(){return{props:u,show:te,hide:ne,focus:function(){return i.DomHandler.focus(y.current)},getElement:function(){return g.current},getOverlay:function(){return h.current},getInput:function(){return y.current}}})),f.useEffect((function(){i.ObjectUtils.combinedRefs(y,u.inputRef)}),[y,u.inputRef]),r.useMountEffect((function(){q(u.value),de(),u.autoFocus&&i.DomHandler.focus(y.current,u.autoFocus)})),r.useUpdateEffect((function(){j.current||P.current||q(u.value)}),[u.value]),r.useUpdateEffect((function(){de()})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(h.current)}));var be,ge,he,ye,ve,Oe,Ee,xe,Pe=i.ObjectUtils.isNotEmpty(u.tooltip),ke=i.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!u.inline},u.className),Me=(be=i.mergeProps({ref:v,className:"p-colorpicker-color-selector",onMouseDown:function(e){return t=e,void(u.disabled||(B(),F(t)));var t},onTouchStart:function(e){return F(e)},onTouchMove:function(e){return L(e)},onTouchEnd:z},b("selector")),ge=i.mergeProps({className:"p-colorpicker-color"},b("color")),he=i.mergeProps({ref:O,className:"p-colorpicker-color-handle"},b("colorHandler")),Oe=f.createElement("div",be,f.createElement("div",ge,f.createElement("div",he))),ye=i.mergeProps({ref:x,className:"p-colorpicker-hue",onMouseDown:function(e){return t=e,void(u.disabled||(B(),_(t)));var t},onTouchStart:function(e){return _(e)},onTouchMove:function(e){return L(e)},onTouchEnd:z},b("hue")),ve=i.mergeProps({ref:E,className:"p-colorpicker-hue-handle"},b("hueHandler")),Ee=f.createElement("div",ye,f.createElement("div",ve)),xe=i.mergeProps({className:"p-colorpicker-content"},b("content")),f.createElement("div",xe,Oe,Ee)),Se=function(){if(!u.inline){var e=i.classNames("p-colorpicker-preview p-inputtext",u.inputClassName,{"p-disabled":u.disabled}),t=M.getOtherProps(u),n=i.mergeProps(C({ref:y,type:"text",readOnly:!0,className:e,style:u.inputStyle,id:u.inputId,tabIndex:u.tabIndex,disabled:u.disabled,onClick:re,onKeyDown:le},t),b("input"));return f.createElement("input",n)}return null}(),we=i.mergeProps({id:u.id,ref:g,style:u.style,className:ke},M.getOtherProps(u),b("root"));return f.createElement(f.Fragment,null,f.createElement("div",we,Se,f.createElement(S,{ref:h,appendTo:u.appendTo,inline:u.inline,disabled:u.disabled,panelStyle:u.panelStyle,panelClassName:u.panelClassName,onClick:function(e){u.inline||o.OverlayService.emit("overlay-click",{originalEvent:e,target:g.current})},in:u.inline||s,onEnter:function(){i.ZIndexUtils.set("overlay",h.current,a&&a.autoZIndex||d.default.autoZIndex,a&&a.zIndex.overlay||d.default.zIndex.overlay),me()},onEntered:function(){N(),u.onShow&&u.onShow()},onExit:function(){R()},onExited:function(){i.ZIndexUtils.clear(h.current),u.onHide&&u.onHide()},transitionOptions:u.transitionOptions,ptm:b},Me)),Pe&&f.createElement(l.Tooltip,m({target:g,content:u.tooltip},u.tooltipOptions,{pt:b("tooltip")})))})));return j.displayName="ColorPicker",e.ColorPicker=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.csstransition,primereact.portal);

package/column/column.cjs.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Column = function Column() {};
+//@todo Pass Parent MetaData
+
 Column.displayName = 'Column';
 
 exports.Column = Column;