@pie-element/fraction-model 4.3.4-next.0 → 5.0.0-beta.0

package/lib/fraction-model-chart.js

@@ -1,181 +1,142 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-
 var _recharts = require("recharts");
-
-var _styles = require("@material-ui/core/styles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var styles = function styles(theme) {
-  return {
-    pieChartParentDiv: {
-      display: 'grid',
-      gridTemplateColumns: '200px 200px 200px',
-      gap: '10px',
-      padding: '5px 0'
-    },
-    barChartParentDiv: {
-      display: 'grid',
-      gridTemplateColumns: '200px 200px 200px',
-      gap: '20px',
-      padding: '10px 0'
-    },
-    sectorOutline: {
-      outline: 'none'
+var _styles = require("@mui/material/styles");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PieChartParentDiv = (0, _styles.styled)('div')({
+  display: 'grid',
+  gridTemplateColumns: '200px 200px 200px',
+  gap: '10px',
+  padding: '5px 0'
+});
+const BarChartParentDiv = (0, _styles.styled)('div')({
+  display: 'grid',
+  gridTemplateColumns: '200px 200px 200px',
+  gap: '20px',
+  padding: '10px 0'
+});
+const StyledPieChart = (0, _styles.styled)(_recharts.PieChart)({
+  '& .recharts-pie-sector': {
+    outline: 'none !important',
+    '&:focus': {
+      outline: 'none !important'
     }
-  };
-};
-
-var FractionModelChart = function FractionModelChart(props) {
+  }
+});
+const FractionModelChart = props => {
   /*
    * Function to handle click event on chart
    * @param chartIndex: index of the chart
    * @param sectorIndex: index of the sector
    * */
-  var handleChartClick = function handleChartClick(chartIndex, sectorIndex) {
+  const handleChartClick = (chartIndex, sectorIndex) => {
     if (typeof sectorIndex === 'string') {
       sectorIndex = parseInt(sectorIndex);
     }
-
-    var existingIndex = clickedIndexArray.findIndex(function (item) {
-      return item.id === chartIndex;
-    });
-    var newClickedIndexArray;
-
+    const existingIndex = clickedIndexArray.findIndex(item => item.id === chartIndex);
+    let newClickedIndexArray;
     if (existingIndex >= 0) {
-      var currentItem = clickedIndexArray[existingIndex];
-
+      const currentItem = clickedIndexArray[existingIndex];
       if (currentItem.value === sectorIndex) {
-        newClickedIndexArray = clickedIndexArray.filter(function (_, index) {
-          return index !== existingIndex;
-        });
+        newClickedIndexArray = clickedIndexArray.filter((_, index) => index !== existingIndex);
       } else {
-        newClickedIndexArray = [].concat((0, _toConsumableArray2["default"])(clickedIndexArray.slice(0, existingIndex)), [{
+        newClickedIndexArray = [...clickedIndexArray.slice(0, existingIndex), {
           id: chartIndex,
           value: sectorIndex
-        }], (0, _toConsumableArray2["default"])(clickedIndexArray.slice(existingIndex + 1)));
+        }, ...clickedIndexArray.slice(existingIndex + 1)];
       }
     } else {
-      newClickedIndexArray = [].concat((0, _toConsumableArray2["default"])(clickedIndexArray), [{
+      newClickedIndexArray = [...clickedIndexArray, {
         id: chartIndex,
         value: sectorIndex
-      }]);
+      }];
     }
-
     onChange(newClickedIndexArray);
     setClickedIndexArray(newClickedIndexArray);
   };
+
   /*
    * Function to handle mouse enter event on chart
    * @param chartIndex: index of the chart
    * @param sectorIndex: index of the sector
    * */
-
-
-  var handleChartMouseEnter = function handleChartMouseEnter(chartIndex, sectorIndex) {
+  const handleChartMouseEnter = (chartIndex, sectorIndex) => {
     setHoveredIndex(chartIndex + '-' + sectorIndex);
   };
+
   /*
    * Function to handle mouse leave event on chart
-   * @param chartIndex: index of the chart
-   * @param sectorIndex: index of the sector
    * */
-
-
-  var handleChartMouseLeave = function handleChartMouseLeave(chartIndex, sectorIndex) {
+  const handleChartMouseLeave = () => {
     setHoveredIndex(null);
   };
+
   /*
    * Function to get fill color for sector
    * @param hoveredIndex: hovered index
    * @param selection: selected index
    * */
-
-
-  var getSectorFill = function getSectorFill(hoveredIndex, selection) {
-    var _selection$split$map = selection.split('-').map(Number),
-        _selection$split$map2 = (0, _slicedToArray2["default"])(_selection$split$map, 2),
-        selectionId = _selection$split$map2[0],
-        selectionValue = _selection$split$map2[1]; // Check for a matching clicked item
-
-
-    var clickedItem = clickedIndexArray.find(function (item) {
-      return item.id === selectionId;
-    });
-
+  const getSectorFill = (hoveredIndex, selection) => {
+    const [selectionId, selectionValue] = selection.split('-').map(Number);
+    // Check for a matching clicked item
+    const clickedItem = clickedIndexArray.find(item => item.id === selectionId);
     if (clickedItem && selectionValue <= clickedItem.value) {
       return 'rgb(60, 73, 150, 0.6)';
-    } // Check for a matching hovered index
-
-
+    }
+    // Check for a matching hovered index
     if (hoveredIndex) {
-      var _hoveredIndex$split$m = hoveredIndex.split('-').map(Number),
-          _hoveredIndex$split$m2 = (0, _slicedToArray2["default"])(_hoveredIndex$split$m, 2),
-          hoveredId = _hoveredIndex$split$m2[0],
-          hoveredValue = _hoveredIndex$split$m2[1];
-
+      const [hoveredId, hoveredValue] = hoveredIndex.split('-').map(Number);
       if (hoveredId === selectionId && hoveredValue >= selectionValue) {
         return 'rgb(0, 0, 0, 0.25)';
       }
     }
-
     return '#FFFFFF';
   };
+
   /*
    * Function to render label for pie chart
    * @param props: properties of the label
    * */
-
-
-  var renderCustomizedLabelForPie = function renderCustomizedLabelForPie(props) {
-    var cx = props.cx,
-        cy = props.cy,
-        midAngle = props.midAngle,
-        outerRadius = props.outerRadius,
-        index = props.index;
-    var RADIAN = Math.PI / 180; // const radius = outerRadius * 0.5;  //If you want to show label inside the pie
-
-    var radius = outerRadius * 1.13;
-    var x = cx + radius * Math.cos(-midAngle * RADIAN);
-    var y = cy + radius * Math.sin(-midAngle * RADIAN);
-    return /*#__PURE__*/_react["default"].createElement("text", {
+  const renderCustomizedLabelForPie = props => {
+    const {
+      cx,
+      cy,
+      midAngle,
+      outerRadius,
+      index
+    } = props;
+    const RADIAN = Math.PI / 180;
+    // const radius = outerRadius * 0.5;  //If you want to show label inside the pie
+    const radius = outerRadius * 1.13;
+    const x = cx + radius * Math.cos(-midAngle * RADIAN);
+    const y = cy + radius * Math.sin(-midAngle * RADIAN);
+    return /*#__PURE__*/_react.default.createElement("text", {
       x: x,
       y: y,
       fill: "#000000",
       textAnchor: x > cx ? 'start' : 'end',
       dominantBaseline: "central"
-    }, "".concat((index + 1).toFixed(0)));
+    }, `${(index + 1).toFixed(0)}`);
   };
+
   /*
    * Function to create and return component for bar chart
    * */
-
-
-  var barWithBorder = function barWithBorder() {
-    return function (props) {
-      var fill = props.fill,
-          x = props.x,
-          y = props.y,
-          width = props.width,
-          height = props.height;
-      return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
+  const barWithBorder = () => {
+    return props => {
+      const {
+        fill,
+        x,
+        y,
+        width,
+        height
+      } = props;
+      return /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("rect", {
         x: x,
         y: y,
         width: width,
@@ -185,121 +146,91 @@ var FractionModelChart = function FractionModelChart(props) {
       }));
     };
   };
+  const {
+    value = [],
+    modelType = 'bar',
+    noOfModels = 0,
+    partsPerModel = 0,
+    showLabel = false,
+    disabled = false,
+    onChange
+  } = props;
+  const [hoveredIndex, setHoveredIndex] = (0, _react.useState)(null);
+  const [clickedIndexArray, setClickedIndexArray] = (0, _react.useState)(value);
 
-  var classes = props.classes,
-      _props$value = props.value,
-      value = _props$value === void 0 ? [] : _props$value,
-      _props$modelType = props.modelType,
-      modelType = _props$modelType === void 0 ? 'bar' : _props$modelType,
-      _props$noOfModels = props.noOfModels,
-      noOfModels = _props$noOfModels === void 0 ? 0 : _props$noOfModels,
-      _props$partsPerModel = props.partsPerModel,
-      partsPerModel = _props$partsPerModel === void 0 ? 0 : _props$partsPerModel,
-      _props$showLabel = props.showLabel,
-      showLabel = _props$showLabel === void 0 ? false : _props$showLabel,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      onChange = props.onChange;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      hoveredIndex = _useState2[0],
-      setHoveredIndex = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(value),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      clickedIndexArray = _useState4[0],
-      setClickedIndexArray = _useState4[1];
   /*
    * Function to create and return bar fraction model
    * */
-
-
-  var getBarFractionModel = function getBarFractionModel() {
-    var parentData = []; // Generate data for bar chart
-
-    for (var i = 1; i < noOfModels + 1; i++) {
-      var data = [{
+  const getBarFractionModel = () => {
+    const parentData = [];
+    // Generate data for bar chart
+    for (let i = 1; i < noOfModels + 1; i++) {
+      const data = [{
         name: i
       }];
-
-      for (var j = 1; j < partsPerModel + 1; j++) {
-        data[0]["".concat(j)] = 1;
+      for (let j = 1; j < partsPerModel + 1; j++) {
+        data[0][`${j}`] = 1;
       }
-
       parentData.push(data);
     }
-
-    var barItems = [];
-    parentData.forEach(function (data, chartIndex) {
-      barItems.push( /*#__PURE__*/_react["default"].createElement(_recharts.BarChart, {
+    let barItems = [];
+    parentData.forEach((data, chartIndex) => {
+      barItems.push(/*#__PURE__*/_react.default.createElement(_recharts.BarChart, {
         width: 200,
         height: 30 * partsPerModel,
         data: data,
-        key: "bar-chart-".concat(chartIndex + 1)
-      }, /*#__PURE__*/_react["default"].createElement(_recharts.YAxis, {
+        key: `bar-chart-${chartIndex + 1}`
+      }, /*#__PURE__*/_react.default.createElement(_recharts.YAxis, {
         hide: true,
         type: "number",
         domain: [0, partsPerModel]
-      }), Object.keys(data[0]).map(function (key, index) {
+      }), Object.keys(data[0]).map((key, index) => {
         if (key !== 'name') {
-          return /*#__PURE__*/_react["default"].createElement(_recharts.Bar, {
+          return /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
             dataKey: key,
             stackId: "a",
-            key: "bar-".concat(chartIndex + 1, "-").concat(index + 1),
-            onClick: disabled ? null : function () {
-              return handleChartClick(chartIndex + 1, key);
-            },
-            onMouseEnter: disabled ? null : function () {
-              return handleChartMouseEnter(chartIndex + 1, key);
-            },
-            onMouseLeave: disabled ? null : function () {
-              return handleChartMouseLeave(chartIndex + 1, key);
-            },
+            key: `bar-${chartIndex + 1}-${index + 1}`,
+            onClick: disabled ? null : () => handleChartClick(chartIndex + 1, key),
+            onMouseEnter: disabled ? null : () => handleChartMouseEnter(chartIndex + 1, key),
+            onMouseLeave: disabled ? null : () => handleChartMouseLeave(chartIndex + 1, key),
             shape: barWithBorder(),
             isAnimationActive: false,
-            fill: getSectorFill(hoveredIndex, "".concat(chartIndex + 1, "-").concat(key))
-          }, showLabel && /*#__PURE__*/_react["default"].createElement(_recharts.LabelList, {
+            fill: getSectorFill(hoveredIndex, `${chartIndex + 1}-${key}`)
+          }, showLabel && /*#__PURE__*/_react.default.createElement(_recharts.LabelList, {
             position: "left",
             fill: "#000000"
           }));
         }
       })));
     });
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: classes.barChartParentDiv
-    }, barItems);
+    return /*#__PURE__*/_react.default.createElement(BarChartParentDiv, null, barItems);
   };
+  const pieChartRef = (0, _react.useRef)(null);
 
-  var pieChartRef = (0, _react.useRef)(null);
   /*
    * Function to create and return pie fraction model
    * */
-
-  var getPieFractionModel = function getPieFractionModel() {
-    var parentData = []; // Generate data for pie chart
-
-    for (var i = 1; i < noOfModels + 1; i++) {
-      var data = Array.from({
+  const getPieFractionModel = () => {
+    const parentData = [];
+    // Generate data for pie chart
+    for (let i = 1; i < noOfModels + 1; i++) {
+      const data = Array.from({
         length: partsPerModel
-      }, function (_, index) {
-        return {
-          name: "".concat(index + 1),
-          value: 1
-        };
-      });
+      }, (_, index) => ({
+        name: `${index + 1}`,
+        value: 1
+      }));
       parentData.push(data);
     }
-
-    var pieItems = [];
-    parentData.forEach(function (data, chartIndex) {
-      pieItems.push( /*#__PURE__*/_react["default"].createElement(_recharts.PieChart, {
+    let pieItems = [];
+    parentData.forEach((data, chartIndex) => {
+      pieItems.push(/*#__PURE__*/_react.default.createElement(StyledPieChart, {
         width: 200,
         height: 200,
-        key: "pie-chart-".concat(chartIndex)
-      }, /*#__PURE__*/_react["default"].createElement(_recharts.Pie, {
+        key: `pie-chart-${chartIndex}`
+      }, /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
         data: data,
-        key: "pie-".concat(chartIndex + 1),
+        key: `pie-${chartIndex + 1}`,
         fill: "#FFFFFF",
         stroke: "#000000",
         dataKey: "value",
@@ -308,41 +239,34 @@ var FractionModelChart = function FractionModelChart(props) {
         isAnimationActive: false,
         labelLine: false,
         label: showLabel && renderCustomizedLabelForPie
-      }, data.map(function (entry, sectorIndex) {
-        return /*#__PURE__*/_react["default"].createElement(_recharts.Cell, {
-          className: classes.sectorOutline,
-          key: "".concat(chartIndex + 1, "-").concat(sectorIndex + 1),
-          onClick: disabled ? null : function () {
-            return handleChartClick(chartIndex + 1, sectorIndex + 1);
-          },
-          onMouseEnter: disabled ? null : function () {
-            return handleChartMouseEnter(chartIndex + 1, sectorIndex + 1);
-          },
-          onMouseLeave: disabled ? null : function () {
-            return handleChartMouseLeave(chartIndex + 1, sectorIndex + 1);
-          },
-          fill: getSectorFill(hoveredIndex, "".concat(chartIndex + 1, "-").concat(sectorIndex + 1))
-        });
-      }))));
+      }, data.map((entry, sectorIndex) => /*#__PURE__*/_react.default.createElement(_recharts.Cell, {
+        key: `${chartIndex + 1}-${sectorIndex + 1}`,
+        onClick: disabled ? null : () => handleChartClick(chartIndex + 1, sectorIndex + 1),
+        onMouseEnter: disabled ? null : () => handleChartMouseEnter(chartIndex + 1, sectorIndex + 1),
+        onMouseLeave: disabled ? null : () => handleChartMouseLeave(chartIndex + 1, sectorIndex + 1),
+        fill: getSectorFill(hoveredIndex, `${chartIndex + 1}-${sectorIndex + 1}`),
+        style: {
+          outline: 'none',
+          cursor: disabled ? 'default' : 'pointer'
+        }
+      })))));
     });
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      ref: pieChartRef,
-      className: classes.pieChartParentDiv
+    return /*#__PURE__*/_react.default.createElement(PieChartParentDiv, {
+      ref: pieChartRef
     }, pieItems);
-  }; //Render bar or pie models as per model type
-
+  };
 
+  //Render bar or pie models as per model type
   if (modelType === 'bar') {
     return getBarFractionModel();
   } else if (modelType === 'pie') {
     //Remove the last sector line of pie chart if parts per model is 1
-    (0, _react.useEffect)(function () {
-      if (pieChartRef !== null && pieChartRef !== void 0 && pieChartRef.current && partsPerModel === 1) {
-        var paths = pieChartRef.current.querySelectorAll('path');
-
+    (0, _react.useEffect)(() => {
+      if (pieChartRef?.current && partsPerModel === 1) {
+        const paths = pieChartRef.current.querySelectorAll('path');
         if (paths.length > 0) {
-          paths.forEach(function (path) {
-            var d = path.getAttribute('d');
+          paths.forEach(path => {
+            let d = path.getAttribute('d');
             path.setAttribute('d', d.replaceAll('L 100,100', ''));
           });
         }
@@ -351,8 +275,5 @@ var FractionModelChart = function FractionModelChart(props) {
     return getPieFractionModel();
   }
 };
-
-var _default = (0, _styles.withStyles)(styles)(FractionModelChart);
-
-exports["default"] = _default;
+var _default = exports.default = FractionModelChart;
 //# sourceMappingURL=fraction-model-chart.js.map

package/lib/fraction-model-chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/fraction-model-chart.js"],"names":["styles","theme","pieChartParentDiv","display","gridTemplateColumns","gap","padding","barChartParentDiv","sectorOutline","outline","FractionModelChart","props","handleChartClick","chartIndex","sectorIndex","parseInt","existingIndex","clickedIndexArray","findIndex","item","id","newClickedIndexArray","currentItem","value","filter","_","index","slice","onChange","setClickedIndexArray","handleChartMouseEnter","setHoveredIndex","handleChartMouseLeave","getSectorFill","hoveredIndex","selection","split","map","Number","selectionId","selectionValue","clickedItem","find","hoveredId","hoveredValue","renderCustomizedLabelForPie","cx","cy","midAngle","outerRadius","RADIAN","Math","PI","radius","x","cos","y","sin","toFixed","barWithBorder","fill","width","height","classes","modelType","noOfModels","partsPerModel","showLabel","disabled","getBarFractionModel","parentData","i","data","name","j","push","barItems","forEach","Object","keys","key","pieChartRef","getPieFractionModel","Array","from","length","pieItems","entry","current","paths","querySelectorAll","path","d","getAttribute","setAttribute","replaceAll"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,OAAO,EAAE,MADQ;AAEjBC,MAAAA,mBAAmB,EAAE,mBAFJ;AAGjBC,MAAAA,GAAG,EAAE,MAHY;AAIjBC,MAAAA,OAAO,EAAE;AAJQ,KADM;AAOzBC,IAAAA,iBAAiB,EAAE;AACjBJ,MAAAA,OAAO,EAAE,MADQ;AAEjBC,MAAAA,mBAAmB,EAAE,mBAFJ;AAGjBC,MAAAA,GAAG,EAAE,MAHY;AAIjBC,MAAAA,OAAO,EAAE;AAJQ,KAPM;AAazBE,IAAAA,aAAa,EAAE;AACbC,MAAAA,OAAO,EAAE;AADI;AAbU,GAAZ;AAAA,CAAf;;AAkBA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAW;AACpC;AACF;AACA;AACA;AACA;AACE,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,UAAD,EAAaC,WAAb,EAA6B;AACpD,QAAI,OAAOA,WAAP,KAAuB,QAA3B,EAAqC;AACnCA,MAAAA,WAAW,GAAGC,QAAQ,CAACD,WAAD,CAAtB;AACD;;AACD,QAAME,aAAa,GAAGC,iBAAiB,CAACC,SAAlB,CAA4B,UAACC,IAAD;AAAA,aAAUA,IAAI,CAACC,EAAL,KAAYP,UAAtB;AAAA,KAA5B,CAAtB;AACA,QAAIQ,oBAAJ;;AACA,QAAIL,aAAa,IAAI,CAArB,EAAwB;AACtB,UAAMM,WAAW,GAAGL,iBAAiB,CAACD,aAAD,CAArC;;AACA,UAAIM,WAAW,CAACC,KAAZ,KAAsBT,WAA1B,EAAuC;AACrCO,QAAAA,oBAAoB,GAAGJ,iBAAiB,CAACO,MAAlB,CAAyB,UAACC,CAAD,EAAIC,KAAJ;AAAA,iBAAcA,KAAK,KAAKV,aAAxB;AAAA,SAAzB,CAAvB;AACD,OAFD,MAEO;AACLK,QAAAA,oBAAoB,iDACfJ,iBAAiB,CAACU,KAAlB,CAAwB,CAAxB,EAA2BX,aAA3B,CADe,IAElB;AAAEI,UAAAA,EAAE,EAAEP,UAAN;AAAkBU,UAAAA,KAAK,EAAET;AAAzB,SAFkB,uCAGfG,iBAAiB,CAACU,KAAlB,CAAwBX,aAAa,GAAG,CAAxC,CAHe,EAApB;AAKD;AACF,KAXD,MAWO;AACLK,MAAAA,oBAAoB,iDAAOJ,iBAAP,IAA0B;AAAEG,QAAAA,EAAE,EAAEP,UAAN;AAAkBU,QAAAA,KAAK,EAAET;AAAzB,OAA1B,EAApB;AACD;;AACDc,IAAAA,QAAQ,CAACP,oBAAD,CAAR;AACAQ,IAAAA,oBAAoB,CAACR,oBAAD,CAApB;AACD,GAtBD;AAwBA;AACF;AACA;AACA;AACA;;;AACE,MAAMS,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACjB,UAAD,EAAaC,WAAb,EAA6B;AACzDiB,IAAAA,eAAe,CAAClB,UAAU,GAAG,GAAb,GAAmBC,WAApB,CAAf;AACD,GAFD;AAIA;AACF;AACA;AACA;AACA;;;AACE,MAAMkB,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACnB,UAAD,EAAaC,WAAb,EAA6B;AACzDiB,IAAAA,eAAe,CAAC,IAAD,CAAf;AACD,GAFD;AAIA;AACF;AACA;AACA;AACA;;;AACE,MAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,YAAD,EAAeC,SAAf,EAA6B;AACjD,+BAAsCA,SAAS,CAACC,KAAV,CAAgB,GAAhB,EAAqBC,GAArB,CAAyBC,MAAzB,CAAtC;AAAA;AAAA,QAAOC,WAAP;AAAA,QAAoBC,cAApB,4BADiD,CAEjD;;;AACA,QAAMC,WAAW,GAAGxB,iBAAiB,CAACyB,IAAlB,CAAuB,UAACvB,IAAD;AAAA,aAAUA,IAAI,CAACC,EAAL,KAAYmB,WAAtB;AAAA,KAAvB,CAApB;;AACA,QAAIE,WAAW,IAAID,cAAc,IAAIC,WAAW,CAAClB,KAAjD,EAAwD;AACtD,aAAO,uBAAP;AACD,KANgD,CAOjD;;;AACA,QAAIW,YAAJ,EAAkB;AAChB,kCAAkCA,YAAY,CAACE,KAAb,CAAmB,GAAnB,EAAwBC,GAAxB,CAA4BC,MAA5B,CAAlC;AAAA;AAAA,UAAOK,SAAP;AAAA,UAAkBC,YAAlB;;AACA,UAAID,SAAS,KAAKJ,WAAd,IAA6BK,YAAY,IAAIJ,cAAjD,EAAiE;AAC/D,eAAO,oBAAP;AACD;AACF;;AACD,WAAO,SAAP;AACD,GAfD;AAiBA;AACF;AACA;AACA;;;AACE,MAAMK,2BAA2B,GAAG,SAA9BA,2BAA8B,CAAClC,KAAD,EAAW;AAC7C,QAAQmC,EAAR,GAAiDnC,KAAjD,CAAQmC,EAAR;AAAA,QAAYC,EAAZ,GAAiDpC,KAAjD,CAAYoC,EAAZ;AAAA,QAAgBC,QAAhB,GAAiDrC,KAAjD,CAAgBqC,QAAhB;AAAA,QAA0BC,WAA1B,GAAiDtC,KAAjD,CAA0BsC,WAA1B;AAAA,QAAuCvB,KAAvC,GAAiDf,KAAjD,CAAuCe,KAAvC;AACA,QAAMwB,MAAM,GAAGC,IAAI,CAACC,EAAL,GAAU,GAAzB,CAF6C,CAG7C;;AACA,QAAMC,MAAM,GAAGJ,WAAW,GAAG,IAA7B;AACA,QAAMK,CAAC,GAAGR,EAAE,GAAGO,MAAM,GAAGF,IAAI,CAACI,GAAL,CAAS,CAACP,QAAD,GAAYE,MAArB,CAAxB;AACA,QAAMM,CAAC,GAAGT,EAAE,GAAGM,MAAM,GAAGF,IAAI,CAACM,GAAL,CAAS,CAACT,QAAD,GAAYE,MAArB,CAAxB;AACA,wBACE;AAAM,MAAA,CAAC,EAAEI,CAAT;AAAY,MAAA,CAAC,EAAEE,CAAf;AAAkB,MAAA,IAAI,EAAC,SAAvB;AAAiC,MAAA,UAAU,EAAEF,CAAC,GAAGR,EAAJ,GAAS,OAAT,GAAmB,KAAhE;AAAuE,MAAA,gBAAgB,EAAC;AAAxF,iBACM,CAACpB,KAAK,GAAG,CAAT,EAAYgC,OAAZ,CAAoB,CAApB,CADN,EADF;AAKD,GAZD;AAcA;AACF;AACA;;;AACE,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,WAAO,UAAChD,KAAD,EAAW;AAChB,UAAQiD,IAAR,GAAsCjD,KAAtC,CAAQiD,IAAR;AAAA,UAAcN,CAAd,GAAsC3C,KAAtC,CAAc2C,CAAd;AAAA,UAAiBE,CAAjB,GAAsC7C,KAAtC,CAAiB6C,CAAjB;AAAA,UAAoBK,KAApB,GAAsClD,KAAtC,CAAoBkD,KAApB;AAAA,UAA2BC,MAA3B,GAAsCnD,KAAtC,CAA2BmD,MAA3B;AACA,0BACE,wDACE;AAAM,QAAA,CAAC,EAAER,CAAT;AAAY,QAAA,CAAC,EAAEE,CAAf;AAAkB,QAAA,KAAK,EAAEK,KAAzB;AAAgC,QAAA,MAAM,EAAEC,MAAxC;AAAgD,QAAA,MAAM,EAAE,SAAxD;AAAmE,QAAA,IAAI,EAAEF;AAAzE,QADF,CADF;AAKD,KAPD;AAQD,GATD;;AAWA,MACEG,OADF,GASIpD,KATJ,CACEoD,OADF;AAAA,qBASIpD,KATJ,CAEEY,KAFF;AAAA,MAEEA,KAFF,6BAEU,EAFV;AAAA,yBASIZ,KATJ,CAGEqD,SAHF;AAAA,MAGEA,SAHF,iCAGc,KAHd;AAAA,0BASIrD,KATJ,CAIEsD,UAJF;AAAA,MAIEA,UAJF,kCAIe,CAJf;AAAA,6BASItD,KATJ,CAKEuD,aALF;AAAA,MAKEA,aALF,qCAKkB,CALlB;AAAA,yBASIvD,KATJ,CAMEwD,SANF;AAAA,MAMEA,SANF,iCAMc,KANd;AAAA,wBASIxD,KATJ,CAOEyD,QAPF;AAAA,MAOEA,QAPF,gCAOa,KAPb;AAAA,MAQExC,QARF,GASIjB,KATJ,CAQEiB,QARF;;AAUA,kBAAwC,qBAAS,IAAT,CAAxC;AAAA;AAAA,MAAOM,YAAP;AAAA,MAAqBH,eAArB;;AACA,mBAAkD,qBAASR,KAAT,CAAlD;AAAA;AAAA,MAAON,iBAAP;AAAA,MAA0BY,oBAA1B;AAEA;AACF;AACA;;;AACE,MAAMwC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,QAAMC,UAAU,GAAG,EAAnB,CADgC,CAEhC;;AACA,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGN,UAAU,GAAG,CAAjC,EAAoCM,CAAC,EAArC,EAAyC;AACvC,UAAMC,IAAI,GAAG,CAAC;AAAEC,QAAAA,IAAI,EAAEF;AAAR,OAAD,CAAb;;AACA,WAAK,IAAIG,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGR,aAAa,GAAG,CAApC,EAAuCQ,CAAC,EAAxC,EAA4C;AAC1CF,QAAAA,IAAI,CAAC,CAAD,CAAJ,WAAWE,CAAX,KAAkB,CAAlB;AACD;;AACDJ,MAAAA,UAAU,CAACK,IAAX,CAAgBH,IAAhB;AACD;;AACD,QAAII,QAAQ,GAAG,EAAf;AACAN,IAAAA,UAAU,CAACO,OAAX,CAAmB,UAACL,IAAD,EAAO3D,UAAP,EAAsB;AACvC+D,MAAAA,QAAQ,CAACD,IAAT,eACE,gCAAC,kBAAD;AAAU,QAAA,KAAK,EAAE,GAAjB;AAAsB,QAAA,MAAM,EAAE,KAAKT,aAAnC;AAAkD,QAAA,IAAI,EAAEM,IAAxD;AAA8D,QAAA,GAAG,sBAAe3D,UAAU,GAAG,CAA5B;AAAjE,sBACE,gCAAC,eAAD;AAAO,QAAA,IAAI,EAAE,IAAb;AAAmB,QAAA,IAAI,EAAC,QAAxB;AAAiC,QAAA,MAAM,EAAE,CAAC,CAAD,EAAIqD,aAAJ;AAAzC,QADF,EAEGY,MAAM,CAACC,IAAP,CAAYP,IAAI,CAAC,CAAD,CAAhB,EAAqBnC,GAArB,CAAyB,UAAC2C,GAAD,EAAMtD,KAAN,EAAgB;AACxC,YAAIsD,GAAG,KAAK,MAAZ,EAAoB;AAClB,8BACE,gCAAC,aAAD;AACE,YAAA,OAAO,EAAEA,GADX;AAEE,YAAA,OAAO,EAAC,GAFV;AAGE,YAAA,GAAG,gBAASnE,UAAU,GAAG,CAAtB,cAA2Ba,KAAK,GAAG,CAAnC,CAHL;AAIE,YAAA,OAAO,EAAE0C,QAAQ,GAAG,IAAH,GAAU;AAAA,qBAAMxD,gBAAgB,CAACC,UAAU,GAAG,CAAd,EAAiBmE,GAAjB,CAAtB;AAAA,aAJ7B;AAKE,YAAA,YAAY,EAAEZ,QAAQ,GAAG,IAAH,GAAU;AAAA,qBAAMtC,qBAAqB,CAACjB,UAAU,GAAG,CAAd,EAAiBmE,GAAjB,CAA3B;AAAA,aALlC;AAME,YAAA,YAAY,EAAEZ,QAAQ,GAAG,IAAH,GAAU;AAAA,qBAAMpC,qBAAqB,CAACnB,UAAU,GAAG,CAAd,EAAiBmE,GAAjB,CAA3B;AAAA,aANlC;AAOE,YAAA,KAAK,EAAErB,aAAa,EAPtB;AAQE,YAAA,iBAAiB,EAAE,KARrB;AASE,YAAA,IAAI,EAAE1B,aAAa,CAACC,YAAD,YAAkBrB,UAAU,GAAG,CAA/B,cAAoCmE,GAApC;AATrB,aAWGb,SAAS,iBAAI,gCAAC,mBAAD;AAAW,YAAA,QAAQ,EAAC,MAApB;AAA2B,YAAA,IAAI,EAAC;AAAhC,YAXhB,CADF;AAeD;AACF,OAlBA,CAFH,CADF;AAwBD,KAzBD;AA0BA,wBAAO;AAAK,MAAA,SAAS,EAAEJ,OAAO,CAACxD;AAAxB,OAA4CqE,QAA5C,CAAP;AACD,GAtCD;;AAwCA,MAAMK,WAAW,GAAG,mBAAO,IAAP,CAApB;AAEA;AACF;AACA;;AACE,MAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChC,QAAMZ,UAAU,GAAG,EAAnB,CADgC,CAEhC;;AACA,SAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGN,UAAU,GAAG,CAAjC,EAAoCM,CAAC,EAArC,EAAyC;AACvC,UAAMC,IAAI,GAAGW,KAAK,CAACC,IAAN,CAAW;AAAEC,QAAAA,MAAM,EAAEnB;AAAV,OAAX,EAAsC,UAACzC,CAAD,EAAIC,KAAJ;AAAA,eAAe;AAChE+C,UAAAA,IAAI,YAAK/C,KAAK,GAAG,CAAb,CAD4D;AAEhEH,UAAAA,KAAK,EAAE;AAFyD,SAAf;AAAA,OAAtC,CAAb;AAIA+C,MAAAA,UAAU,CAACK,IAAX,CAAgBH,IAAhB;AACD;;AACD,QAAIc,QAAQ,GAAG,EAAf;AACAhB,IAAAA,UAAU,CAACO,OAAX,CAAmB,UAACL,IAAD,EAAO3D,UAAP,EAAsB;AACvCyE,MAAAA,QAAQ,CAACX,IAAT,eACE,gCAAC,kBAAD;AAAU,QAAA,KAAK,EAAE,GAAjB;AAAsB,QAAA,MAAM,EAAE,GAA9B;AAAmC,QAAA,GAAG,sBAAe9D,UAAf;AAAtC,sBACE,gCAAC,aAAD;AACE,QAAA,IAAI,EAAE2D,IADR;AAEE,QAAA,GAAG,gBAAS3D,UAAU,GAAG,CAAtB,CAFL;AAGE,QAAA,IAAI,EAAC,SAHP;AAIE,QAAA,MAAM,EAAC,SAJT;AAKE,QAAA,OAAO,EAAC,OALV;AAME,QAAA,UAAU,EAAE,EANd;AAOE,QAAA,QAAQ,EAAE,CAAC,GAPb;AAQE,QAAA,iBAAiB,EAAE,KARrB;AASE,QAAA,SAAS,EAAE,KATb;AAUE,QAAA,KAAK,EAAEsD,SAAS,IAAItB;AAVtB,SAYG2B,IAAI,CAACnC,GAAL,CAAS,UAACkD,KAAD,EAAQzE,WAAR;AAAA,4BACR,gCAAC,cAAD;AACE,UAAA,SAAS,EAAEiD,OAAO,CAACvD,aADrB;AAEE,UAAA,GAAG,YAAKK,UAAU,GAAG,CAAlB,cAAuBC,WAAW,GAAG,CAArC,CAFL;AAGE,UAAA,OAAO,EAAEsD,QAAQ,GAAG,IAAH,GAAU;AAAA,mBAAMxD,gBAAgB,CAACC,UAAU,GAAG,CAAd,EAAiBC,WAAW,GAAG,CAA/B,CAAtB;AAAA,WAH7B;AAIE,UAAA,YAAY,EAAEsD,QAAQ,GAAG,IAAH,GAAU;AAAA,mBAAMtC,qBAAqB,CAACjB,UAAU,GAAG,CAAd,EAAiBC,WAAW,GAAG,CAA/B,CAA3B;AAAA,WAJlC;AAKE,UAAA,YAAY,EAAEsD,QAAQ,GAAG,IAAH,GAAU;AAAA,mBAAMpC,qBAAqB,CAACnB,UAAU,GAAG,CAAd,EAAiBC,WAAW,GAAG,CAA/B,CAA3B;AAAA,WALlC;AAME,UAAA,IAAI,EAAEmB,aAAa,CAACC,YAAD,YAAkBrB,UAAU,GAAG,CAA/B,cAAoCC,WAAW,GAAG,CAAlD;AANrB,UADQ;AAAA,OAAT,CAZH,CADF,CADF;AA2BD,KA5BD;AA6BA,wBAAO;AAAK,MAAA,GAAG,EAAEmE,WAAV;AAAuB,MAAA,SAAS,EAAElB,OAAO,CAAC7D;AAA1C,OAA8DoF,QAA9D,CAAP;AACD,GAzCD,CAnKoC,CA8MpC;;;AACA,MAAItB,SAAS,KAAK,KAAlB,EAAyB;AACvB,WAAOK,mBAAmB,EAA1B;AACD,GAFD,MAEO,IAAIL,SAAS,KAAK,KAAlB,EAAyB;AAC9B;AACA,0BAAU,YAAM;AACd,UAAIiB,WAAW,SAAX,IAAAA,WAAW,WAAX,IAAAA,WAAW,CAAEO,OAAb,IAAwBtB,aAAa,KAAK,CAA9C,EAAgD;AAC9C,YAAMuB,KAAK,GAAGR,WAAW,CAACO,OAAZ,CAAoBE,gBAApB,CAAqC,MAArC,CAAd;;AACA,YAAID,KAAK,CAACJ,MAAN,GAAe,CAAnB,EAAsB;AACpBI,UAAAA,KAAK,CAACZ,OAAN,CAAc,UAACc,IAAD,EAAU;AACtB,gBAAIC,CAAC,GAAGD,IAAI,CAACE,YAAL,CAAkB,GAAlB,CAAR;AACAF,YAAAA,IAAI,CAACG,YAAL,CAAkB,GAAlB,EAAuBF,CAAC,CAACG,UAAF,CAAa,WAAb,EAA0B,EAA1B,CAAvB;AACD,WAHD;AAID;AACF;AACF,KAVD,EAUG,EAVH;AAWA,WAAOb,mBAAmB,EAA1B;AACD;AACF,CAhOD;;eAkOe,wBAAWlF,MAAX,EAAmBU,kBAAnB,C","sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { Bar, BarChart, Cell, LabelList, Pie, PieChart, YAxis } from 'recharts';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  pieChartParentDiv: {\n    display: 'grid',\n    gridTemplateColumns: '200px 200px 200px',\n    gap: '10px',\n    padding: '5px 0',\n  },\n  barChartParentDiv: {\n    display: 'grid',\n    gridTemplateColumns: '200px 200px 200px',\n    gap: '20px',\n    padding: '10px 0',\n  },\n  sectorOutline: {\n    outline: 'none',\n  },\n});\n\nconst FractionModelChart = (props) => {\n  /*\n   * Function to handle click event on chart\n   * @param chartIndex: index of the chart\n   * @param sectorIndex: index of the sector\n   * */\n  const handleChartClick = (chartIndex, sectorIndex) => {\n    if (typeof sectorIndex === 'string') {\n      sectorIndex = parseInt(sectorIndex);\n    }\n    const existingIndex = clickedIndexArray.findIndex((item) => item.id === chartIndex);\n    let newClickedIndexArray;\n    if (existingIndex >= 0) {\n      const currentItem = clickedIndexArray[existingIndex];\n      if (currentItem.value === sectorIndex) {\n        newClickedIndexArray = clickedIndexArray.filter((_, index) => index !== existingIndex);\n      } else {\n        newClickedIndexArray = [\n          ...clickedIndexArray.slice(0, existingIndex),\n          { id: chartIndex, value: sectorIndex },\n          ...clickedIndexArray.slice(existingIndex + 1),\n        ];\n      }\n    } else {\n      newClickedIndexArray = [...clickedIndexArray, { id: chartIndex, value: sectorIndex }];\n    }\n    onChange(newClickedIndexArray);\n    setClickedIndexArray(newClickedIndexArray);\n  };\n\n  /*\n   * Function to handle mouse enter event on chart\n   * @param chartIndex: index of the chart\n   * @param sectorIndex: index of the sector\n   * */\n  const handleChartMouseEnter = (chartIndex, sectorIndex) => {\n    setHoveredIndex(chartIndex + '-' + sectorIndex);\n  };\n\n  /*\n   * Function to handle mouse leave event on chart\n   * @param chartIndex: index of the chart\n   * @param sectorIndex: index of the sector\n   * */\n  const handleChartMouseLeave = (chartIndex, sectorIndex) => {\n    setHoveredIndex(null);\n  };\n\n  /*\n   * Function to get fill color for sector\n   * @param hoveredIndex: hovered index\n   * @param selection: selected index\n   * */\n  const getSectorFill = (hoveredIndex, selection) => {\n    const [selectionId, selectionValue] = selection.split('-').map(Number);\n    // Check for a matching clicked item\n    const clickedItem = clickedIndexArray.find((item) => item.id === selectionId);\n    if (clickedItem && selectionValue <= clickedItem.value) {\n      return 'rgb(60, 73, 150, 0.6)';\n    }\n    // Check for a matching hovered index\n    if (hoveredIndex) {\n      const [hoveredId, hoveredValue] = hoveredIndex.split('-').map(Number);\n      if (hoveredId === selectionId && hoveredValue >= selectionValue) {\n        return 'rgb(0, 0, 0, 0.25)';\n      }\n    }\n    return '#FFFFFF';\n  };\n\n  /*\n   * Function to render label for pie chart\n   * @param props: properties of the label\n   * */\n  const renderCustomizedLabelForPie = (props) => {\n    const { cx, cy, midAngle, outerRadius, index } = props;\n    const RADIAN = Math.PI / 180;\n    // const radius = outerRadius * 0.5;  //If you want to show label inside the pie\n    const radius = outerRadius * 1.13;\n    const x = cx + radius * Math.cos(-midAngle * RADIAN);\n    const y = cy + radius * Math.sin(-midAngle * RADIAN);\n    return (\n      <text x={x} y={y} fill=\"#000000\" textAnchor={x > cx ? 'start' : 'end'} dominantBaseline=\"central\">\n        {`${(index + 1).toFixed(0)}`}\n      </text>\n    );\n  };\n\n  /*\n   * Function to create and return component for bar chart\n   * */\n  const barWithBorder = () => {\n    return (props) => {\n      const { fill, x, y, width, height } = props;\n      return (\n        <g>\n          <rect x={x} y={y} width={width} height={height} stroke={'#000000'} fill={fill} />\n        </g>\n      );\n    };\n  };\n\n  const {\n    classes,\n    value = [],\n    modelType = 'bar',\n    noOfModels = 0,\n    partsPerModel = 0,\n    showLabel = false,\n    disabled = false,\n    onChange,\n  } = props;\n  const [hoveredIndex, setHoveredIndex] = useState(null);\n  const [clickedIndexArray, setClickedIndexArray] = useState(value);\n\n  /*\n   * Function to create and return bar fraction model\n   * */\n  const getBarFractionModel = () => {\n    const parentData = [];\n    // Generate data for bar chart\n    for (let i = 1; i < noOfModels + 1; i++) {\n      const data = [{ name: i }];\n      for (let j = 1; j < partsPerModel + 1; j++) {\n        data[0][`${j}`] = 1;\n      }\n      parentData.push(data);\n    }\n    let barItems = [];\n    parentData.forEach((data, chartIndex) => {\n      barItems.push(\n        <BarChart width={200} height={30 * partsPerModel} data={data} key={`bar-chart-${chartIndex + 1}`}>\n          <YAxis hide={true} type=\"number\" domain={[0, partsPerModel]} />\n          {Object.keys(data[0]).map((key, index) => {\n            if (key !== 'name') {\n              return (\n                <Bar\n                  dataKey={key}\n                  stackId=\"a\"\n                  key={`bar-${chartIndex + 1}-${index + 1}`}\n                  onClick={disabled ? null : () => handleChartClick(chartIndex + 1, key)}\n                  onMouseEnter={disabled ? null : () => handleChartMouseEnter(chartIndex + 1, key)}\n                  onMouseLeave={disabled ? null : () => handleChartMouseLeave(chartIndex + 1, key)}\n                  shape={barWithBorder()}\n                  isAnimationActive={false}\n                  fill={getSectorFill(hoveredIndex, `${chartIndex + 1}-${key}`)}\n                >\n                  {showLabel && <LabelList position=\"left\" fill=\"#000000\" />}\n                </Bar>\n              );\n            }\n          })}\n        </BarChart>,\n      );\n    });\n    return <div className={classes.barChartParentDiv}>{barItems}</div>;\n  };\n\n  const pieChartRef = useRef(null);\n  \n  /*\n   * Function to create and return pie fraction model\n   * */\n  const getPieFractionModel = () => {\n    const parentData = [];\n    // Generate data for pie chart\n    for (let i = 1; i < noOfModels + 1; i++) {\n      const data = Array.from({ length: partsPerModel }, (_, index) => ({\n        name: `${index + 1}`,\n        value: 1,\n      }));\n      parentData.push(data);\n    }\n    let pieItems = [];\n    parentData.forEach((data, chartIndex) => {\n      pieItems.push(\n        <PieChart width={200} height={200} key={`pie-chart-${chartIndex}`}>\n          <Pie\n            data={data}\n            key={`pie-${chartIndex + 1}`}\n            fill=\"#FFFFFF\"\n            stroke=\"#000000\"\n            dataKey=\"value\"\n            startAngle={90}\n            endAngle={-270}\n            isAnimationActive={false}\n            labelLine={false}\n            label={showLabel && renderCustomizedLabelForPie}\n          >\n            {data.map((entry, sectorIndex) => (\n              <Cell\n                className={classes.sectorOutline}\n                key={`${chartIndex + 1}-${sectorIndex + 1}`}\n                onClick={disabled ? null : () => handleChartClick(chartIndex + 1, sectorIndex + 1)}\n                onMouseEnter={disabled ? null : () => handleChartMouseEnter(chartIndex + 1, sectorIndex + 1)}\n                onMouseLeave={disabled ? null : () => handleChartMouseLeave(chartIndex + 1, sectorIndex + 1)}\n                fill={getSectorFill(hoveredIndex, `${chartIndex + 1}-${sectorIndex + 1}`)}\n              />\n            ))}\n          </Pie>\n        </PieChart>,\n      );\n    });\n    return <div ref={pieChartRef} className={classes.pieChartParentDiv}>{pieItems}</div>;\n  };\n\n  //Render bar or pie models as per model type\n  if (modelType === 'bar') {\n    return getBarFractionModel();\n  } else if (modelType === 'pie') {\n    //Remove the last sector line of pie chart if parts per model is 1\n    useEffect(() => {\n      if (pieChartRef?.current && partsPerModel === 1){\n        const paths = pieChartRef.current.querySelectorAll('path');\n        if (paths.length > 0) {\n          paths.forEach((path) => {\n            let d = path.getAttribute('d');\n            path.setAttribute('d', d.replaceAll('L 100,100', ''));\n          });\n        }\n      }\n    }, []);\n    return getPieFractionModel();\n  }\n};\n\nexport default withStyles(styles)(FractionModelChart);\n"],"file":"fraction-model-chart.js"}
+{"version":3,"file":"fraction-model-chart.js","names":["_react","_interopRequireWildcard","require","_recharts","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PieChartParentDiv","styled","display","gridTemplateColumns","gap","padding","BarChartParentDiv","StyledPieChart","PieChart","outline","FractionModelChart","props","handleChartClick","chartIndex","sectorIndex","parseInt","existingIndex","clickedIndexArray","findIndex","item","id","newClickedIndexArray","currentItem","value","filter","_","index","slice","onChange","setClickedIndexArray","handleChartMouseEnter","setHoveredIndex","handleChartMouseLeave","getSectorFill","hoveredIndex","selection","selectionId","selectionValue","split","map","Number","clickedItem","find","hoveredId","hoveredValue","renderCustomizedLabelForPie","cx","cy","midAngle","outerRadius","RADIAN","Math","PI","radius","x","cos","y","sin","createElement","fill","textAnchor","dominantBaseline","toFixed","barWithBorder","width","height","stroke","modelType","noOfModels","partsPerModel","showLabel","disabled","useState","getBarFractionModel","parentData","data","name","j","push","barItems","forEach","BarChart","key","YAxis","hide","type","domain","keys","Bar","dataKey","stackId","onClick","onMouseEnter","onMouseLeave","shape","isAnimationActive","LabelList","position","pieChartRef","useRef","getPieFractionModel","Array","from","length","pieItems","Pie","startAngle","endAngle","labelLine","label","entry","Cell","style","cursor","ref","useEffect","current","paths","querySelectorAll","path","d","getAttribute","setAttribute","replaceAll","_default","exports"],"sources":["../src/fraction-model-chart.jsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { Bar, BarChart, Cell, LabelList, Pie, PieChart, YAxis } from 'recharts';\nimport { styled } from '@mui/material/styles';\n\nconst PieChartParentDiv = styled('div')({\n  display: 'grid',\n  gridTemplateColumns: '200px 200px 200px',\n  gap: '10px',\n  padding: '5px 0',\n});\n\nconst BarChartParentDiv = styled('div')({\n  display: 'grid',\n  gridTemplateColumns: '200px 200px 200px',\n  gap: '20px',\n  padding: '10px 0',\n});\n\nconst StyledPieChart = styled(PieChart)({\n  '& .recharts-pie-sector': {\n    outline: 'none !important',\n    '&:focus': {\n      outline: 'none !important',\n    },\n  },\n});\n\nconst FractionModelChart = (props) => {\n  /*\n   * Function to handle click event on chart\n   * @param chartIndex: index of the chart\n   * @param sectorIndex: index of the sector\n   * */\n  const handleChartClick = (chartIndex, sectorIndex) => {\n    if (typeof sectorIndex === 'string') {\n      sectorIndex = parseInt(sectorIndex);\n    }\n    const existingIndex = clickedIndexArray.findIndex((item) => item.id === chartIndex);\n    let newClickedIndexArray;\n    if (existingIndex >= 0) {\n      const currentItem = clickedIndexArray[existingIndex];\n      if (currentItem.value === sectorIndex) {\n        newClickedIndexArray = clickedIndexArray.filter((_, index) => index !== existingIndex);\n      } else {\n        newClickedIndexArray = [\n          ...clickedIndexArray.slice(0, existingIndex),\n          { id: chartIndex, value: sectorIndex },\n          ...clickedIndexArray.slice(existingIndex + 1),\n        ];\n      }\n    } else {\n      newClickedIndexArray = [...clickedIndexArray, { id: chartIndex, value: sectorIndex }];\n    }\n    onChange(newClickedIndexArray);\n    setClickedIndexArray(newClickedIndexArray);\n  };\n\n  /*\n   * Function to handle mouse enter event on chart\n   * @param chartIndex: index of the chart\n   * @param sectorIndex: index of the sector\n   * */\n  const handleChartMouseEnter = (chartIndex, sectorIndex) => {\n    setHoveredIndex(chartIndex + '-' + sectorIndex);\n  };\n\n  /*\n   * Function to handle mouse leave event on chart\n   * */\n  const handleChartMouseLeave = () => {\n    setHoveredIndex(null);\n  };\n\n  /*\n   * Function to get fill color for sector\n   * @param hoveredIndex: hovered index\n   * @param selection: selected index\n   * */\n  const getSectorFill = (hoveredIndex, selection) => {\n    const [selectionId, selectionValue] = selection.split('-').map(Number);\n    // Check for a matching clicked item\n    const clickedItem = clickedIndexArray.find((item) => item.id === selectionId);\n    if (clickedItem && selectionValue <= clickedItem.value) {\n      return 'rgb(60, 73, 150, 0.6)';\n    }\n    // Check for a matching hovered index\n    if (hoveredIndex) {\n      const [hoveredId, hoveredValue] = hoveredIndex.split('-').map(Number);\n      if (hoveredId === selectionId && hoveredValue >= selectionValue) {\n        return 'rgb(0, 0, 0, 0.25)';\n      }\n    }\n    return '#FFFFFF';\n  };\n\n  /*\n   * Function to render label for pie chart\n   * @param props: properties of the label\n   * */\n  const renderCustomizedLabelForPie = (props) => {\n    const { cx, cy, midAngle, outerRadius, index } = props;\n    const RADIAN = Math.PI / 180;\n    // const radius = outerRadius * 0.5;  //If you want to show label inside the pie\n    const radius = outerRadius * 1.13;\n    const x = cx + radius * Math.cos(-midAngle * RADIAN);\n    const y = cy + radius * Math.sin(-midAngle * RADIAN);\n    return (\n      <text x={x} y={y} fill=\"#000000\" textAnchor={x > cx ? 'start' : 'end'} dominantBaseline=\"central\">\n        {`${(index + 1).toFixed(0)}`}\n      </text>\n    );\n  };\n\n  /*\n   * Function to create and return component for bar chart\n   * */\n  const barWithBorder = () => {\n    return (props) => {\n      const { fill, x, y, width, height } = props;\n      return (\n        <g>\n          <rect x={x} y={y} width={width} height={height} stroke={'#000000'} fill={fill} />\n        </g>\n      );\n    };\n  };\n\n  const {\n    value = [],\n    modelType = 'bar',\n    noOfModels = 0,\n    partsPerModel = 0,\n    showLabel = false,\n    disabled = false,\n    onChange,\n  } = props;\n  const [hoveredIndex, setHoveredIndex] = useState(null);\n  const [clickedIndexArray, setClickedIndexArray] = useState(value);\n\n  /*\n   * Function to create and return bar fraction model\n   * */\n  const getBarFractionModel = () => {\n    const parentData = [];\n    // Generate data for bar chart\n    for (let i = 1; i < noOfModels + 1; i++) {\n      const data = [{ name: i }];\n      for (let j = 1; j < partsPerModel + 1; j++) {\n        data[0][`${j}`] = 1;\n      }\n      parentData.push(data);\n    }\n    let barItems = [];\n    parentData.forEach((data, chartIndex) => {\n      barItems.push(\n        <BarChart width={200} height={30 * partsPerModel} data={data} key={`bar-chart-${chartIndex + 1}`}>\n          <YAxis hide={true} type=\"number\" domain={[0, partsPerModel]} />\n          {Object.keys(data[0]).map((key, index) => {\n            if (key !== 'name') {\n              return (\n                <Bar\n                  dataKey={key}\n                  stackId=\"a\"\n                  key={`bar-${chartIndex + 1}-${index + 1}`}\n                  onClick={disabled ? null : () => handleChartClick(chartIndex + 1, key)}\n                  onMouseEnter={disabled ? null : () => handleChartMouseEnter(chartIndex + 1, key)}\n                  onMouseLeave={disabled ? null : () => handleChartMouseLeave(chartIndex + 1, key)}\n                  shape={barWithBorder()}\n                  isAnimationActive={false}\n                  fill={getSectorFill(hoveredIndex, `${chartIndex + 1}-${key}`)}\n                >\n                  {showLabel && <LabelList position=\"left\" fill=\"#000000\" />}\n                </Bar>\n              );\n            }\n          })}\n        </BarChart>,\n      );\n    });\n    return <BarChartParentDiv>{barItems}</BarChartParentDiv>;\n  };\n\n  const pieChartRef = useRef(null);\n  \n  /*\n   * Function to create and return pie fraction model\n   * */\n  const getPieFractionModel = () => {\n    const parentData = [];\n    // Generate data for pie chart\n    for (let i = 1; i < noOfModels + 1; i++) {\n      const data = Array.from({ length: partsPerModel }, (_, index) => ({\n        name: `${index + 1}`,\n        value: 1,\n      }));\n      parentData.push(data);\n    }\n    let pieItems = [];\n    parentData.forEach((data, chartIndex) => {\n      pieItems.push(\n        <StyledPieChart width={200} height={200} key={`pie-chart-${chartIndex}`}>\n          <Pie\n            data={data}\n            key={`pie-${chartIndex + 1}`}\n            fill=\"#FFFFFF\"\n            stroke=\"#000000\"\n            dataKey=\"value\"\n            startAngle={90}\n            endAngle={-270}\n            isAnimationActive={false}\n            labelLine={false}\n            label={showLabel && renderCustomizedLabelForPie}\n          >\n            {data.map((entry, sectorIndex) => (\n              <Cell\n                key={`${chartIndex + 1}-${sectorIndex + 1}`}\n                onClick={disabled ? null : () => handleChartClick(chartIndex + 1, sectorIndex + 1)}\n                onMouseEnter={disabled ? null : () => handleChartMouseEnter(chartIndex + 1, sectorIndex + 1)}\n                onMouseLeave={disabled ? null : () => handleChartMouseLeave(chartIndex + 1, sectorIndex + 1)}\n                fill={getSectorFill(hoveredIndex, `${chartIndex + 1}-${sectorIndex + 1}`)}\n                style={{ outline: 'none', cursor: disabled ? 'default' : 'pointer' }}\n              />\n            ))}\n          </Pie>\n        </StyledPieChart>,\n      );\n    });\n    return <PieChartParentDiv ref={pieChartRef}>{pieItems}</PieChartParentDiv>;\n  };\n\n  //Render bar or pie models as per model type\n  if (modelType === 'bar') {\n    return getBarFractionModel();\n  } else if (modelType === 'pie') {\n    //Remove the last sector line of pie chart if parts per model is 1\n    useEffect(() => {\n      if (pieChartRef?.current && partsPerModel === 1){\n        const paths = pieChartRef.current.querySelectorAll('path');\n        if (paths.length > 0) {\n          paths.forEach((path) => {\n            let d = path.getAttribute('d');\n            path.setAttribute('d', d.replaceAll('L 100,100', ''));\n          });\n        }\n      }\n    }, []);\n    return getPieFractionModel();\n  }\n};\n\nexport default FractionModelChart;\n"],"mappings":"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","ignoreList":[]}