primereact 9.4.0 → 9.6.0

package/chart/chart.cjs.js

@@ -5,43 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var ChartBase = {
+var ChartBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Chart',
     id: null,
@@ -54,14 +41,8 @@ var ChartBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ChartBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ChartBase.defaultProps);
   }
-};
+});
 
 // GitHub #3059 wrapper if loaded by script tag
 var ChartJS = function () {
@@ -72,7 +53,12 @@ var ChartJS = function () {
   }
 }();
 var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ChartBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = ChartBase.getProps(inProps, context);
+  var _ChartBase$setMetaDat = ChartBase.setMetaData({
+      props: props
+    }),
+    ptm = _ChartBase$setMetaDat.ptm;
   var elementRef = React__namespace.useRef(null);
   var chartRef = React__namespace.useRef(null);
   var canvasRef = React__namespace.useRef(null);
@@ -143,7 +129,6 @@ var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   hooks.useUnmountEffect(function () {
     destroyChart();
   });
-  var otherProps = ChartBase.getOtherProps(props);
   var className = utils.classNames('p-chart', props.className);
   var style = Object.assign({
     width: props.width,
@@ -151,18 +136,20 @@ var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   }, props.style);
   var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
   var ariaLabel = props.ariaLabel || title;
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     style: style,
     className: className
-  }, otherProps), /*#__PURE__*/React__namespace.createElement("canvas", {
+  }, ChartBase.getOtherProps(props), ptm('root'));
+  var canvasProps = utils.mergeProps({
     ref: canvasRef,
     width: props.width,
     height: props.height,
-    role: "img",
-    "aria-label": ariaLabel
-  }));
+    role: 'img',
+    'aria-label': ariaLabel
+  }, ptm('canvas'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("canvas", canvasProps));
 }), function (prevProps, nextProps) {
   return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;
 });

package/chart/chart.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}var a={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,a.defaultProps)}},o=function(){try{return Chart}catch(e){return null}}(),c=u.memo(u.forwardRef((function(e,c){var l=a.getProps(e),s=u.useRef(null),f=u.useRef(null),p=u.useRef(null),d=function(){g();var e={type:l.type,data:l.data,options:l.options,plugins:l.plugins};o?f.current=new o(p.current,e):Promise.resolve().then((function(){return n(require("chart.js/auto"))})).then((function(t){g(),p.current&&t&&(f.current=t.default?new t.default(p.current,e):new t(p.current,e))}))},g=function(){f.current&&(f.current.destroy(),f.current=null)};u.useImperativeHandle(c,(function(){return{props:l,getCanvas:function(){return p.current},getChart:function(){return f.current},getBase64Image:function(){return f.current.toBase64Image()},getElement:function(){return s.current},generateLegend:function(){return f.current&&f.current.generateLegend()},refresh:function(){return f.current&&f.current.update()}}})),u.useEffect((function(){d()})),t.useUnmountEffect((function(){g()}));var h=a.getOtherProps(l),m=r.classNames("p-chart",l.className),v=Object.assign({width:l.width,height:l.height},l.style),y=l.ariaLabel||l.options&&l.options.plugins&&l.options.plugins.title&&l.options.plugins.title.text;return u.createElement("div",i({id:l.id,ref:s,style:v,className:m},h),u.createElement("canvas",{ref:p,width:l.width,height:l.height,role:"img","aria-label":y}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));c.displayName="Chart",exports.Chart=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils"),n=require("primereact/componentbase"),u=require("primereact/api");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(e),o=n.ComponentBase.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0}}),c=function(){try{return Chart}catch(e){return null}}(),s=i.memo(i.forwardRef((function(e,n){var s=i.useContext(u.PrimeReactContext),l=o.getProps(e,s),p=o.setMetaData({props:l}).ptm,f=i.useRef(null),d=i.useRef(null),g=i.useRef(null),h=function(){m();var e={type:l.type,data:l.data,options:l.options,plugins:l.plugins};c?d.current=new c(g.current,e):Promise.resolve().then((function(){return a(require("chart.js/auto"))})).then((function(t){m(),g.current&&t&&(d.current=t.default?new t.default(g.current,e):new t(g.current,e))}))},m=function(){d.current&&(d.current.destroy(),d.current=null)};i.useImperativeHandle(n,(function(){return{props:l,getCanvas:function(){return g.current},getChart:function(){return d.current},getBase64Image:function(){return d.current.toBase64Image()},getElement:function(){return f.current},generateLegend:function(){return d.current&&d.current.generateLegend()},refresh:function(){return d.current&&d.current.update()}}})),i.useEffect((function(){h()})),t.useUnmountEffect((function(){m()}));var v=r.classNames("p-chart",l.className),y=Object.assign({width:l.width,height:l.height},l.style),b=l.ariaLabel||l.options&&l.options.plugins&&l.options.plugins.title&&l.options.plugins.title.text,P=r.mergeProps({id:l.id,ref:f,style:y,className:v},o.getOtherProps(l),p("root")),w=r.mergeProps({ref:g,width:l.width,height:l.height,role:"img","aria-label":b},p("canvas"));return i.createElement("div",P,i.createElement("canvas",w))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));s.displayName="Chart",exports.Chart=s;

package/chart/chart.d.ts

@@ -8,6 +8,31 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type ChartPassThroughType<T> = PassThroughType<T, ChartPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ChartPassThroughMethodOptions {
+    props: ChartProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ChartProps.pt}
+ */
+export interface ChartPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ChartPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the canvas's DOM element.
+     */
+    canvas?: ChartPassThroughType<React.HTMLAttributes<HTMLCanvasElement>>;
+}
 
 /**
  * Defines valid properties in Chart component.
@@ -60,6 +85,11 @@ export interface ChartProps {
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ChartPassThroughOptions}
+     */
+    pt?: ChartPassThroughOptions;
 }
 
 /**

package/chart/chart.esm.js

@@ -1,23 +1,10 @@
 import * as React from 'react';
 import { useUnmountEffect } from 'primereact/hooks';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { classNames, mergeProps } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var ChartBase = {
+var ChartBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Chart',
     id: null,
@@ -30,14 +17,8 @@ var ChartBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, ChartBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ChartBase.defaultProps);
   }
-};
+});
 
 // GitHub #3059 wrapper if loaded by script tag
 var ChartJS = function () {
@@ -48,7 +29,12 @@ var ChartJS = function () {
   }
 }();
 var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ChartBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ChartBase.getProps(inProps, context);
+  var _ChartBase$setMetaDat = ChartBase.setMetaData({
+      props: props
+    }),
+    ptm = _ChartBase$setMetaDat.ptm;
   var elementRef = React.useRef(null);
   var chartRef = React.useRef(null);
   var canvasRef = React.useRef(null);
@@ -119,7 +105,6 @@ var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   useUnmountEffect(function () {
     destroyChart();
   });
-  var otherProps = ChartBase.getOtherProps(props);
   var className = classNames('p-chart', props.className);
   var style = Object.assign({
     width: props.width,
@@ -127,18 +112,20 @@ var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   }, props.style);
   var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
   var ariaLabel = props.ariaLabel || title;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: style,
     className: className
-  }, otherProps), /*#__PURE__*/React.createElement("canvas", {
+  }, ChartBase.getOtherProps(props), ptm('root'));
+  var canvasProps = mergeProps({
     ref: canvasRef,
     width: props.width,
     height: props.height,
-    role: "img",
-    "aria-label": ariaLabel
-  }));
+    role: 'img',
+    'aria-label': ariaLabel
+  }, ptm('canvas'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("canvas", canvasProps));
 }), function (prevProps, nextProps) {
   return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;
 });

package/chart/chart.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{useUnmountEffect as e}from"primereact/hooks";import{ObjectUtils as r,classNames as n}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},u.apply(this,arguments)}var a={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(t){return r.getMergedProps(t,a.defaultProps)},getOtherProps:function(t){return r.getDiffProps(t,a.defaultProps)}},i=function(){try{return Chart}catch(t){return null}}(),o=t.memo(t.forwardRef((function(r,o){var l=a.getProps(r),s=t.useRef(null),c=t.useRef(null),p=t.useRef(null),f=function(){g();var t={type:l.type,data:l.data,options:l.options,plugins:l.plugins};i?c.current=new i(p.current,t):import("chart.js/auto").then((function(e){g(),p.current&&e&&(c.current=e.default?new e.default(p.current,t):new e(p.current,t))}))},g=function(){c.current&&(c.current.destroy(),c.current=null)};t.useImperativeHandle(o,(function(){return{props:l,getCanvas:function(){return p.current},getChart:function(){return c.current},getBase64Image:function(){return c.current.toBase64Image()},getElement:function(){return s.current},generateLegend:function(){return c.current&&c.current.generateLegend()},refresh:function(){return c.current&&c.current.update()}}})),t.useEffect((function(){f()})),e((function(){g()}));var h=a.getOtherProps(l),d=n("p-chart",l.className),m=Object.assign({width:l.width,height:l.height},l.style),y=l.ariaLabel||l.options&&l.options.plugins&&l.options.plugins.title&&l.options.plugins.title.text;return t.createElement("div",u({id:l.id,ref:s,style:m,className:d},h),t.createElement("canvas",{ref:p,width:l.width,height:l.height,role:"img","aria-label":y}))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));o.displayName="Chart";export{o as Chart};
+import*as t from"react";import{useUnmountEffect as e}from"primereact/hooks";import{classNames as r,mergeProps as n}from"primereact/utils";import{ComponentBase as u}from"primereact/componentbase";import{PrimeReactContext as a}from"primereact/api";var i=u.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0}}),o=function(){try{return Chart}catch(t){return null}}(),l=t.memo(t.forwardRef((function(u,l){var c=t.useContext(a),s=i.getProps(u,c),p=i.setMetaData({props:s}).ptm,f=t.useRef(null),m=t.useRef(null),h=t.useRef(null),d=function(){g();var t={type:s.type,data:s.data,options:s.options,plugins:s.plugins};o?m.current=new o(h.current,t):import("chart.js/auto").then((function(e){g(),h.current&&e&&(m.current=e.default?new e.default(h.current,t):new e(h.current,t))}))},g=function(){m.current&&(m.current.destroy(),m.current=null)};t.useImperativeHandle(l,(function(){return{props:s,getCanvas:function(){return h.current},getChart:function(){return m.current},getBase64Image:function(){return m.current.toBase64Image()},getElement:function(){return f.current},generateLegend:function(){return m.current&&m.current.generateLegend()},refresh:function(){return m.current&&m.current.update()}}})),t.useEffect((function(){d()})),e((function(){g()}));var y=r("p-chart",s.className),v=Object.assign({width:s.width,height:s.height},s.style),w=s.ariaLabel||s.options&&s.options.plugins&&s.options.plugins.title&&s.options.plugins.title.text,C=n({id:s.id,ref:f,style:v,className:y},i.getOtherProps(s),p("root")),E=n({ref:h,width:s.width,height:s.height,role:"img","aria-label":w},p("canvas"));return t.createElement("div",C,t.createElement("canvas",E))})),(function(t,e){return t.data===e.data&&t.options===e.options&&t.type===e.type}));l.displayName="Chart";export{l as Chart};

package/chart/chart.js

@@ -1,173 +1,158 @@
 this.primereact = this.primereact || {};
-this.primereact.chart = (function (exports, React, hooks, utils) {
-  'use strict';
+this.primereact.chart = (function (exports, React, hooks, utils, componentbase, api) {
+    'use strict';
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
         }
-      });
+        n["default"] = e;
+        return Object.freeze(n);
     }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
 
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+    var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    var ChartBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'Chart',
+        id: null,
+        type: null,
+        data: null,
+        options: null,
+        plugins: null,
+        width: null,
+        height: null,
+        style: null,
+        className: null,
+        children: undefined
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  var ChartBase = {
-    defaultProps: {
-      __TYPE: 'Chart',
-      id: null,
-      type: null,
-      data: null,
-      options: null,
-      plugins: null,
-      width: null,
-      height: null,
-      style: null,
-      className: null,
-      children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, ChartBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ChartBase.defaultProps);
-    }
-  };
+    });
 
-  // GitHub #3059 wrapper if loaded by script tag
-  var ChartJS = function () {
-    try {
-      return Chart;
-    } catch (_unused) {
-      return null;
-    }
-  }();
-  var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ChartBase.getProps(inProps);
-    var elementRef = React__namespace.useRef(null);
-    var chartRef = React__namespace.useRef(null);
-    var canvasRef = React__namespace.useRef(null);
-    var initChart = function initChart() {
-      destroyChart();
-      var configuration = {
-        type: props.type,
-        data: props.data,
-        options: props.options,
-        plugins: props.plugins
-      };
-      if (ChartJS) {
-        // GitHub #3059 loaded by script only
-        chartRef.current = new ChartJS(canvasRef.current, configuration);
-      } else {
-        import('chart.js/auto').then(function (module) {
-          destroyChart();
+    // GitHub #3059 wrapper if loaded by script tag
+    var ChartJS = function () {
+      try {
+        return Chart;
+      } catch (_unused) {
+        return null;
+      }
+    }();
+    var PrimeReactChart = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = ChartBase.getProps(inProps, context);
+      var _ChartBase$setMetaDat = ChartBase.setMetaData({
+          props: props
+        }),
+        ptm = _ChartBase$setMetaDat.ptm;
+      var elementRef = React__namespace.useRef(null);
+      var chartRef = React__namespace.useRef(null);
+      var canvasRef = React__namespace.useRef(null);
+      var initChart = function initChart() {
+        destroyChart();
+        var configuration = {
+          type: props.type,
+          data: props.data,
+          options: props.options,
+          plugins: props.plugins
+        };
+        if (ChartJS) {
+          // GitHub #3059 loaded by script only
+          chartRef.current = new ChartJS(canvasRef.current, configuration);
+        } else {
+          import('chart.js/auto').then(function (module) {
+            destroyChart();
 
-          // In case that the Chart component has been unmounted during asynchronous loading of ChartJS,
-          // the canvasRef will not be available anymore, and no Chart should be created.
-          if (!canvasRef.current) {
-            return;
-          }
-          if (module) {
-            if (module["default"]) {
-              // WebPack
-              chartRef.current = new module["default"](canvasRef.current, configuration);
-            } else {
-              // ParcelJS
-              chartRef.current = new module(canvasRef.current, configuration);
+            // In case that the Chart component has been unmounted during asynchronous loading of ChartJS,
+            // the canvasRef will not be available anymore, and no Chart should be created.
+            if (!canvasRef.current) {
+              return;
             }
-          }
-        });
-      }
-    };
-    var destroyChart = function destroyChart() {
-      if (chartRef.current) {
-        chartRef.current.destroy();
-        chartRef.current = null;
-      }
-    };
-    React__namespace.useImperativeHandle(ref, function () {
-      return {
-        props: props,
-        getCanvas: function getCanvas() {
-          return canvasRef.current;
-        },
-        getChart: function getChart() {
-          return chartRef.current;
-        },
-        getBase64Image: function getBase64Image() {
-          return chartRef.current.toBase64Image();
-        },
-        getElement: function getElement() {
-          return elementRef.current;
-        },
-        generateLegend: function generateLegend() {
-          return chartRef.current && chartRef.current.generateLegend();
-        },
-        refresh: function refresh() {
-          return chartRef.current && chartRef.current.update();
+            if (module) {
+              if (module["default"]) {
+                // WebPack
+                chartRef.current = new module["default"](canvasRef.current, configuration);
+              } else {
+                // ParcelJS
+                chartRef.current = new module(canvasRef.current, configuration);
+              }
+            }
+          });
         }
       };
+      var destroyChart = function destroyChart() {
+        if (chartRef.current) {
+          chartRef.current.destroy();
+          chartRef.current = null;
+        }
+      };
+      React__namespace.useImperativeHandle(ref, function () {
+        return {
+          props: props,
+          getCanvas: function getCanvas() {
+            return canvasRef.current;
+          },
+          getChart: function getChart() {
+            return chartRef.current;
+          },
+          getBase64Image: function getBase64Image() {
+            return chartRef.current.toBase64Image();
+          },
+          getElement: function getElement() {
+            return elementRef.current;
+          },
+          generateLegend: function generateLegend() {
+            return chartRef.current && chartRef.current.generateLegend();
+          },
+          refresh: function refresh() {
+            return chartRef.current && chartRef.current.update();
+          }
+        };
+      });
+      React__namespace.useEffect(function () {
+        initChart();
+      });
+      hooks.useUnmountEffect(function () {
+        destroyChart();
+      });
+      var className = utils.classNames('p-chart', props.className);
+      var style = Object.assign({
+        width: props.width,
+        height: props.height
+      }, props.style);
+      var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
+      var ariaLabel = props.ariaLabel || title;
+      var rootProps = utils.mergeProps({
+        id: props.id,
+        ref: elementRef,
+        style: style,
+        className: className
+      }, ChartBase.getOtherProps(props), ptm('root'));
+      var canvasProps = utils.mergeProps({
+        ref: canvasRef,
+        width: props.width,
+        height: props.height,
+        role: 'img',
+        'aria-label': ariaLabel
+      }, ptm('canvas'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("canvas", canvasProps));
+    }), function (prevProps, nextProps) {
+      return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;
     });
-    React__namespace.useEffect(function () {
-      initChart();
-    });
-    hooks.useUnmountEffect(function () {
-      destroyChart();
-    });
-    var otherProps = ChartBase.getOtherProps(props);
-    var className = utils.classNames('p-chart', props.className);
-    var style = Object.assign({
-      width: props.width,
-      height: props.height
-    }, props.style);
-    var title = props.options && props.options.plugins && props.options.plugins.title && props.options.plugins.title.text;
-    var ariaLabel = props.ariaLabel || title;
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      id: props.id,
-      ref: elementRef,
-      style: style,
-      className: className
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("canvas", {
-      ref: canvasRef,
-      width: props.width,
-      height: props.height,
-      role: "img",
-      "aria-label": ariaLabel
-    }));
-  }), function (prevProps, nextProps) {
-    return prevProps.data === nextProps.data && prevProps.options === nextProps.options && prevProps.type === nextProps.type;
-  });
-  PrimeReactChart.displayName = 'Chart';
+    PrimeReactChart.displayName = 'Chart';
 
-  exports.Chart = PrimeReactChart;
+    exports.Chart = PrimeReactChart;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-  return exports;
+    return exports;
 
-})({}, React, primereact.hooks, primereact.utils);
+})({}, React, primereact.hooks, primereact.utils, primereact.componentbase, primereact.api);

package/chart/chart.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=u(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var c={defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,c.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,c.defaultProps)}},o=function(){try{return Chart}catch(e){return null}}(),l=i.memo(i.forwardRef((function(e,t){var u=c.getProps(e),l=i.useRef(null),s=i.useRef(null),f=i.useRef(null),p=function(){h();var e={type:u.type,data:u.data,options:u.options,plugins:u.plugins};o?s.current=new o(f.current,e):import("chart.js/auto").then((function(t){h(),f.current&&t&&(s.current=t.default?new t.default(f.current,e):new t(f.current,e))}))},h=function(){s.current&&(s.current.destroy(),s.current=null)};i.useImperativeHandle(t,(function(){return{props:u,getCanvas:function(){return f.current},getChart:function(){return s.current},getBase64Image:function(){return s.current.toBase64Image()},getElement:function(){return l.current},generateLegend:function(){return s.current&&s.current.generateLegend()},refresh:function(){return s.current&&s.current.update()}}})),i.useEffect((function(){p()})),r.useUnmountEffect((function(){h()}));var d=c.getOtherProps(u),g=n.classNames("p-chart",u.className),m=Object.assign({width:u.width,height:u.height},u.style),y=u.ariaLabel||u.options&&u.options.plugins&&u.options.plugins.title&&u.options.plugins.title.text;return i.createElement("div",a({id:u.id,ref:l,style:m,className:g},d),i.createElement("canvas",{ref:f,width:u.width,height:u.height,role:"img","aria-label":y}))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return l.displayName="Chart",e.Chart=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chart=function(e,t,r,n,u,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=i(t),o=u.ComponentBase.extend({defaultProps:{__TYPE:"Chart",id:null,type:null,data:null,options:null,plugins:null,width:null,height:null,style:null,className:null,children:void 0}}),s=function(){try{return Chart}catch(e){return null}}(),l=c.memo(c.forwardRef((function(e,t){var u=c.useContext(a.PrimeReactContext),i=o.getProps(e,u),l=o.setMetaData({props:i}).ptm,p=c.useRef(null),f=c.useRef(null),d=c.useRef(null),h=function(){g();var e={type:i.type,data:i.data,options:i.options,plugins:i.plugins};s?f.current=new s(d.current,e):import("chart.js/auto").then((function(t){g(),d.current&&t&&(f.current=t.default?new t.default(d.current,e):new t(d.current,e))}))},g=function(){f.current&&(f.current.destroy(),f.current=null)};c.useImperativeHandle(t,(function(){return{props:i,getCanvas:function(){return d.current},getChart:function(){return f.current},getBase64Image:function(){return f.current.toBase64Image()},getElement:function(){return p.current},generateLegend:function(){return f.current&&f.current.generateLegend()},refresh:function(){return f.current&&f.current.update()}}})),c.useEffect((function(){h()})),r.useUnmountEffect((function(){g()}));var m=n.classNames("p-chart",i.className),y=Object.assign({width:i.width,height:i.height},i.style),v=i.ariaLabel||i.options&&i.options.plugins&&i.options.plugins.title&&i.options.plugins.title.text,b=n.mergeProps({id:i.id,ref:p,style:y,className:m},o.getOtherProps(i),l("root")),w=n.mergeProps({ref:d,width:i.width,height:i.height,role:"img","aria-label":v},l("canvas"));return c.createElement("div",b,c.createElement("canvas",w))})),(function(e,t){return e.data===t.data&&e.options===t.options&&e.type===t.type}));return l.displayName="Chart",e.Chart=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.componentbase,primereact.api);