@corva/ui 3.73.0-7 → 3.73.0-rc.0

package/components/Drillstring/BHASchematic.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/toConsumableArray";import{useRef as e,useEffect as i}from"react";import r from"prop-types";import{jsx as l}from"react/jsx-runtime";var h="#239FE6",a="#085EDF",c="#C208DF",n="yellow",o="#8398A5",s="#dd375e",f="#44ff44";function p(r){var p=r.schematic,u=r.containerWidth,y=r.containerHeight,d=e(),m=e();i((function(){var e=d.current,i=e.getContext("2d"),r=m.current,l=r.clientWidth,u=r.clientHeight;e.width=l-8,e.height=u,e.style.width="".concat(l-8,"px"),e.style.height="".concat(u,"px");var y=p.filter((function(t){return["bit","stabilizer","ags","ur"].includes(t.family)})).length,g=p.filter((function(t){return["pdm","rss"].includes(t.family)})).length,b=(l-6*y)/(p.filter((function(t){return"other"===t.family})).length+2*g),x=[],w=0;t(p).reverse().forEach((function(t){var e=0;switch(e=["bit","stabilizer","ags","ur"].includes(t.family)?6:["pdm","rss"].includes(t.family)?2*b:b,t.family){case"bit":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:"pdc"===t.bitType?h:a});break;case"ur":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:f});break;case"pdm":t.hasStabilizer?x.push({type:"rect",x:w+(e/2-3),y:u/2-6,width:6,height:12,fillColor:n},{type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:c}):x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:c});break;case"rss":x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:s});break;case"stabilizer":case"ags":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:n});break;case"other":x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:o})}w+=e})),x.forEach((function(t){i.fillStyle=t.fillColor,i.fillRect(t.x,t.y,t.width,t.height)}))}));var g={width:u?"".concat(u,"px"):"100%",height:y?"".concat(y,"px"):"100%"};return l("div",{ref:m,style:g,children:l("canvas",{ref:d})})}p.propTypes={containerWidth:r.number,containerHeight:r.number,schematic:r.arrayOf(r.shape({})).isRequired},p.defaultProps={containerWidth:null,containerHeight:null};export{p as default};
+import t from"@babel/runtime/helpers/toConsumableArray";import{useRef as e,useEffect as i}from"react";import r from"prop-types";import{jsx as l}from"react/jsx-runtime";var h="#239FE6",a="#085EDF",c="#C208DF",o="yellow",n="#8398A5",s="#dd375e",f="#44ff44";function p(r){var p=r.schematic,u=r.containerWidth,y=void 0===u?null:u,d=r.containerHeight,m=void 0===d?null:d,g=e(),b=e();i((function(){var e=g.current,i=e.getContext("2d"),r=b.current,l=r.clientWidth,u=r.clientHeight;e.width=l-8,e.height=u,e.style.width="".concat(l-8,"px"),e.style.height="".concat(u,"px");var y=p.filter((function(t){return["bit","stabilizer","ags","ur"].includes(t.family)})).length,d=p.filter((function(t){return["pdm","rss"].includes(t.family)})).length,m=(l-6*y)/(p.filter((function(t){return"other"===t.family})).length+2*d),x=[],w=0;t(p).reverse().forEach((function(t){var e=0;switch(e=["bit","stabilizer","ags","ur"].includes(t.family)?6:["pdm","rss"].includes(t.family)?2*m:m,t.family){case"bit":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:"pdc"===t.bitType?h:a});break;case"ur":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:f});break;case"pdm":t.hasStabilizer?x.push({type:"rect",x:w+(e/2-3),y:u/2-6,width:6,height:12,fillColor:o},{type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:c}):x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:c});break;case"rss":x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:s});break;case"stabilizer":case"ags":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:o});break;case"other":x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:n})}w+=e})),x.forEach((function(t){i.fillStyle=t.fillColor,i.fillRect(t.x,t.y,t.width,t.height)}))}));var x={width:y?"".concat(y,"px"):"100%",height:m?"".concat(m,"px"):"100%"};return l("div",{ref:b,style:x,children:l("canvas",{ref:g})})}p.propTypes={containerWidth:r.number,containerHeight:r.number,schematic:r.arrayOf(r.shape({})).isRequired};export{p as default};
 //# sourceMappingURL=BHASchematic.js.map

package/components/Drillstring/BHASchematic.js.map

@@ -1 +1 @@
-{"version":3,"file":"BHASchematic.js","sources":["../../../src/components/Drillstring/BHASchematic.js"],"sourcesContent":["import { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst COLORS = {\n  pdcBit: '#239FE6',\n  triconeBit: '#085EDF',\n  pdm: '#C208DF',\n  stabilizer: 'yellow',\n  other: '#8398A5',\n  rss: '#dd375e',\n  ur: '#44ff44',\n};\n\nconst BIT_WIDTH = 6;\nconst PDM_HEIGHT = 4;\nconst HORIZONTAL_MARGIN = 8;\n\nfunction BHASchematic({ schematic, containerWidth, containerHeight }) {\n  const canvasRef = useRef();\n  const containerRef = useRef();\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const context = canvas.getContext('2d');\n\n    const { clientWidth: width, clientHeight: height } = containerRef.current;\n\n    canvas.width = width - HORIZONTAL_MARGIN;\n    canvas.height = height;\n    canvas.style.width = `${width - HORIZONTAL_MARGIN}px`;\n    canvas.style.height = `${height}px`;\n\n    // NOTE: Count each comonents by family\n    const bitStabCount = schematic.filter(item =>\n      ['bit', 'stabilizer', 'ags', 'ur'].includes(item.family)\n    ).length;\n    const pdmRssCount = schematic.filter(item => ['pdm', 'rss'].includes(item.family)).length;\n    const nonMagCount = schematic.filter(item => item.family === 'other').length;\n\n    // NOTE: Bit, Stabilizer --> width: 12px\n    // Pdm, rss length ---> Non mag length * 2\n    const nonMagLength = (width - BIT_WIDTH * bitStabCount) / (nonMagCount + pdmRssCount * 2);\n\n    const dataToDraw = [];\n    let x = 0;\n    [...schematic].reverse().forEach(item => {\n      let barWidth = 0;\n      if (['bit', 'stabilizer', 'ags', 'ur'].includes(item.family)) {\n        barWidth = BIT_WIDTH;\n      } else if (['pdm', 'rss'].includes(item.family)) {\n        barWidth = nonMagLength * 2;\n      } else {\n        barWidth = nonMagLength;\n      }\n\n      switch (item.family) {\n        case 'bit':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - BIT_WIDTH,\n            width: barWidth,\n            height: BIT_WIDTH * 2,\n            fillColor: item.bitType === 'pdc' ? COLORS.pdcBit : COLORS.triconeBit,\n          });\n          break;\n        case 'ur':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - BIT_WIDTH,\n            width: barWidth,\n            height: BIT_WIDTH * 2,\n            fillColor: COLORS.ur,\n          });\n          break;\n        case 'pdm':\n          if (item.hasStabilizer) {\n            dataToDraw.push(\n              {\n                type: 'rect',\n                x: x + (barWidth / 2 - BIT_WIDTH / 2),\n                y: height / 2 - BIT_WIDTH,\n                width: BIT_WIDTH,\n                height: BIT_WIDTH * 2,\n                fillColor: COLORS.stabilizer,\n              },\n              {\n                type: 'rect',\n                x,\n                y: height / 2 - PDM_HEIGHT / 2,\n                width: barWidth,\n                height: PDM_HEIGHT,\n                fillColor: COLORS.pdm,\n              }\n            );\n          } else {\n            dataToDraw.push({\n              type: 'rect',\n              x,\n              y: height / 2 - PDM_HEIGHT / 2,\n              width: barWidth,\n              height: PDM_HEIGHT,\n              fillColor: COLORS.pdm,\n            });\n          }\n          break;\n        case 'rss':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - PDM_HEIGHT / 2,\n            width: barWidth,\n            height: PDM_HEIGHT,\n            fillColor: COLORS.rss,\n          });\n          break;\n        case 'stabilizer':\n        case 'ags':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - BIT_WIDTH,\n            width: barWidth,\n            height: BIT_WIDTH * 2,\n            fillColor: COLORS.stabilizer,\n          });\n          break;\n        case 'other':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - PDM_HEIGHT / 2,\n            width: barWidth,\n            height: PDM_HEIGHT,\n            fillColor: COLORS.other,\n          });\n          break;\n        default:\n          break;\n      }\n\n      x += barWidth;\n    });\n\n    dataToDraw.forEach(item => {\n      context.fillStyle = item.fillColor;\n      context.fillRect(item.x, item.y, item.width, item.height);\n    });\n  });\n\n  const containerStyle = {\n    width: containerWidth ? `${containerWidth}px` : '100%',\n    height: containerHeight ? `${containerHeight}px` : '100%',\n  };\n\n  return (\n    <div ref={containerRef} style={containerStyle}>\n      <canvas ref={canvasRef} />\n    </div>\n  );\n}\n\nBHASchematic.propTypes = {\n  containerWidth: PropTypes.number,\n  containerHeight: PropTypes.number,\n  schematic: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nBHASchematic.defaultProps = {\n  containerWidth: null,\n  containerHeight: null,\n};\n\nexport default BHASchematic;\n"],"names":["COLORS","BHASchematic","_ref","schematic","containerWidth","containerHeight","canvasRef","useRef","containerRef","useEffect","canvas","current","context","getContext","width","clientWidth","height","clientHeight","style","concat","bitStabCount","filter","item","includes","family","length","pdmRssCount","nonMagLength","dataToDraw","x","_toConsumableArray","reverse","forEach","barWidth","push","type","y","BIT_WIDTH","fillColor","bitType","hasStabilizer","PDM_HEIGHT","fillStyle","fillRect","containerStyle","_jsx","ref","children","propTypes","PropTypes","number","arrayOf","shape","isRequired","defaultProps"],"mappings":"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"}
+{"version":3,"file":"BHASchematic.js","sources":["../../../src/components/Drillstring/BHASchematic.js"],"sourcesContent":["import { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst COLORS = {\n  pdcBit: '#239FE6',\n  triconeBit: '#085EDF',\n  pdm: '#C208DF',\n  stabilizer: 'yellow',\n  other: '#8398A5',\n  rss: '#dd375e',\n  ur: '#44ff44',\n};\n\nconst BIT_WIDTH = 6;\nconst PDM_HEIGHT = 4;\nconst HORIZONTAL_MARGIN = 8;\n\nfunction BHASchematic({ schematic, containerWidth = null, containerHeight = null }) {\n  const canvasRef = useRef();\n  const containerRef = useRef();\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const context = canvas.getContext('2d');\n\n    const { clientWidth: width, clientHeight: height } = containerRef.current;\n\n    canvas.width = width - HORIZONTAL_MARGIN;\n    canvas.height = height;\n    canvas.style.width = `${width - HORIZONTAL_MARGIN}px`;\n    canvas.style.height = `${height}px`;\n\n    // NOTE: Count each comonents by family\n    const bitStabCount = schematic.filter(item =>\n      ['bit', 'stabilizer', 'ags', 'ur'].includes(item.family)\n    ).length;\n    const pdmRssCount = schematic.filter(item => ['pdm', 'rss'].includes(item.family)).length;\n    const nonMagCount = schematic.filter(item => item.family === 'other').length;\n\n    // NOTE: Bit, Stabilizer --> width: 12px\n    // Pdm, rss length ---> Non mag length * 2\n    const nonMagLength = (width - BIT_WIDTH * bitStabCount) / (nonMagCount + pdmRssCount * 2);\n\n    const dataToDraw = [];\n    let x = 0;\n    [...schematic].reverse().forEach(item => {\n      let barWidth = 0;\n      if (['bit', 'stabilizer', 'ags', 'ur'].includes(item.family)) {\n        barWidth = BIT_WIDTH;\n      } else if (['pdm', 'rss'].includes(item.family)) {\n        barWidth = nonMagLength * 2;\n      } else {\n        barWidth = nonMagLength;\n      }\n\n      switch (item.family) {\n        case 'bit':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - BIT_WIDTH,\n            width: barWidth,\n            height: BIT_WIDTH * 2,\n            fillColor: item.bitType === 'pdc' ? COLORS.pdcBit : COLORS.triconeBit,\n          });\n          break;\n        case 'ur':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - BIT_WIDTH,\n            width: barWidth,\n            height: BIT_WIDTH * 2,\n            fillColor: COLORS.ur,\n          });\n          break;\n        case 'pdm':\n          if (item.hasStabilizer) {\n            dataToDraw.push(\n              {\n                type: 'rect',\n                x: x + (barWidth / 2 - BIT_WIDTH / 2),\n                y: height / 2 - BIT_WIDTH,\n                width: BIT_WIDTH,\n                height: BIT_WIDTH * 2,\n                fillColor: COLORS.stabilizer,\n              },\n              {\n                type: 'rect',\n                x,\n                y: height / 2 - PDM_HEIGHT / 2,\n                width: barWidth,\n                height: PDM_HEIGHT,\n                fillColor: COLORS.pdm,\n              }\n            );\n          } else {\n            dataToDraw.push({\n              type: 'rect',\n              x,\n              y: height / 2 - PDM_HEIGHT / 2,\n              width: barWidth,\n              height: PDM_HEIGHT,\n              fillColor: COLORS.pdm,\n            });\n          }\n          break;\n        case 'rss':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - PDM_HEIGHT / 2,\n            width: barWidth,\n            height: PDM_HEIGHT,\n            fillColor: COLORS.rss,\n          });\n          break;\n        case 'stabilizer':\n        case 'ags':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - BIT_WIDTH,\n            width: barWidth,\n            height: BIT_WIDTH * 2,\n            fillColor: COLORS.stabilizer,\n          });\n          break;\n        case 'other':\n          dataToDraw.push({\n            type: 'rect',\n            x,\n            y: height / 2 - PDM_HEIGHT / 2,\n            width: barWidth,\n            height: PDM_HEIGHT,\n            fillColor: COLORS.other,\n          });\n          break;\n        default:\n          break;\n      }\n\n      x += barWidth;\n    });\n\n    dataToDraw.forEach(item => {\n      context.fillStyle = item.fillColor;\n      context.fillRect(item.x, item.y, item.width, item.height);\n    });\n  });\n\n  const containerStyle = {\n    width: containerWidth ? `${containerWidth}px` : '100%',\n    height: containerHeight ? `${containerHeight}px` : '100%',\n  };\n\n  return (\n    <div ref={containerRef} style={containerStyle}>\n      <canvas ref={canvasRef} />\n    </div>\n  );\n}\n\nBHASchematic.propTypes = {\n  containerWidth: PropTypes.number,\n  containerHeight: PropTypes.number,\n  schematic: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport default BHASchematic;\n"],"names":["COLORS","BHASchematic","_ref","schematic","_ref$containerWidth","containerWidth","_ref$containerHeight","containerHeight","canvasRef","useRef","containerRef","useEffect","canvas","current","context","getContext","width","clientWidth","height","clientHeight","style","concat","bitStabCount","filter","item","includes","family","length","pdmRssCount","nonMagLength","dataToDraw","x","_toConsumableArray","reverse","forEach","barWidth","push","type","y","BIT_WIDTH","fillColor","bitType","hasStabilizer","PDM_HEIGHT","fillStyle","fillRect","containerStyle","_jsx","ref","children","propTypes","PropTypes","number","arrayOf","shape","isRequired"],"mappings":"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"}

package/components/Drillstring/BHATile/BHATile.d.ts

@@ -1,9 +1,9 @@
-declare function BHATile({ isMobile, drillstring, isSelected, onSelect, height, isMetricsHidden }: {
-    drillstring: any;
-    height: any;
-    isMetricsHidden: any;
-    isMobile: any;
-    isSelected: any;
+declare function BHATile({ isMobile, drillstring, isSelected, onSelect, height, isMetricsHidden, }: {
+    drillstring?: null | undefined;
+    height?: number | undefined;
+    isMetricsHidden?: boolean | undefined;
+    isMobile?: boolean | undefined;
+    isSelected?: boolean | undefined;
     onSelect: any;
 }): import("react").JSX.Element;
 declare namespace BHATile {
@@ -19,13 +19,6 @@ declare namespace BHATile {
         isMetricsHidden: import("prop-types").Requireable<boolean>;
         isMobile: import("prop-types").Requireable<boolean>;
     };
-    var defaultProps: {
-        drillstring: null;
-        isSelected: boolean;
-        height: number;
-        isMetricsHidden: boolean;
-        isMobile: boolean;
-    };
 }
 export default BHATile;
 //# sourceMappingURL=BHATile.d.ts.map

package/components/Drillstring/BHATile/BHATile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BHATile.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/BHATile/BHATile.js"],"names":[],"mappings":"AAiBA,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE;;;;;;;CAAA,+BA0DxF;kBA1DQ,OAAO;;;;;;;;;;;;;;;;;;;;;eA+ED,OAAO"}
+{"version":3,"file":"BHATile.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/BHATile/BHATile.js"],"names":[],"mappings":"AAiBA,iBAAS,OAAO,CAAC,EACf,QAAgB,EAChB,WAAkB,EAClB,UAAkB,EAClB,QAAQ,EACR,MAAW,EACX,eAAuB,GACxB;;;;;;;CAAA,+BA0DA;kBAjEQ,OAAO;;;;;;;;;;;;;;eA8ED,OAAO"}

package/components/Drillstring/BHATile/BHATile.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{shape as i,arrayOf as l,bool as t,func as n,number as s}from"prop-types";import a from"classnames";import{Chip as r}from"@material-ui/core";import c from"../BHATileIcon.js";import o from"./styles.css.js";import{getBHASchematic as m}from"../../../utils/bha.js";import{jsxs as d,jsx as h}from"react/jsx-runtime";var p=[{key:"tfa",label:"TFA"},{key:"cpl",label:"CPL at TD"},{key:"sp",label:"SP at TD"},{key:"ecd",label:"ECD at TD"}];function u(i){var l,t,n=i.isMobile,s=i.drillstring,u=i.isSelected,b=i.onSelect,v=i.height,f=i.isMetricsHidden,C=(null==s||null===(l=s.data)||void 0===l?void 0:l.components)||[],N=m(C);return d("div",{className:a(o.tileContainer,e({},o.selected,u)),onClick:function(){return b(s)},children:[d("div",{className:o.header,children:[d("div",{className:o.bhaTile,children:[h(r,{label:null==s||null===(t=s.data)||void 0===t?void 0:t.id,classes:{root:a(o.rootChip,e({},o.selectedChip,u)),label:o.chipLabel}}),h("span",{className:o.bhaCaption,children:"BHA"})]}),d("div",{className:o.componentsCount,children:["Components: ",C.length]})]}),C.length>0&&h("div",{className:a(o.schematic,e({},o.schematicMobile,n)),children:N.map((function(e,i){return h(c,{component:e,width:"calc(100% / ".concat(N.length," - 1px)"),height:v},"bha-tile-".concat(i))}))}),!f&&!n&&C.length>0&&h("div",{className:o.metricsContainer,children:p.map((function(e){return d("div",{className:o.metricItem,children:[d("div",{className:o.metricItemContent,children:[h("div",{className:o.metricItemLabel,children:e.label}),h("div",{className:o.metricItemValue,children:"0.0"})]}),"ecd"!==e.key&&h("div",{className:o.metricItemSplit})]},e.key)}))}),0===C.length&&h("div",{className:a(o.noComponents,e({},o.noComponentsMobile,n)),children:"No Components"})]})}u.propTypes={drillstring:i({data:i({components:l(i({}))})}),isSelected:t,onSelect:n.isRequired,height:s,isMetricsHidden:t,isMobile:t},u.defaultProps={drillstring:null,isSelected:!1,height:16,isMetricsHidden:!1,isMobile:!1};export{u as default};
+import e from"@babel/runtime/helpers/defineProperty";import{shape as i,arrayOf as l,bool as t,func as n,number as a}from"prop-types";import o from"classnames";import{Chip as s}from"@material-ui/core";import c from"../BHATileIcon.js";import r from"./styles.css.js";import{getBHASchematic as m}from"../../../utils/bha.js";import{jsxs as d,jsx as p}from"react/jsx-runtime";var h=[{key:"tfa",label:"TFA"},{key:"cpl",label:"CPL at TD"},{key:"sp",label:"SP at TD"},{key:"ecd",label:"ECD at TD"}];function v(i){var l,t,n=i.isMobile,a=void 0!==n&&n,v=i.drillstring,u=void 0===v?null:v,b=i.isSelected,f=void 0!==b&&b,C=i.onSelect,N=i.height,g=void 0===N?16:N,y=i.isMetricsHidden,k=void 0!==y&&y,T=(null==u||null===(l=u.data)||void 0===l?void 0:l.components)||[],I=m(T);return d("div",{className:o(r.tileContainer,e({},r.selected,f)),onClick:function(){return C(u)},children:[d("div",{className:r.header,children:[d("div",{className:r.bhaTile,children:[p(s,{label:null==u||null===(t=u.data)||void 0===t?void 0:t.id,classes:{root:o(r.rootChip,e({},r.selectedChip,f)),label:r.chipLabel}}),p("span",{className:r.bhaCaption,children:"BHA"})]}),d("div",{className:r.componentsCount,children:["Components: ",T.length]})]}),T.length>0&&p("div",{className:o(r.schematic,e({},r.schematicMobile,a)),children:I.map((function(e,i){return p(c,{component:e,width:"calc(100% / ".concat(I.length," - 1px)"),height:g},"bha-tile-".concat(i))}))}),!k&&!a&&T.length>0&&p("div",{className:r.metricsContainer,children:h.map((function(e){return d("div",{className:r.metricItem,children:[d("div",{className:r.metricItemContent,children:[p("div",{className:r.metricItemLabel,children:e.label}),p("div",{className:r.metricItemValue,children:"0.0"})]}),"ecd"!==e.key&&p("div",{className:r.metricItemSplit})]},e.key)}))}),0===T.length&&p("div",{className:o(r.noComponents,e({},r.noComponentsMobile,a)),children:"No Components"})]})}v.propTypes={drillstring:i({data:i({components:l(i({}))})}),isSelected:t,onSelect:n.isRequired,height:a,isMetricsHidden:t,isMobile:t};export{v as default};
 //# sourceMappingURL=BHATile.js.map

package/components/Drillstring/BHATile/BHATile.js.map

@@ -1 +1 @@
-{"version":3,"file":"BHATile.js","sources":["../../../../src/components/Drillstring/BHATile/BHATile.js"],"sourcesContent":["import { shape, bool, func, arrayOf, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { Chip } from '@material-ui/core';\n\nimport BHATileIcon from '../BHATileIcon';\n\nimport styles from './styles.css';\n\nimport { getBHASchematic } from '~/utils/bha';\n\nconst MetricsColumns = [\n  { key: 'tfa', label: 'TFA' },\n  { key: 'cpl', label: 'CPL at TD' },\n  { key: 'sp', label: 'SP at TD' },\n  { key: 'ecd', label: 'ECD at TD' },\n];\n\nfunction BHATile({ isMobile, drillstring, isSelected, onSelect, height, isMetricsHidden }) {\n  const components = drillstring?.data?.components || [];\n  const schematicData = getBHASchematic(components);\n\n  return (\n    <div\n      className={classNames(styles.tileContainer, { [styles.selected]: isSelected })}\n      onClick={() => onSelect(drillstring)}\n    >\n      <div className={styles.header}>\n        <div className={styles.bhaTile}>\n          <Chip\n            label={drillstring?.data?.id}\n            classes={{\n              root: classNames(styles.rootChip, { [styles.selectedChip]: isSelected }),\n              label: styles.chipLabel,\n            }}\n          />\n          <span className={styles.bhaCaption}>BHA</span>\n        </div>\n        <div className={styles.componentsCount}>Components: {components.length}</div>\n      </div>\n\n      {components.length > 0 && (\n        <div className={classNames(styles.schematic, { [styles.schematicMobile]: isMobile })}>\n          {schematicData.map((component, index) => (\n            <BHATileIcon\n              // eslint-disable-next-line react/no-array-index-key\n              key={`bha-tile-${index}`}\n              component={component}\n              width={`calc(100% / ${schematicData.length} - 1px)`}\n              height={height}\n            />\n          ))}\n        </div>\n      )}\n\n      {!isMetricsHidden && !isMobile && components.length > 0 && (\n        <div className={styles.metricsContainer}>\n          {MetricsColumns.map(metric => (\n            <div key={metric.key} className={styles.metricItem}>\n              <div className={styles.metricItemContent}>\n                <div className={styles.metricItemLabel}>{metric.label}</div>\n                <div className={styles.metricItemValue}>0.0</div>\n              </div>\n              {metric.key !== 'ecd' && <div className={styles.metricItemSplit} />}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {components.length === 0 && (\n        <div className={classNames(styles.noComponents, { [styles.noComponentsMobile]: isMobile })}>\n          No Components\n        </div>\n      )}\n    </div>\n  );\n}\n\nBHATile.propTypes = {\n  drillstring: shape({\n    data: shape({ components: arrayOf(shape({})) }),\n  }),\n  isSelected: bool,\n  onSelect: func.isRequired,\n  height: number,\n  isMetricsHidden: bool,\n  isMobile: bool,\n};\n\nBHATile.defaultProps = {\n  drillstring: null,\n  isSelected: false,\n  height: 16,\n  isMetricsHidden: false,\n  isMobile: false,\n};\n\nexport default BHATile;\n"],"names":["MetricsColumns","key","label","BHATile","_ref","_drillstring$data","_drillstring$data2","isMobile","drillstring","isSelected","onSelect","height","isMetricsHidden","components","data","schematicData","getBHASchematic","_jsxs","className","classNames","styles","tileContainer","selected","onClick","children","header","bhaTile","_jsx","Chip","id","classes","root","rootChip","selectedChip","chipLabel","bhaCaption","componentsCount","length","schematic","schematicMobile","map","component","index","BHATileIcon","width","concat","metricsContainer","metric","metricItem","metricItemContent","metricItemLabel","metricItemValue","metricItemSplit","noComponents","noComponentsMobile","propTypes","shape","arrayOf","bool","func","isRequired","number","defaultProps"],"mappings":"kXAUA,IAAMA,EAAiB,CACrB,CAAEC,IAAK,MAAOC,MAAO,OACrB,CAAED,IAAK,MAAOC,MAAO,aACrB,CAAED,IAAK,KAAMC,MAAO,YACpB,CAAED,IAAK,MAAOC,MAAO,cAGvB,SAASC,EAAkFC,GAAA,IAAAC,EAAAC,EAAxEC,IAAAA,SAAUC,IAAAA,YAAaC,IAAAA,WAAYC,IAAAA,SAAUC,IAAAA,OAAQC,IAAAA,gBAChEC,GAAaL,SAAiB,QAANH,EAAXG,EAAaM,YAAI,IAAAT,OAAN,EAAXA,EAAmBQ,aAAc,GAC9CE,EAAgBC,EAAgBH,GAEtC,OACEI,EAAA,MAAA,CACEC,UAAWC,EAAWC,EAAOC,cAAkBD,EAAAA,CAAAA,EAAAA,EAAOE,SAAWb,IACjEc,QAAS,WAAA,OAAMb,EAASF,EAAa,EAAAgB,SAErC,CAAAP,EAAA,MAAA,CAAKC,UAAWE,EAAOK,OAAOD,SAC5B,CAAAP,EAAA,MAAA,CAAKC,UAAWE,EAAOM,QAAQF,SAAA,CAC7BG,EAACC,EAAI,CACH1B,MAAOM,SAAA,QAAWF,EAAXE,EAAaM,YAAb,IAAAR,OAAW,EAAXA,EAAmBuB,GAC1BC,QAAS,CACPC,KAAMZ,EAAWC,EAAOY,SAAaZ,EAAAA,CAAAA,EAAAA,EAAOa,aAAexB,IAC3DP,MAAOkB,EAAOc,aAGlBP,EAAA,OAAA,CAAMT,UAAWE,EAAOe,WAAWX,SAAA,WAErCP,EAAA,MAAA,CAAKC,UAAWE,EAAOgB,gBAAgBZ,SAAcX,CAAAA,eAAAA,EAAWwB,aAGjExB,EAAWwB,OAAS,GACnBV,EAAA,MAAA,CAAKT,UAAWC,EAAWC,EAAOkB,UAAclB,EAAAA,CAAAA,EAAAA,EAAOmB,gBAAkBhC,IAAYiB,SAClFT,EAAcyB,KAAI,SAACC,EAAWC,GAAK,OAClCf,EAACgB,EACC,CAEAF,UAAWA,EACXG,MAAsB7B,eAAAA,OAAAA,EAAcsB,OAAgB,WACpD1B,OAAQA,GAAO,YAAAkC,OAHEH,UASvB9B,IAAoBL,GAAYM,EAAWwB,OAAS,GACpDV,EAAA,MAAA,CAAKT,UAAWE,EAAO0B,iBAAiBtB,SACrCxB,EAAewC,KAAI,SAAAO,GAAM,OACxB9B,EAAA,MAAA,CAAsBC,UAAWE,EAAO4B,WAAWxB,SACjD,CAAAP,EAAA,MAAA,CAAKC,UAAWE,EAAO6B,kBAAkBzB,SACvC,CAAAG,EAAA,MAAA,CAAKT,UAAWE,EAAO8B,gBAAgB1B,SAAEuB,EAAO7C,QAChDyB,EAAA,MAAA,CAAKT,UAAWE,EAAO+B,gBAAgB3B,SAAA,WAEzB,QAAfuB,EAAO9C,KAAiB0B,EAAA,MAAA,CAAKT,UAAWE,EAAOgC,oBALxCL,EAAO9C,UAWA,IAAtBY,EAAWwB,QACVV,EAAA,MAAA,CAAKT,UAAWC,EAAWC,EAAOiC,aAAiBjC,EAAAA,CAAAA,EAAAA,EAAOkC,mBAAqB/C,IAAYiB,SAAA,oBAMnG,CAEArB,EAAQoD,UAAY,CAClB/C,YAAagD,EAAM,CACjB1C,KAAM0C,EAAM,CAAE3C,WAAY4C,EAAQD,EAAM,CAAA,QAE1C/C,WAAYiD,EACZhD,SAAUiD,EAAKC,WACfjD,OAAQkD,EACRjD,gBAAiB8C,EACjBnD,SAAUmD,GAGZvD,EAAQ2D,aAAe,CACrBtD,YAAa,KACbC,YAAY,EACZE,OAAQ,GACRC,iBAAiB,EACjBL,UAAU"}
+{"version":3,"file":"BHATile.js","sources":["../../../../src/components/Drillstring/BHATile/BHATile.js"],"sourcesContent":["import { shape, bool, func, arrayOf, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { Chip } from '@material-ui/core';\n\nimport BHATileIcon from '../BHATileIcon';\n\nimport styles from './styles.css';\n\nimport { getBHASchematic } from '~/utils/bha';\n\nconst MetricsColumns = [\n  { key: 'tfa', label: 'TFA' },\n  { key: 'cpl', label: 'CPL at TD' },\n  { key: 'sp', label: 'SP at TD' },\n  { key: 'ecd', label: 'ECD at TD' },\n];\n\nfunction BHATile({\n  isMobile = false,\n  drillstring = null,\n  isSelected = false,\n  onSelect,\n  height = 16,\n  isMetricsHidden = false,\n}) {\n  const components = drillstring?.data?.components || [];\n  const schematicData = getBHASchematic(components);\n\n  return (\n    <div\n      className={classNames(styles.tileContainer, { [styles.selected]: isSelected })}\n      onClick={() => onSelect(drillstring)}\n    >\n      <div className={styles.header}>\n        <div className={styles.bhaTile}>\n          <Chip\n            label={drillstring?.data?.id}\n            classes={{\n              root: classNames(styles.rootChip, { [styles.selectedChip]: isSelected }),\n              label: styles.chipLabel,\n            }}\n          />\n          <span className={styles.bhaCaption}>BHA</span>\n        </div>\n        <div className={styles.componentsCount}>Components: {components.length}</div>\n      </div>\n\n      {components.length > 0 && (\n        <div className={classNames(styles.schematic, { [styles.schematicMobile]: isMobile })}>\n          {schematicData.map((component, index) => (\n            <BHATileIcon\n              // eslint-disable-next-line react/no-array-index-key\n              key={`bha-tile-${index}`}\n              component={component}\n              width={`calc(100% / ${schematicData.length} - 1px)`}\n              height={height}\n            />\n          ))}\n        </div>\n      )}\n\n      {!isMetricsHidden && !isMobile && components.length > 0 && (\n        <div className={styles.metricsContainer}>\n          {MetricsColumns.map(metric => (\n            <div key={metric.key} className={styles.metricItem}>\n              <div className={styles.metricItemContent}>\n                <div className={styles.metricItemLabel}>{metric.label}</div>\n                <div className={styles.metricItemValue}>0.0</div>\n              </div>\n              {metric.key !== 'ecd' && <div className={styles.metricItemSplit} />}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {components.length === 0 && (\n        <div className={classNames(styles.noComponents, { [styles.noComponentsMobile]: isMobile })}>\n          No Components\n        </div>\n      )}\n    </div>\n  );\n}\n\nBHATile.propTypes = {\n  drillstring: shape({\n    data: shape({ components: arrayOf(shape({})) }),\n  }),\n  isSelected: bool,\n  onSelect: func.isRequired,\n  height: number,\n  isMetricsHidden: bool,\n  isMobile: bool,\n};\n\nexport default BHATile;\n"],"names":["MetricsColumns","key","label","BHATile","_ref","_drillstring$data","_drillstring$data2","_ref$isMobile","isMobile","_ref$drillstring","drillstring","_ref$isSelected","isSelected","onSelect","_ref$height","height","_ref$isMetricsHidden","isMetricsHidden","components","data","schematicData","getBHASchematic","_jsxs","className","classNames","styles","tileContainer","selected","onClick","children","header","bhaTile","_jsx","Chip","id","classes","root","rootChip","selectedChip","chipLabel","bhaCaption","componentsCount","length","schematic","schematicMobile","map","component","index","BHATileIcon","width","concat","metricsContainer","metric","metricItem","metricItemContent","metricItemLabel","metricItemValue","metricItemSplit","noComponents","noComponentsMobile","propTypes","shape","arrayOf","bool","func","isRequired","number"],"mappings":"kXAUA,IAAMA,EAAiB,CACrB,CAAEC,IAAK,MAAOC,MAAO,OACrB,CAAED,IAAK,MAAOC,MAAO,aACrB,CAAED,IAAK,KAAMC,MAAO,YACpB,CAAED,IAAK,MAAOC,MAAO,cAGvB,SAASC,EAONC,GAAA,IAAAC,EAAAC,EAAAC,EAAAH,EANDI,SAAAA,cAAgBD,EAAAE,EAAAL,EAChBM,YAAAA,aAAc,KAAID,EAAAE,EAAAP,EAClBQ,WAAAA,cAAkBD,EAClBE,IAAAA,SAAQC,EAAAV,EACRW,OAAAA,aAAS,GAAED,EAAAE,EAAAZ,EACXa,gBAAAA,cAAuBD,EAEjBE,GAAaR,SAAiB,QAANL,EAAXK,EAAaS,YAAI,IAAAd,OAAN,EAAXA,EAAmBa,aAAc,GAC9CE,EAAgBC,EAAgBH,GAEtC,OACEI,EAAA,MAAA,CACEC,UAAWC,EAAWC,EAAOC,cAAkBD,EAAAA,CAAAA,EAAAA,EAAOE,SAAWf,IACjEgB,QAAS,WAAA,OAAMf,EAASH,EAAa,EAAAmB,SAErC,CAAAP,EAAA,MAAA,CAAKC,UAAWE,EAAOK,OAAOD,SAC5B,CAAAP,EAAA,MAAA,CAAKC,UAAWE,EAAOM,QAAQF,SAAA,CAC7BG,EAACC,EAAI,CACH/B,MAAOQ,SAAA,QAAWJ,EAAXI,EAAaS,YAAb,IAAAb,OAAW,EAAXA,EAAmB4B,GAC1BC,QAAS,CACPC,KAAMZ,EAAWC,EAAOY,SAAaZ,EAAAA,CAAAA,EAAAA,EAAOa,aAAe1B,IAC3DV,MAAOuB,EAAOc,aAGlBP,EAAA,OAAA,CAAMT,UAAWE,EAAOe,WAAWX,SAAA,WAErCP,EAAA,MAAA,CAAKC,UAAWE,EAAOgB,gBAAgBZ,SAAcX,CAAAA,eAAAA,EAAWwB,aAGjExB,EAAWwB,OAAS,GACnBV,EAAA,MAAA,CAAKT,UAAWC,EAAWC,EAAOkB,UAAclB,EAAAA,CAAAA,EAAAA,EAAOmB,gBAAkBpC,IAAYqB,SAClFT,EAAcyB,KAAI,SAACC,EAAWC,GAAK,OAClCf,EAACgB,EACC,CAEAF,UAAWA,EACXG,MAAsB7B,eAAAA,OAAAA,EAAcsB,OAAgB,WACpD3B,OAAQA,GAAO,YAAAmC,OAHEH,UASvB9B,IAAoBT,GAAYU,EAAWwB,OAAS,GACpDV,EAAA,MAAA,CAAKT,UAAWE,EAAO0B,iBAAiBtB,SACrC7B,EAAe6C,KAAI,SAAAO,GAAM,OACxB9B,EAAA,MAAA,CAAsBC,UAAWE,EAAO4B,WAAWxB,SACjD,CAAAP,EAAA,MAAA,CAAKC,UAAWE,EAAO6B,kBAAkBzB,SACvC,CAAAG,EAAA,MAAA,CAAKT,UAAWE,EAAO8B,gBAAgB1B,SAAEuB,EAAOlD,QAChD8B,EAAA,MAAA,CAAKT,UAAWE,EAAO+B,gBAAgB3B,SAAA,WAEzB,QAAfuB,EAAOnD,KAAiB+B,EAAA,MAAA,CAAKT,UAAWE,EAAOgC,oBALxCL,EAAOnD,UAWA,IAAtBiB,EAAWwB,QACVV,EAAA,MAAA,CAAKT,UAAWC,EAAWC,EAAOiC,aAAiBjC,EAAAA,CAAAA,EAAAA,EAAOkC,mBAAqBnD,IAAYqB,SAAA,oBAMnG,CAEA1B,EAAQyD,UAAY,CAClBlD,YAAamD,EAAM,CACjB1C,KAAM0C,EAAM,CAAE3C,WAAY4C,EAAQD,EAAM,CAAA,QAE1CjD,WAAYmD,EACZlD,SAAUmD,EAAKC,WACflD,OAAQmD,EACRjD,gBAAiB8C,EACjBvD,SAAUuD"}

package/components/Drillstring/BhaIndicator/BhaIndicator.d.ts

@@ -1,13 +1,10 @@
 declare function BhaIndicator({ align }: {
-    align: any;
+    align?: string | undefined;
 }): import("react").JSX.Element;
 declare namespace BhaIndicator {
     var propTypes: {
         align: import("prop-types").Requireable<string>;
     };
-    var defaultProps: {
-        align: string;
-    };
 }
 export default BhaIndicator;
 //# sourceMappingURL=BhaIndicator.d.ts.map

package/components/Drillstring/BhaIndicator/BhaIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BhaIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/BhaIndicator/BhaIndicator.js"],"names":[],"mappings":"8BAUsB,EAAE,KAAK,EAAE;;CAAA;;;;;;;;;eA0ChB,YAAY"}
+{"version":3,"file":"BhaIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/BhaIndicator/BhaIndicator.js"],"names":[],"mappings":"8BAUsB,EAAE,KAAe,EAAE;;CAAA;;;;;;eAsC1B,YAAY"}

package/components/Drillstring/BhaIndicator/BhaIndicator.js

@@ -1,2 +1,2 @@
-import a from"@babel/runtime/helpers/defineProperty";import{oneOf as i}from"prop-types";import r from"classnames";import e from"./styles.css.js";import{jsxs as d,jsx as l}from"react/jsx-runtime";var c="left",o="right",t=function(i){var t,s=i.align;return d("div",{className:r(e.bhaIndicator,(t={},a(t,e.bhaIndicatorLeft,s===c),a(t,e.bhaIndicatorRight,s===o),t)),children:[d("div",{children:[l("div",{className:e.bhaIndicatorColorBit}),l("div",{className:e.bhaIndicatorLabel,children:"Bit"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorUr}),l("div",{className:e.bhaIndicatorLabel,children:"Under Reamer"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorRss}),l("div",{className:e.bhaIndicatorLabel,children:"RSS"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorPdm}),l("div",{className:e.bhaIndicatorLabel,children:"PDM"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorOther}),l("div",{className:e.bhaIndicatorLabel,children:"Non-mag"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorStabilizer}),l("div",{className:e.bhaIndicatorLabel,children:"Stabilizer"})]})]})};t.propTypes={align:i(["left","right"])},t.defaultProps={align:"right"};export{t as default};
+import a from"@babel/runtime/helpers/defineProperty";import{oneOf as i}from"prop-types";import r from"classnames";import e from"./styles.css.js";import{jsxs as d,jsx as l}from"react/jsx-runtime";var c="left",o="right",t=function(i){var t,s=i.align,n=void 0===s?"right":s;return d("div",{className:r(e.bhaIndicator,(t={},a(t,e.bhaIndicatorLeft,n===c),a(t,e.bhaIndicatorRight,n===o),t)),children:[d("div",{children:[l("div",{className:e.bhaIndicatorColorBit}),l("div",{className:e.bhaIndicatorLabel,children:"Bit"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorUr}),l("div",{className:e.bhaIndicatorLabel,children:"Under Reamer"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorRss}),l("div",{className:e.bhaIndicatorLabel,children:"RSS"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorPdm}),l("div",{className:e.bhaIndicatorLabel,children:"PDM"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorOther}),l("div",{className:e.bhaIndicatorLabel,children:"Non-mag"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorStabilizer}),l("div",{className:e.bhaIndicatorLabel,children:"Stabilizer"})]})]})};t.propTypes={align:i(["left","right"])};export{t as default};
 //# sourceMappingURL=BhaIndicator.js.map

package/components/Drillstring/BhaIndicator/BhaIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"BhaIndicator.js","sources":["../../../../src/components/Drillstring/BhaIndicator/BhaIndicator.js"],"sourcesContent":["import { oneOf } from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.css';\n\nconst ALIGNS = {\n  left: 'left',\n  right: 'right',\n};\n\nconst BhaIndicator = ({ align }) => (\n  <div\n    className={classNames(styles.bhaIndicator, {\n      [styles.bhaIndicatorLeft]: align === ALIGNS.left,\n      [styles.bhaIndicatorRight]: align === ALIGNS.right,\n    })}\n  >\n    <div>\n      <div className={styles.bhaIndicatorColorBit} />\n      <div className={styles.bhaIndicatorLabel}>Bit</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorUr} />\n      <div className={styles.bhaIndicatorLabel}>Under Reamer</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorRss} />\n      <div className={styles.bhaIndicatorLabel}>RSS</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorPdm} />\n      <div className={styles.bhaIndicatorLabel}>PDM</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorOther} />\n      <div className={styles.bhaIndicatorLabel}>Non-mag</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorStabilizer} />\n      <div className={styles.bhaIndicatorLabel}>Stabilizer</div>\n    </div>\n  </div>\n);\n\nBhaIndicator.propTypes = {\n  align: oneOf(['left', 'right']),\n};\n\nBhaIndicator.defaultProps = {\n  align: 'right',\n};\n\nexport default BhaIndicator;\n"],"names":["ALIGNS","BhaIndicator","_ref","_classNames","align","_jsxs","className","classNames","styles","bhaIndicator","_defineProperty","bhaIndicatorLeft","bhaIndicatorRight","children","_jsx","bhaIndicatorColorBit","bhaIndicatorLabel","bhaIndicatorColorUr","bhaIndicatorColorRss","bhaIndicatorColorPdm","bhaIndicatorColorOther","bhaIndicatorColorStabilizer","propTypes","oneOf","defaultProps"],"mappings":"mMAKA,IAAMA,EACE,OADFA,EAEG,QAGHC,EAAe,SAAHC,GAAA,IAAAC,EAAMC,IAAAA,MAAK,OAC3BC,EAAA,MAAA,CACEC,UAAWC,EAAWC,EAAOC,cAAYN,EAAA,CAAA,EAAAO,EAAAP,EACtCK,EAAOG,iBAAmBP,IAAUJ,GACpCQ,EAAAA,EAAAA,EAAOI,kBAAoBR,IAAUJ,GACrCG,IAAAU,SAEH,CAAAR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOO,uBACvBD,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,WAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOS,sBACvBH,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,oBAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOU,uBACvBJ,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,WAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOW,uBACvBL,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,WAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOY,yBACvBN,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,eAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOa,8BACvBP,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,oBAEvC,EAGRZ,EAAaqB,UAAY,CACvBlB,MAAOmB,EAAM,CAAC,OAAQ,WAGxBtB,EAAauB,aAAe,CAC1BpB,MAAO"}
+{"version":3,"file":"BhaIndicator.js","sources":["../../../../src/components/Drillstring/BhaIndicator/BhaIndicator.js"],"sourcesContent":["import { oneOf } from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.css';\n\nconst ALIGNS = {\n  left: 'left',\n  right: 'right',\n};\n\nconst BhaIndicator = ({ align = 'right' }) => (\n  <div\n    className={classNames(styles.bhaIndicator, {\n      [styles.bhaIndicatorLeft]: align === ALIGNS.left,\n      [styles.bhaIndicatorRight]: align === ALIGNS.right,\n    })}\n  >\n    <div>\n      <div className={styles.bhaIndicatorColorBit} />\n      <div className={styles.bhaIndicatorLabel}>Bit</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorUr} />\n      <div className={styles.bhaIndicatorLabel}>Under Reamer</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorRss} />\n      <div className={styles.bhaIndicatorLabel}>RSS</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorPdm} />\n      <div className={styles.bhaIndicatorLabel}>PDM</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorOther} />\n      <div className={styles.bhaIndicatorLabel}>Non-mag</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorStabilizer} />\n      <div className={styles.bhaIndicatorLabel}>Stabilizer</div>\n    </div>\n  </div>\n);\n\nBhaIndicator.propTypes = {\n  align: oneOf(['left', 'right']),\n};\n\nexport default BhaIndicator;\n"],"names":["ALIGNS","BhaIndicator","_ref","_classNames","_ref$align","align","_jsxs","className","classNames","styles","bhaIndicator","_defineProperty","bhaIndicatorLeft","bhaIndicatorRight","children","_jsx","bhaIndicatorColorBit","bhaIndicatorLabel","bhaIndicatorColorUr","bhaIndicatorColorRss","bhaIndicatorColorPdm","bhaIndicatorColorOther","bhaIndicatorColorStabilizer","propTypes","oneOf"],"mappings":"mMAKA,IAAMA,EACE,OADFA,EAEG,QAGHC,EAAe,SAAHC,GAAA,IAAAC,EAAAC,EAAAF,EAAMG,MAAAA,aAAQ,QAAOD,EAAA,OACrCE,EAAA,MAAA,CACEC,UAAWC,EAAWC,EAAOC,cAAYP,EAAA,CAAA,EAAAQ,EAAAR,EACtCM,EAAOG,iBAAmBP,IAAUL,GACpCS,EAAAA,EAAAA,EAAOI,kBAAoBR,IAAUL,GACrCG,IAAAW,SAEH,CAAAR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOO,uBACvBD,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,WAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOS,sBACvBH,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,oBAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOU,uBACvBJ,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,WAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOW,uBACvBL,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,WAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOY,yBACvBN,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,eAE3CR,EAAA,MAAA,CAAAQ,SACE,CAAAC,EAAA,MAAA,CAAKR,UAAWE,EAAOa,8BACvBP,EAAA,MAAA,CAAKR,UAAWE,EAAOQ,kBAAkBH,SAAA,oBAEvC,EAGRb,EAAasB,UAAY,CACvBlB,MAAOmB,EAAM,CAAC,OAAQ"}

package/components/Drillstring/DrillstringDetail/DrillstringDetail.d.ts

@@ -11,9 +11,6 @@ declare namespace DrillstringDetail {
         unit: import("prop-types").Validator<string>;
         onDone: import("prop-types").Validator<(...args: any[]) => any>;
     };
-    var defaultProps: {
-        holeDepth: undefined;
-    };
 }
 export default DrillstringDetail;
 //# sourceMappingURL=DrillstringDetail.d.ts.map

package/components/Drillstring/DrillstringDetail/DrillstringDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrillstringDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"names":[],"mappings":"mCAW2B,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE;;;;;CAAA;;;;;;;;;;;;eA2DxD,iBAAiB"}
+{"version":3,"file":"DrillstringDetail.d.ts","sourceRoot":"","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"names":[],"mappings":"mCAW2B,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE;;;;;CAAA;;;;;;;;;eAuDxD,iBAAiB"}

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{shape as n,number as i,string as o,func as r}from"prop-types";import{useState as t,useMemo as l}from"react";import{Button as a,Dialog as d,DialogContent as s}from"@material-ui/core";import c from"../BHATable/index.js";import p from"../BHAComponentDetail/index.js";import m from"./styles.css.js";import{convertValue as u}from"../../../utils/index.js";import{jsxs as f,jsx as h}from"react/jsx-runtime";var v=function(n){var i,o,r,v=n.onDone,D=n.drillStringInfo,T=n.holeDepth,N=n.unit,j=t(),x=e(j,2),A=x[0],C=x[1],S=null===(i=D.data)||void 0===i?void 0:i.id,y=Math.floor(u(null===(o=D.data)||void 0===o?void 0:o.start_depth,"length","ft")),B=(null===(r=D.data)||void 0===r?void 0:r.components)||[],H=l((function(){return B.find((function(e){return e.id===A}))}),[B,A]);return f("div",{className:m.detailsPane,children:[f("header",{children:[h(a,{variant:"contained",className:m.detailDone,onClick:v,children:"Close"}),f("div",{className:m.detailTitleGroup,children:[h("span",{className:m.detailTitle,children:"BHA Details"}),h("span",{className:m.detailTitleSeparator,children:" · "}),f("span",{className:m.detailTitleMore,children:["BHA # ",S]}),h("span",{className:m.detailTitleSeparator,children:" · "}),h("span",{className:m.detailTitleMore,children:"".concat(y," - ").concat(T," ").concat(N)})]})]}),h(c,{components:B,onSelectComponent:function(e){var n=e.id;return C(n)}}),h(d,{open:!!A,onClose:function(){return C(null)},scroll:"paper",children:h(s,{children:h(p,{component:H,onDone:function(){return C(null)}})})})]})};v.propTypes={drillStringInfo:n().isRequired,holeDepth:i,unit:o.isRequired,onDone:r.isRequired},v.defaultProps={holeDepth:void 0};export{v as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{shape as n,number as i,string as r,func as t}from"prop-types";import{useState as o,useMemo as l}from"react";import{Button as a,Dialog as d,DialogContent as s}from"@material-ui/core";import c from"../BHATable/index.js";import p from"../BHAComponentDetail/index.js";import m from"./styles.css.js";import{convertValue as u}from"../../../utils/index.js";import{jsxs as f,jsx as h}from"react/jsx-runtime";var v=function(n){var i,r,t,v=n.onDone,T=n.drillStringInfo,D=n.holeDepth,N=n.unit,j=o(),x=e(j,2),A=x[0],C=x[1],S=null===(i=T.data)||void 0===i?void 0:i.id,y=Math.floor(u(null===(r=T.data)||void 0===r?void 0:r.start_depth,"length","ft")),B=(null===(t=T.data)||void 0===t?void 0:t.components)||[],H=l((function(){return B.find((function(e){return e.id===A}))}),[B,A]);return f("div",{className:m.detailsPane,children:[f("header",{children:[h(a,{variant:"contained",className:m.detailDone,onClick:v,children:"Close"}),f("div",{className:m.detailTitleGroup,children:[h("span",{className:m.detailTitle,children:"BHA Details"}),h("span",{className:m.detailTitleSeparator,children:" · "}),f("span",{className:m.detailTitleMore,children:["BHA # ",S]}),h("span",{className:m.detailTitleSeparator,children:" · "}),h("span",{className:m.detailTitleMore,children:"".concat(y," - ").concat(D," ").concat(N)})]})]}),h(c,{components:B,onSelectComponent:function(e){var n=e.id;return C(n)}}),h(d,{open:!!A,onClose:function(){return C(null)},scroll:"paper",children:h(s,{children:h(p,{component:H,onDone:function(){return C(null)}})})})]})};v.propTypes={drillStringInfo:n().isRequired,holeDepth:i,unit:r.isRequired,onDone:t.isRequired};export{v as default};
 //# sourceMappingURL=DrillstringDetail.js.map

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nDrillstringDetail.defaultProps = {\n  holeDepth: undefined,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func","defaultProps","undefined"],"mappings":"2cAWA,IAAMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,IAAUC,EAAAC,EAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAiC,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,GAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAA,SAAA,CAAAI,SAAA,CACEC,EAACC,EAAM,CAACC,QAAQ,YAAYN,UAAWC,EAAOM,WAAYC,QAASjC,EAAO4B,SAAA,UAG1EJ,EAAA,MAAA,CAAKC,UAAWC,EAAOQ,iBAAiBN,SACtC,CAAAC,EAAA,OAAA,CAAMJ,UAAWC,EAAOS,YAAYP,SAAA,gBACpCC,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CJ,EAAA,OAAA,CAAMC,UAAWC,EAAOW,gBAAgBT,SAAA,CAAA,SAAQlB,KAChDmB,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CC,EAAA,OAAA,CAAMJ,UAAWC,EAAOW,gBAAgBT,SAAA,GAAAU,OAAKzB,EAAU,OAAAyB,OAAMpC,EAAS,KAAAoC,OAAInC,WAI9E0B,EAACU,EAAQ,CACPpB,WAAYD,EACZsB,kBAAmB,SAAAC,GAAA,IAAG7B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DiB,EAACa,EAAM,CACLC,OAAQnC,EACRoC,QAAS,WAAA,OAAMnC,EAAuB,KAAM,EAC5CoC,OAAO,QAAOjB,SAEdC,EAACiB,EAAa,CAAAlB,SACZC,EAACkB,EAAkB,CACjBxB,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBqD,UAAY,CAC5B/C,gBAAiBgD,IAAQC,WACzBhD,UAAWiD,EACXhD,KAAMiD,EAAOF,WACblD,OAAQqD,EAAKH,YAGfvD,EAAkB2D,aAAe,CAC/BpD,eAAWqD"}
+{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nimport { convertValue } from '~/utils';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","_ref","_drillStringInfo$data","_drillStringInfo$data2","_drillStringInfo$data3","onDone","drillStringInfo","holeDepth","unit","_useState","useState","_useState2","_slicedToArray","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","className","styles","detailsPane","children","_jsx","Button","variant","detailDone","onClick","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","concat","BHATable","onSelectComponent","_ref2","Dialog","open","onClose","scroll","DialogContent","BHAComponentDetail","propTypes","shape","isRequired","number","string","func"],"mappings":"2cAWA,IAAMA,EAAoB,SAAkDC,GAAA,IAAAC,EAAAC,EAAAC,EAA/CC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,UAAWC,IAAAA,KAC/DC,EAAsDC,IAAUC,EAAAC,EAAAH,EAAA,GAAzDI,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAA4B,QAApBT,EAAAA,EAAgBU,YAAI,IAAAd,OAAA,EAApBA,EAAsBe,GAC9BC,EAAaC,KAAKC,MAAMC,EAAiC,QAApBf,EAAAA,EAAgBU,YAAI,IAAAb,OAAA,EAApBA,EAAsBmB,YAAa,SAAU,OAElFC,GAAgB,QAAAnB,EAAAE,EAAgBU,YAAhB,IAAAZ,OAAA,EAAAA,EAAsBoB,aAAc,GAEpDC,EAAuBC,GAAQ,WACnC,OAAOH,EAAcI,MAAK,SAAAC,GAAS,OAAIA,EAAUX,KAAOJ,IAC1D,GAAG,CAACU,EAAeV,IAEnB,OACEgB,EAAA,MAAA,CAAKC,UAAWC,EAAOC,YAAYC,SACjC,CAAAJ,EAAA,SAAA,CAAAI,SAAA,CACEC,EAACC,EAAM,CAACC,QAAQ,YAAYN,UAAWC,EAAOM,WAAYC,QAASjC,EAAO4B,SAAA,UAG1EJ,EAAA,MAAA,CAAKC,UAAWC,EAAOQ,iBAAiBN,SACtC,CAAAC,EAAA,OAAA,CAAMJ,UAAWC,EAAOS,YAAYP,SAAA,gBACpCC,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CJ,EAAA,OAAA,CAAMC,UAAWC,EAAOW,gBAAgBT,SAAA,CAAA,SAAQlB,KAChDmB,EAAA,OAAA,CAAMJ,UAAWC,EAAOU,qBAAqBR,SAAA,QAC7CC,EAAA,OAAA,CAAMJ,UAAWC,EAAOW,gBAAgBT,SAAA,GAAAU,OAAKzB,EAAU,OAAAyB,OAAMpC,EAAS,KAAAoC,OAAInC,WAI9E0B,EAACU,EAAQ,CACPpB,WAAYD,EACZsB,kBAAmB,SAAAC,GAAA,IAAG7B,IAAAA,GAAE,OAAOH,EAAuBG,EAAG,IAG3DiB,EAACa,EAAM,CACLC,OAAQnC,EACRoC,QAAS,WAAA,OAAMnC,EAAuB,KAAM,EAC5CoC,OAAO,QAAOjB,SAEdC,EAACiB,EAAa,CAAAlB,SACZC,EAACkB,EAAkB,CACjBxB,UAAWH,EACXpB,OAAQ,WAAA,OAAMS,EAAuB,KAAK,UAMtD,EAEAd,EAAkBqD,UAAY,CAC5B/C,gBAAiBgD,IAAQC,WACzBhD,UAAWiD,EACXhD,KAAMiD,EAAOF,WACblD,OAAQqD,EAAKH"}

package/components/EChartsWrapper/EChartsWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EChartsWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/EChartsWrapper/EChartsWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAEF,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAa,iBAAiB,EAAiC,MAAM,SAAS,CAAC;AAiBtF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CA+W5D,CAAC;eAMa,cAAc"}
+{"version":3,"file":"EChartsWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/EChartsWrapper/EChartsWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAEF,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAa,iBAAiB,EAAiC,MAAM,SAAS,CAAC;AAiBtF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CA+W5D,CAAC;eAIa,cAAc"}

package/components/EChartsWrapper/EChartsWrapper.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as r,useState as o,useEffect as n,Children as a,isValidElement as i,cloneElement as s}from"react";import{noop as d}from"lodash";import{makeStyles as l,useTheme as u}from"@material-ui/core";import c from"classnames";import{Toolbox as x}from"./components/Toolbox/Toolbox.js";import{jsxs as y,jsx as m}from"react/jsx-runtime";function f(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function p(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?f(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var h=l((function(){return{container:{position:"relative",width:"100%",height:"100%"}}})),v=function(t){var d=t.containerClassName,l=t.customToolboxContainerClass,f=t.onDataZoom,v=t.toolboxProps,b=t.children,M=h(),g=r(null),O=g.current,A=u(),Z=o(!1),C=e(Z,2),F=C[0],j=C[1],P=o(!1),w=e(P,2),E=w[0],T=w[1],I=o(!0),S=e(I,2),D=S[0],k=S[1],W=o(!1),z=e(W,2),B=z[0],N=z[1],R=r(null),G=o(null),V=e(G,2),q=V[0],H=V[1],J=function(t){var e,r;if(O&&R.current){var o=O.getOption(),n=o.series;if(!((null===(e=o.xAxis)||void 0===e?void 0:e.length)>1||(null===(r=o.yAxis)||void 0===r?void 0:r.length)>1))if(!(Array.isArray(n)?n.reduce((function(t,e){return t.concat(e.data)}),[]):n.data).some((function(e){return Array.isArray(e)?e[0]>t.x.start&&e[0]<t.x.end&&e[1]>t.y.start&&e[1]<t.y.end:e.x>t.x.start&&e.x<t.x.end&&e.y>t.y.start&&e.y<t.y.end})))return;var a=100*Math.abs(t.x.start-R.current.x.start),i=100*Math.abs(t.x.end-R.current.x.start),s=100*Math.abs(t.y.start-R.current.y.start),d=100*Math.abs(t.y.end-R.current.y.start),l=s/Math.abs(R.current.y.start-R.current.y.end),u=d/Math.abs(R.current.y.start-R.current.y.end),c=a/Math.abs(R.current.x.start-R.current.x.end),x=i/Math.abs(R.current.x.start-R.current.x.end);O.dispatchAction({type:"dataZoom",moveOnMouseMove:E,filterMode:"none",rangeMode:["percent","percent"],batch:[{start:+c.toFixed(2),end:+x.toFixed(2),dataZoomIndex:0},{start:+l.toFixed(2),end:+u.toFixed(2),dataZoomIndex:1}]})}},K=function(){var t,r,o,n,a,i,s,d,l=null==O||null===(t=O.getModel())||void 0===t||null===(r=t.getComponent("xAxis",0))||void 0===r||null===(o=r.axis)||void 0===o||null===(n=o.scale)||void 0===n?void 0:n.getExtent(),u=null==O||null===(a=O.getModel())||void 0===a||null===(i=a.getComponent("yAxis",0))||void 0===i||null===(s=i.axis)||void 0===s||null===(d=s.scale)||void 0===d?void 0:d.getExtent();if(l&&u){var c=e(l,2),x=c[0],y=c[1],m=e(u,2),f=m[0],p=m[1];R.current={x:{start:+x.toFixed(2),end:+y.toFixed(2)},y:{start:+f.toFixed(2),end:+p.toFixed(2)}}}},L=function(){N(!1),T(!1),k(!0),null==O||O.dispatchAction({type:"dataZoom",start:0,end:100,rangeMode:["percent","percent"]})},Q=function(t){var r,o,n=0===t.start&&100===t.end,a=null===(r=t.batch)||void 0===r||null===(o=r[0])||void 0===o?void 0:o.startValue;n&&K(),N(!!a||!n),function(){if(O){var t=O.getModel().getComponent("yAxis",0).axis.scale.getExtent(),r=e(t,2),o=r[0],n=r[1],a=O.getModel().getComponent("xAxis",0).axis.scale.getExtent(),i=e(a,2),s={x:{start:i[0],end:i[1]},y:{start:o,end:n}};H(s),null==f||f(s)}}()};n((function(){O&&(B||K(),F&&(O.setOption({toolbox:{show:!0,width:0,height:0,feature:{dataZoom:{show:!0,icon:null,brushStyle:{borderWidth:0,opacity:.1,color:A.palette.primary.light}}}},dataZoom:[{type:"inside",xAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:!1},{type:"inside",yAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:!1}]},{replaceMerge:"dataZoom"}),O.on("dataZoom",Q),j(!1),O.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:!0})))}),[O,F,B]),n((function(){var t=null==O?void 0:O.getZr();if(null!=t&&t.dom){var e=Array.from(t.dom.getElementsByTagName("canvas")).at(-1);e?e.style.cursor=E?"grab":D?"crosshair":"default":console.error("Canvas not found")}}),[O,E,D]),n((function(){O&&O.setOption({dataZoom:[{type:"inside",xAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:E},{type:"inside",yAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:E}]})}),[E]),n((function(){null==O||O.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:D})}),[D]);return y("div",{className:c(M.container,d),children:[a.map(b,(function(t){if(!i(t))return t;var e,r=t.props.onChartReady;return s(t,{onChartReady:(e=r,function(t){e&&e(t),j(!0),g.current=t})})})),m(x,p(p({},v),{},{handleTogglePane:function(t){return T(t)},handleToggleBrush:function(t){return k(t)},isPaneEnabled:E,isBrushEnabled:D,isZoomed:B,chart:O,handleZoomReset:L,handleZoomOut:function(){if(R.current&&q){var t=.05*Math.abs(R.current.x.start-R.current.x.end),e=.05*Math.abs(R.current.y.start-R.current.y.end),r=+(q.x.start-t).toFixed(2),o=+(q.x.end+t).toFixed(2),n=+(q.y.start-e).toFixed(2),a=+(q.y.end+e).toFixed(2),i=r<=R.current.x.start||o>=R.current.x.end,s=n<=R.current.y.start||a>=R.current.y.end;if(i&&s)return L();J({x:i?R.current.x:{start:r,end:o},y:s?R.current.y:{start:n,end:a}})}},handleZoomIn:function(){B||(K(),N(!0));var t=q||R.current;if(t){var e=.05*Math.abs(t.x.start-t.x.end),r=.05*Math.abs(t.y.start-t.y.end),o=+(t.x.start+e).toFixed(2),n=+(t.x.end-e).toFixed(2),a=+(t.y.start+r).toFixed(2),i=+(t.y.end-r).toFixed(2),s=o>=n,d=a>=i;J({x:{start:s?t.x.start:o,end:s?t.x.end:n},y:{start:d?t.y.start:a,end:d?t.y.end:i}})}},customToolboxContainerClass:c(null==v?void 0:v.customToolboxContainerClass,l)}))]})};v.defaultProps={onDataZoom:d};export{v as default};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as r,useState as n,useEffect as o,Children as a,isValidElement as i,cloneElement as s}from"react";import{noop as d}from"lodash";import{makeStyles as l,useTheme as u}from"@material-ui/core";import c from"classnames";import{Toolbox as x}from"./components/Toolbox/Toolbox.js";import{jsxs as y,jsx as m}from"react/jsx-runtime";function f(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?f(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=l((function(){return{container:{position:"relative",width:"100%",height:"100%"}}})),v=function(t){var d=t.containerClassName,l=t.customToolboxContainerClass,f=t.onDataZoom,v=void 0===f?b:f,M=t.toolboxProps,g=t.children,O=h(),A=r(null),Z=A.current,C=u(),F=n(!1),j=e(F,2),P=j[0],w=j[1],E=n(!1),T=e(E,2),I=T[0],S=T[1],k=n(!0),D=e(k,2),W=D[0],z=D[1],B=n(!1),N=e(B,2),R=N[0],G=N[1],V=r(null),q=n(null),H=e(q,2),J=H[0],K=H[1],L=function(t){var e,r;if(Z&&V.current){var n=Z.getOption(),o=n.series;if(!((null===(e=n.xAxis)||void 0===e?void 0:e.length)>1||(null===(r=n.yAxis)||void 0===r?void 0:r.length)>1))if(!(Array.isArray(o)?o.reduce((function(t,e){return t.concat(e.data)}),[]):o.data).some((function(e){return Array.isArray(e)?e[0]>t.x.start&&e[0]<t.x.end&&e[1]>t.y.start&&e[1]<t.y.end:e.x>t.x.start&&e.x<t.x.end&&e.y>t.y.start&&e.y<t.y.end})))return;var a=100*Math.abs(t.x.start-V.current.x.start),i=100*Math.abs(t.x.end-V.current.x.start),s=100*Math.abs(t.y.start-V.current.y.start),d=100*Math.abs(t.y.end-V.current.y.start),l=s/Math.abs(V.current.y.start-V.current.y.end),u=d/Math.abs(V.current.y.start-V.current.y.end),c=a/Math.abs(V.current.x.start-V.current.x.end),x=i/Math.abs(V.current.x.start-V.current.x.end);Z.dispatchAction({type:"dataZoom",moveOnMouseMove:I,filterMode:"none",rangeMode:["percent","percent"],batch:[{start:+c.toFixed(2),end:+x.toFixed(2),dataZoomIndex:0},{start:+l.toFixed(2),end:+u.toFixed(2),dataZoomIndex:1}]})}},Q=function(){var t,r,n,o,a,i,s,d,l=null==Z||null===(t=Z.getModel())||void 0===t||null===(r=t.getComponent("xAxis",0))||void 0===r||null===(n=r.axis)||void 0===n||null===(o=n.scale)||void 0===o?void 0:o.getExtent(),u=null==Z||null===(a=Z.getModel())||void 0===a||null===(i=a.getComponent("yAxis",0))||void 0===i||null===(s=i.axis)||void 0===s||null===(d=s.scale)||void 0===d?void 0:d.getExtent();if(l&&u){var c=e(l,2),x=c[0],y=c[1],m=e(u,2),f=m[0],p=m[1];V.current={x:{start:+x.toFixed(2),end:+y.toFixed(2)},y:{start:+f.toFixed(2),end:+p.toFixed(2)}}}},U=function(){G(!1),S(!1),z(!0),null==Z||Z.dispatchAction({type:"dataZoom",start:0,end:100,rangeMode:["percent","percent"]})},X=function(t){var r,n,o=0===t.start&&100===t.end,a=null===(r=t.batch)||void 0===r||null===(n=r[0])||void 0===n?void 0:n.startValue;o&&Q(),G(!!a||!o),function(){if(Z){var t=Z.getModel().getComponent("yAxis",0).axis.scale.getExtent(),r=e(t,2),n=r[0],o=r[1],a=Z.getModel().getComponent("xAxis",0).axis.scale.getExtent(),i=e(a,2),s={x:{start:i[0],end:i[1]},y:{start:n,end:o}};K(s),null==v||v(s)}}()};o((function(){Z&&(R||Q(),P&&(Z.setOption({toolbox:{show:!0,width:0,height:0,feature:{dataZoom:{show:!0,icon:null,brushStyle:{borderWidth:0,opacity:.1,color:C.palette.primary.light}}}},dataZoom:[{type:"inside",xAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:!1},{type:"inside",yAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:!1}]},{replaceMerge:"dataZoom"}),Z.on("dataZoom",X),w(!1),Z.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:!0})))}),[Z,P,R]),o((function(){var t=null==Z?void 0:Z.getZr();if(null!=t&&t.dom){var e=Array.from(t.dom.getElementsByTagName("canvas")).at(-1);e?e.style.cursor=I?"grab":W?"crosshair":"default":console.error("Canvas not found")}}),[Z,I,W]),o((function(){Z&&Z.setOption({dataZoom:[{type:"inside",xAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:I},{type:"inside",yAxisIndex:"all",filterMode:"none",zoomOnMouseWheel:!1,moveOnMouseMove:I}]})}),[I]),o((function(){null==Z||Z.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:W})}),[W]);return y("div",{className:c(O.container,d),children:[a.map(g,(function(t){if(!i(t))return t;var e,r=t.props.onChartReady;return s(t,{onChartReady:(e=r,function(t){e&&e(t),w(!0),A.current=t})})})),m(x,p(p({},M),{},{handleTogglePane:function(t){return S(t)},handleToggleBrush:function(t){return z(t)},isPaneEnabled:I,isBrushEnabled:W,isZoomed:R,chart:Z,handleZoomReset:U,handleZoomOut:function(){if(V.current&&J){var t=.05*Math.abs(V.current.x.start-V.current.x.end),e=.05*Math.abs(V.current.y.start-V.current.y.end),r=+(J.x.start-t).toFixed(2),n=+(J.x.end+t).toFixed(2),o=+(J.y.start-e).toFixed(2),a=+(J.y.end+e).toFixed(2),i=r<=V.current.x.start||n>=V.current.x.end,s=o<=V.current.y.start||a>=V.current.y.end;if(i&&s)return U();L({x:i?V.current.x:{start:r,end:n},y:s?V.current.y:{start:o,end:a}})}},handleZoomIn:function(){R||(Q(),G(!0));var t=J||V.current;if(t){var e=.05*Math.abs(t.x.start-t.x.end),r=.05*Math.abs(t.y.start-t.y.end),n=+(t.x.start+e).toFixed(2),o=+(t.x.end-e).toFixed(2),a=+(t.y.start+r).toFixed(2),i=+(t.y.end-r).toFixed(2),s=n>=o,d=a>=i;L({x:{start:s?t.x.start:n,end:s?t.x.end:o},y:{start:d?t.y.start:a,end:d?t.y.end:i}})}},customToolboxContainerClass:c(null==M?void 0:M.customToolboxContainerClass,l)}))]})},b=d;export{v as default};
 //# sourceMappingURL=EChartsWrapper.js.map

package/components/EChartsWrapper/EChartsWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"EChartsWrapper.js","sources":["../../../src/components/EChartsWrapper/EChartsWrapper.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  FC,\n  isValidElement,\n  PropsWithChildren,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { noop } from 'lodash';\nimport { EChartsType, SeriesOption } from 'echarts';\nimport { AxisRange, ChartWrapperProps, DataZoomEvent, SeriesDataItem } from './types';\nimport { XAXisOption, YAXisOption } from 'echarts/types/dist/shared';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { Toolbox } from './components/Toolbox/Toolbox';\n\nconst AXIS_ZOOM_STEP_PERCENT = 0.05;\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nconst EChartsWrapper: FC<PropsWithChildren<ChartWrapperProps>> = ({\n  containerClassName,\n  customToolboxContainerClass,\n  onDataZoom: onDataZoomCustom,\n  toolboxProps,\n  children,\n}) => {\n  const classes = useStyles();\n  const chartRef = useRef<EChartsType | null>(null);\n  const chart = chartRef.current;\n  const theme = useTheme();\n  const [isNeedInitialOptions, setIsNeedInitialOptions] = useState(false);\n  const [isPaneEnabled, setIsPaneEnabled] = useState(false);\n  const [isBrushEnabled, setIsBrushEnabled] = useState(true);\n  const [isZoomed, setIsZoomed] = useState(false);\n  const axisRange = useRef<AxisRange | null>(null);\n  const [currentZoomRange, setCurrentZoomRange] = useState<AxisRange | null>(null);\n\n  const handleZoomChart = (range: AxisRange) => {\n    if (!chart || !axisRange.current) return;\n\n    const options = chart.getOption();\n    const series = options.series as SeriesOption[] | SeriesOption;\n    const isMultipleAxis =\n      (options.xAxis as XAXisOption[])?.length > 1 || (options.yAxis as YAXisOption[])?.length > 1;\n    if (!isMultipleAxis) {\n      const data = (\n        Array.isArray(series)\n          ? series.reduce<unknown[]>((acc, serie) => acc.concat(serie.data), [])\n          : series.data\n      ) as SeriesDataItem[];\n\n      const isDataExists = data.some((dataItem: SeriesDataItem) => {\n        // case when dot structure is [x,y]\n        if (Array.isArray(dataItem)) {\n          return (\n            dataItem[0] > range.x.start &&\n            dataItem[0] < range.x.end &&\n            dataItem[1] > range.y.start &&\n            dataItem[1] < range.y.end\n          );\n        }\n        return (\n          dataItem.x > range.x.start &&\n          dataItem.x < range.x.end &&\n          dataItem.y > range.y.start &&\n          dataItem.y < range.y.end\n        );\n      });\n\n      if (!isDataExists) return;\n    }\n\n    const absoluteXStart = Math.abs(range.x.start - axisRange.current.x.start) * 100;\n    const absoluteXEnd = Math.abs(range.x.end - axisRange.current.x.start) * 100;\n\n    const absoluteYStart = Math.abs(range.y.start - axisRange.current.y.start) * 100;\n    const absoluteYEnd = Math.abs(range.y.end - axisRange.current.y.start) * 100;\n\n    const yStartPercent =\n      absoluteYStart / Math.abs(axisRange.current.y.start - axisRange.current.y.end);\n    const yEndPercent =\n      absoluteYEnd / Math.abs(axisRange.current.y.start - axisRange.current.y.end);\n\n    const xStartPercent =\n      absoluteXStart / Math.abs(axisRange.current.x.start - axisRange.current.x.end);\n    const xEndPercent =\n      absoluteXEnd / Math.abs(axisRange.current.x.start - axisRange.current.x.end);\n\n    chart.dispatchAction({\n      type: 'dataZoom',\n      moveOnMouseMove: isPaneEnabled,\n      filterMode: 'none',\n      rangeMode: ['percent', 'percent'],\n      batch: [\n        { start: +xStartPercent.toFixed(2), end: +xEndPercent.toFixed(2), dataZoomIndex: 0 },\n        {\n          start: +yStartPercent.toFixed(2),\n          end: +yEndPercent.toFixed(2),\n          dataZoomIndex: 1,\n        },\n      ],\n    });\n  };\n\n  const handleSaveAxisRanges = () => {\n    // @ts-ignore\n    const xRange = chart?.getModel()?.getComponent('xAxis', 0)?.axis?.scale?.getExtent() as [\n      xMin: number,\n      xMax: number\n    ];\n    // @ts-ignore\n    const yRange = chart?.getModel()?.getComponent('yAxis', 0)?.axis?.scale?.getExtent() as [\n      yMin: number,\n      yMax: number\n    ];\n\n    if (xRange && yRange) {\n      const [xMin, xMax] = xRange;\n      const [yMin, yMax] = yRange;\n      axisRange.current = {\n        x: {\n          start: +xMin.toFixed(2),\n          end: +xMax.toFixed(2),\n        },\n        y: {\n          start: +yMin.toFixed(2),\n          end: +yMax.toFixed(2),\n        },\n      };\n    }\n  };\n\n  const handleSaveZoomRange = () => {\n    if (!chart) return;\n\n    // getModel is not standardized and documented\n    // https://github.com/apache/echarts/issues/16479#issuecomment-1033349403\n    // @ts-ignore\n    const [yMin, yMax] = chart.getModel().getComponent('yAxis', 0).axis.scale.getExtent();\n    // @ts-ignore\n    const [xMin, xMax] = chart.getModel().getComponent('xAxis', 0).axis.scale.getExtent();\n\n    const range = {\n      x: {\n        start: xMin,\n        end: xMax,\n      },\n      y: {\n        start: yMin,\n        end: yMax,\n      },\n    };\n    setCurrentZoomRange(range);\n    onDataZoomCustom?.(range);\n  };\n\n  const handleZoomIn = (): void => {\n    if (!isZoomed) {\n      handleSaveAxisRanges();\n      setIsZoomed(true);\n    }\n    const targetRange = currentZoomRange || axisRange.current;\n    if (!targetRange) return;\n\n    const currentXStep = Math.abs(targetRange.x.start - targetRange.x.end) * AXIS_ZOOM_STEP_PERCENT;\n    const currentYStep = Math.abs(targetRange.y.start - targetRange.y.end) * AXIS_ZOOM_STEP_PERCENT;\n\n    const XStart = +(targetRange.x.start + currentXStep).toFixed(2);\n    const XEnd = +(targetRange.x.end - currentXStep).toFixed(2);\n\n    const YStart = +(targetRange.y.start + currentYStep).toFixed(2);\n    const YEnd = +(targetRange.y.end - currentYStep).toFixed(2);\n    const isXExceeds = XStart >= XEnd;\n    const isYExceeds = YStart >= YEnd;\n\n    handleZoomChart({\n      x: {\n        start: isXExceeds ? targetRange.x.start : XStart,\n        end: isXExceeds ? targetRange.x.end : XEnd,\n      },\n      y: {\n        start: isYExceeds ? targetRange.y.start : YStart,\n        end: isYExceeds ? targetRange.y.end : YEnd,\n      },\n    });\n  };\n\n  const handleZoomOut = (): void => {\n    if (!axisRange.current || !currentZoomRange) return;\n\n    const currentXStep =\n      Math.abs(axisRange.current.x.start - axisRange.current.x.end) * AXIS_ZOOM_STEP_PERCENT;\n    const currentYStep =\n      Math.abs(axisRange.current.y.start - axisRange.current.y.end) * AXIS_ZOOM_STEP_PERCENT;\n\n    const XStart = +(currentZoomRange.x.start - currentXStep).toFixed(2);\n    const XEnd = +(currentZoomRange.x.end + currentXStep).toFixed(2);\n\n    const YStart = +(currentZoomRange.y.start - currentYStep).toFixed(2);\n    const YEnd = +(currentZoomRange.y.end + currentYStep).toFixed(2);\n\n    const isXExceeds = XStart <= axisRange.current.x.start || XEnd >= axisRange.current.x.end;\n    const isYExceeds = YStart <= axisRange.current.y.start || YEnd >= axisRange.current.y.end;\n\n    if (isXExceeds && isYExceeds) {\n      return handleZoomReset();\n    }\n\n    handleZoomChart({\n      x: isXExceeds\n        ? axisRange.current.x\n        : {\n            start: XStart,\n            end: XEnd,\n          },\n      y: isYExceeds\n        ? axisRange.current.y\n        : {\n            start: YStart,\n            end: YEnd,\n          },\n    });\n  };\n\n  const handleZoomReset = () => {\n    setIsZoomed(false);\n    setIsPaneEnabled(false);\n    setIsBrushEnabled(true);\n    chart?.dispatchAction({\n      type: 'dataZoom',\n      start: 0,\n      end: 100,\n      rangeMode: ['percent', 'percent'],\n    });\n  };\n\n  const onDataZoom = (evt: DataZoomEvent) => {\n    const isResetEvent = evt.start === 0 && evt.end === 100;\n    const isNativeDataZoom = evt.batch?.[0]?.startValue;\n\n    if (isResetEvent) {\n      handleSaveAxisRanges();\n    }\n\n    setIsZoomed(isNativeDataZoom ? true : !isResetEvent);\n\n    handleSaveZoomRange();\n  };\n\n  useEffect(() => {\n    if (!chart) return;\n    if (!isZoomed) {\n      handleSaveAxisRanges();\n    }\n\n    if (isNeedInitialOptions) {\n      chart.setOption(\n        {\n          toolbox: {\n            show: true,\n            width: 0,\n            height: 0,\n            feature: {\n              dataZoom: {\n                show: true,\n                icon: null,\n                brushStyle: {\n                  borderWidth: 0,\n                  opacity: 0.1,\n                  color: theme.palette.primary.light,\n                },\n              },\n            },\n          },\n          dataZoom: [\n            {\n              type: 'inside',\n              xAxisIndex: 'all',\n              filterMode: 'none',\n              zoomOnMouseWheel: false,\n              moveOnMouseMove: false,\n            },\n            {\n              type: 'inside',\n              yAxisIndex: 'all',\n              filterMode: 'none',\n              zoomOnMouseWheel: false,\n              moveOnMouseMove: false,\n            },\n          ],\n        },\n        { replaceMerge: 'dataZoom' }\n      );\n      chart.on('dataZoom', onDataZoom as (...args: unknown[]) => void);\n      setIsNeedInitialOptions(false);\n      chart.dispatchAction({\n        type: 'takeGlobalCursor',\n        key: 'dataZoomSelect',\n        dataZoomSelectActive: true,\n      });\n    }\n  }, [chart, isNeedInitialOptions, isZoomed]);\n\n  useEffect(() => {\n    // cursor grab in pane mode works only for canvas renderer\n    const zRender = chart?.getZr();\n    if (zRender?.dom) {\n      const canvas = Array.from(zRender.dom.getElementsByTagName('canvas')).at(\n        -1\n      ) as HTMLCanvasElement;\n      if (canvas) {\n        canvas.style.cursor = isPaneEnabled ? 'grab' : isBrushEnabled ? 'crosshair' : 'default';\n      } else {\n        console.error('Canvas not found');\n      }\n    }\n  }, [chart, isPaneEnabled, isBrushEnabled]);\n\n  useEffect(() => {\n    if (!chart) return;\n    chart.setOption({\n      dataZoom: [\n        {\n          type: 'inside',\n          xAxisIndex: 'all',\n          filterMode: 'none',\n          zoomOnMouseWheel: false,\n          moveOnMouseMove: isPaneEnabled,\n        },\n        {\n          type: 'inside',\n          yAxisIndex: 'all',\n          filterMode: 'none',\n          zoomOnMouseWheel: false,\n          moveOnMouseMove: isPaneEnabled,\n        },\n      ],\n    });\n  }, [isPaneEnabled]);\n\n  useEffect(() => {\n    chart?.dispatchAction({\n      type: 'takeGlobalCursor',\n      key: 'dataZoomSelect',\n      dataZoomSelectActive: isBrushEnabled,\n    });\n  }, [isBrushEnabled]);\n\n  const onChartReadyExtended =\n    (childCallback?: (instance: EChartsType) => any) => (instance: EChartsType) => {\n      if (childCallback) {\n        childCallback(instance);\n      }\n      setIsNeedInitialOptions(true);\n      chartRef.current = instance;\n    };\n\n  return (\n    <div className={classnames(classes.container, containerClassName)}>\n      {Children.map(children, child => {\n        if (!isValidElement(child)) return child;\n\n        const { onChartReady } = child.props;\n\n        return cloneElement(child, {\n          onChartReady: onChartReadyExtended(onChartReady),\n        });\n      })}\n      <Toolbox\n        {...toolboxProps}\n        handleTogglePane={isEnabled => setIsPaneEnabled(isEnabled)}\n        handleToggleBrush={isEnabled => setIsBrushEnabled(isEnabled)}\n        isPaneEnabled={isPaneEnabled}\n        isBrushEnabled={isBrushEnabled}\n        isZoomed={isZoomed}\n        chart={chart}\n        handleZoomReset={handleZoomReset}\n        handleZoomOut={handleZoomOut}\n        handleZoomIn={handleZoomIn}\n        customToolboxContainerClass={classnames(\n          toolboxProps?.customToolboxContainerClass,\n          customToolboxContainerClass\n        )}\n      />\n    </div>\n  );\n};\n\nEChartsWrapper.defaultProps = {\n  onDataZoom: noop,\n};\n\nexport default EChartsWrapper;\n"],"names":["useStyles","makeStyles","container","position","width","height","EChartsWrapper","_ref","containerClassName","customToolboxContainerClass","onDataZoomCustom","onDataZoom","toolboxProps","children","classes","chartRef","useRef","chart","current","theme","useTheme","useState","_useState2","_slicedToArray","_useState","isNeedInitialOptions","setIsNeedInitialOptions","_useState4","_useState3","isPaneEnabled","setIsPaneEnabled","_useState6","_useState5","isBrushEnabled","setIsBrushEnabled","_useState8","_useState7","isZoomed","setIsZoomed","axisRange","_useState10","_useState9","currentZoomRange","setCurrentZoomRange","handleZoomChart","range","_options$xAxis","_options$yAxis","options","getOption","series","xAxis","length","yAxis","Array","isArray","reduce","acc","serie","concat","data","some","dataItem","x","start","end","y","absoluteXStart","Math","abs","absoluteXEnd","absoluteYStart","absoluteYEnd","yStartPercent","yEndPercent","xStartPercent","xEndPercent","dispatchAction","type","moveOnMouseMove","filterMode","rangeMode","batch","toFixed","dataZoomIndex","handleSaveAxisRanges","_chart$getModel","_chart$getModel$getCo","_chart$getModel$getCo2","_chart$getModel$getCo3","_chart$getModel2","_chart$getModel2$getC","_chart$getModel2$getC2","_chart$getModel2$getC3","xRange","getModel","getComponent","axis","scale","getExtent","yRange","_xRange","xMin","xMax","_yRange","yMin","yMax","handleZoomReset","evt","_evt$batch","_evt$batch$","isResetEvent","isNativeDataZoom","startValue","_chart$getModel$getCo4","_chart$getModel$getCo5","_chart$getModel$getCo6","_chart$getModel$getCo7","handleSaveZoomRange","useEffect","setOption","toolbox","show","feature","dataZoom","icon","brushStyle","borderWidth","opacity","color","palette","primary","light","xAxisIndex","zoomOnMouseWheel","yAxisIndex","replaceMerge","on","key","dataZoomSelectActive","zRender","getZr","dom","canvas","from","getElementsByTagName","at","style","cursor","console","error","_jsxs","className","classnames","Children","map","child","isValidElement","childCallback","onChartReady","props","cloneElement","instance","_jsx","Toolbox","handleTogglePane","isEnabled","handleToggleBrush","handleZoomOut","currentXStep","currentYStep","XStart","XEnd","YStart","YEnd","isXExceeds","isYExceeds","handleZoomIn","targetRange","defaultProps","noop"],"mappings":"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"}
+{"version":3,"file":"EChartsWrapper.js","sources":["../../../src/components/EChartsWrapper/EChartsWrapper.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  FC,\n  isValidElement,\n  PropsWithChildren,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { noop } from 'lodash';\nimport { EChartsType, SeriesOption } from 'echarts';\nimport { AxisRange, ChartWrapperProps, DataZoomEvent, SeriesDataItem } from './types';\nimport { XAXisOption, YAXisOption } from 'echarts/types/dist/shared';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { Toolbox } from './components/Toolbox/Toolbox';\n\nconst AXIS_ZOOM_STEP_PERCENT = 0.05;\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nconst EChartsWrapper: FC<PropsWithChildren<ChartWrapperProps>> = ({\n  containerClassName,\n  customToolboxContainerClass,\n  onDataZoom: onDataZoomCustom = DEFAULT_ECHARTS_WRAPPER_ON_DATA_ZOOM,\n  toolboxProps,\n  children,\n}) => {\n  const classes = useStyles();\n  const chartRef = useRef<EChartsType | null>(null);\n  const chart = chartRef.current;\n  const theme = useTheme();\n  const [isNeedInitialOptions, setIsNeedInitialOptions] = useState(false);\n  const [isPaneEnabled, setIsPaneEnabled] = useState(false);\n  const [isBrushEnabled, setIsBrushEnabled] = useState(true);\n  const [isZoomed, setIsZoomed] = useState(false);\n  const axisRange = useRef<AxisRange | null>(null);\n  const [currentZoomRange, setCurrentZoomRange] = useState<AxisRange | null>(null);\n\n  const handleZoomChart = (range: AxisRange) => {\n    if (!chart || !axisRange.current) return;\n\n    const options = chart.getOption();\n    const series = options.series as SeriesOption[] | SeriesOption;\n    const isMultipleAxis =\n      (options.xAxis as XAXisOption[])?.length > 1 || (options.yAxis as YAXisOption[])?.length > 1;\n    if (!isMultipleAxis) {\n      const data = (\n        Array.isArray(series)\n          ? series.reduce<unknown[]>((acc, serie) => acc.concat(serie.data), [])\n          : series.data\n      ) as SeriesDataItem[];\n\n      const isDataExists = data.some((dataItem: SeriesDataItem) => {\n        // case when dot structure is [x,y]\n        if (Array.isArray(dataItem)) {\n          return (\n            dataItem[0] > range.x.start &&\n            dataItem[0] < range.x.end &&\n            dataItem[1] > range.y.start &&\n            dataItem[1] < range.y.end\n          );\n        }\n        return (\n          dataItem.x > range.x.start &&\n          dataItem.x < range.x.end &&\n          dataItem.y > range.y.start &&\n          dataItem.y < range.y.end\n        );\n      });\n\n      if (!isDataExists) return;\n    }\n\n    const absoluteXStart = Math.abs(range.x.start - axisRange.current.x.start) * 100;\n    const absoluteXEnd = Math.abs(range.x.end - axisRange.current.x.start) * 100;\n\n    const absoluteYStart = Math.abs(range.y.start - axisRange.current.y.start) * 100;\n    const absoluteYEnd = Math.abs(range.y.end - axisRange.current.y.start) * 100;\n\n    const yStartPercent =\n      absoluteYStart / Math.abs(axisRange.current.y.start - axisRange.current.y.end);\n    const yEndPercent =\n      absoluteYEnd / Math.abs(axisRange.current.y.start - axisRange.current.y.end);\n\n    const xStartPercent =\n      absoluteXStart / Math.abs(axisRange.current.x.start - axisRange.current.x.end);\n    const xEndPercent =\n      absoluteXEnd / Math.abs(axisRange.current.x.start - axisRange.current.x.end);\n\n    chart.dispatchAction({\n      type: 'dataZoom',\n      moveOnMouseMove: isPaneEnabled,\n      filterMode: 'none',\n      rangeMode: ['percent', 'percent'],\n      batch: [\n        { start: +xStartPercent.toFixed(2), end: +xEndPercent.toFixed(2), dataZoomIndex: 0 },\n        {\n          start: +yStartPercent.toFixed(2),\n          end: +yEndPercent.toFixed(2),\n          dataZoomIndex: 1,\n        },\n      ],\n    });\n  };\n\n  const handleSaveAxisRanges = () => {\n    // @ts-expect-error\n    const xRange = chart?.getModel()?.getComponent('xAxis', 0)?.axis?.scale?.getExtent() as [\n      xMin: number,\n      xMax: number\n    ];\n    // @ts-expect-error\n    const yRange = chart?.getModel()?.getComponent('yAxis', 0)?.axis?.scale?.getExtent() as [\n      yMin: number,\n      yMax: number\n    ];\n\n    if (xRange && yRange) {\n      const [xMin, xMax] = xRange;\n      const [yMin, yMax] = yRange;\n      axisRange.current = {\n        x: {\n          start: +xMin.toFixed(2),\n          end: +xMax.toFixed(2),\n        },\n        y: {\n          start: +yMin.toFixed(2),\n          end: +yMax.toFixed(2),\n        },\n      };\n    }\n  };\n\n  const handleSaveZoomRange = () => {\n    if (!chart) return;\n\n    // getModel is not standardized and documented\n    // https://github.com/apache/echarts/issues/16479#issuecomment-1033349403\n    // @ts-expect-error\n    const [yMin, yMax] = chart.getModel().getComponent('yAxis', 0).axis.scale.getExtent();\n    // @ts-expect-error\n    const [xMin, xMax] = chart.getModel().getComponent('xAxis', 0).axis.scale.getExtent();\n\n    const range = {\n      x: {\n        start: xMin,\n        end: xMax,\n      },\n      y: {\n        start: yMin,\n        end: yMax,\n      },\n    };\n    setCurrentZoomRange(range);\n    onDataZoomCustom?.(range);\n  };\n\n  const handleZoomIn = (): void => {\n    if (!isZoomed) {\n      handleSaveAxisRanges();\n      setIsZoomed(true);\n    }\n    const targetRange = currentZoomRange || axisRange.current;\n    if (!targetRange) return;\n\n    const currentXStep = Math.abs(targetRange.x.start - targetRange.x.end) * AXIS_ZOOM_STEP_PERCENT;\n    const currentYStep = Math.abs(targetRange.y.start - targetRange.y.end) * AXIS_ZOOM_STEP_PERCENT;\n\n    const XStart = +(targetRange.x.start + currentXStep).toFixed(2);\n    const XEnd = +(targetRange.x.end - currentXStep).toFixed(2);\n\n    const YStart = +(targetRange.y.start + currentYStep).toFixed(2);\n    const YEnd = +(targetRange.y.end - currentYStep).toFixed(2);\n    const isXExceeds = XStart >= XEnd;\n    const isYExceeds = YStart >= YEnd;\n\n    handleZoomChart({\n      x: {\n        start: isXExceeds ? targetRange.x.start : XStart,\n        end: isXExceeds ? targetRange.x.end : XEnd,\n      },\n      y: {\n        start: isYExceeds ? targetRange.y.start : YStart,\n        end: isYExceeds ? targetRange.y.end : YEnd,\n      },\n    });\n  };\n\n  const handleZoomOut = (): void => {\n    if (!axisRange.current || !currentZoomRange) return;\n\n    const currentXStep =\n      Math.abs(axisRange.current.x.start - axisRange.current.x.end) * AXIS_ZOOM_STEP_PERCENT;\n    const currentYStep =\n      Math.abs(axisRange.current.y.start - axisRange.current.y.end) * AXIS_ZOOM_STEP_PERCENT;\n\n    const XStart = +(currentZoomRange.x.start - currentXStep).toFixed(2);\n    const XEnd = +(currentZoomRange.x.end + currentXStep).toFixed(2);\n\n    const YStart = +(currentZoomRange.y.start - currentYStep).toFixed(2);\n    const YEnd = +(currentZoomRange.y.end + currentYStep).toFixed(2);\n\n    const isXExceeds = XStart <= axisRange.current.x.start || XEnd >= axisRange.current.x.end;\n    const isYExceeds = YStart <= axisRange.current.y.start || YEnd >= axisRange.current.y.end;\n\n    if (isXExceeds && isYExceeds) {\n      return handleZoomReset();\n    }\n\n    handleZoomChart({\n      x: isXExceeds\n        ? axisRange.current.x\n        : {\n            start: XStart,\n            end: XEnd,\n          },\n      y: isYExceeds\n        ? axisRange.current.y\n        : {\n            start: YStart,\n            end: YEnd,\n          },\n    });\n  };\n\n  const handleZoomReset = () => {\n    setIsZoomed(false);\n    setIsPaneEnabled(false);\n    setIsBrushEnabled(true);\n    chart?.dispatchAction({\n      type: 'dataZoom',\n      start: 0,\n      end: 100,\n      rangeMode: ['percent', 'percent'],\n    });\n  };\n\n  const onDataZoom = (evt: DataZoomEvent) => {\n    const isResetEvent = evt.start === 0 && evt.end === 100;\n    const isNativeDataZoom = evt.batch?.[0]?.startValue;\n\n    if (isResetEvent) {\n      handleSaveAxisRanges();\n    }\n\n    setIsZoomed(isNativeDataZoom ? true : !isResetEvent);\n\n    handleSaveZoomRange();\n  };\n\n  useEffect(() => {\n    if (!chart) return;\n    if (!isZoomed) {\n      handleSaveAxisRanges();\n    }\n\n    if (isNeedInitialOptions) {\n      chart.setOption(\n        {\n          toolbox: {\n            show: true,\n            width: 0,\n            height: 0,\n            feature: {\n              dataZoom: {\n                show: true,\n                icon: null,\n                brushStyle: {\n                  borderWidth: 0,\n                  opacity: 0.1,\n                  color: theme.palette.primary.light,\n                },\n              },\n            },\n          },\n          dataZoom: [\n            {\n              type: 'inside',\n              xAxisIndex: 'all',\n              filterMode: 'none',\n              zoomOnMouseWheel: false,\n              moveOnMouseMove: false,\n            },\n            {\n              type: 'inside',\n              yAxisIndex: 'all',\n              filterMode: 'none',\n              zoomOnMouseWheel: false,\n              moveOnMouseMove: false,\n            },\n          ],\n        },\n        { replaceMerge: 'dataZoom' }\n      );\n      chart.on('dataZoom', onDataZoom as (...args: unknown[]) => void);\n      setIsNeedInitialOptions(false);\n      chart.dispatchAction({\n        type: 'takeGlobalCursor',\n        key: 'dataZoomSelect',\n        dataZoomSelectActive: true,\n      });\n    }\n  }, [chart, isNeedInitialOptions, isZoomed]);\n\n  useEffect(() => {\n    // cursor grab in pane mode works only for canvas renderer\n    const zRender = chart?.getZr();\n    if (zRender?.dom) {\n      const canvas = Array.from(zRender.dom.getElementsByTagName('canvas')).at(\n        -1\n      ) as HTMLCanvasElement;\n      if (canvas) {\n        canvas.style.cursor = isPaneEnabled ? 'grab' : isBrushEnabled ? 'crosshair' : 'default';\n      } else {\n        console.error('Canvas not found');\n      }\n    }\n  }, [chart, isPaneEnabled, isBrushEnabled]);\n\n  useEffect(() => {\n    if (!chart) return;\n    chart.setOption({\n      dataZoom: [\n        {\n          type: 'inside',\n          xAxisIndex: 'all',\n          filterMode: 'none',\n          zoomOnMouseWheel: false,\n          moveOnMouseMove: isPaneEnabled,\n        },\n        {\n          type: 'inside',\n          yAxisIndex: 'all',\n          filterMode: 'none',\n          zoomOnMouseWheel: false,\n          moveOnMouseMove: isPaneEnabled,\n        },\n      ],\n    });\n  }, [isPaneEnabled]);\n\n  useEffect(() => {\n    chart?.dispatchAction({\n      type: 'takeGlobalCursor',\n      key: 'dataZoomSelect',\n      dataZoomSelectActive: isBrushEnabled,\n    });\n  }, [isBrushEnabled]);\n\n  const onChartReadyExtended =\n    (childCallback?: (instance: EChartsType) => any) => (instance: EChartsType) => {\n      if (childCallback) {\n        childCallback(instance);\n      }\n      setIsNeedInitialOptions(true);\n      chartRef.current = instance;\n    };\n\n  return (\n    <div className={classnames(classes.container, containerClassName)}>\n      {Children.map(children, child => {\n        if (!isValidElement(child)) return child;\n\n        const { onChartReady } = child.props;\n\n        return cloneElement(child, {\n          onChartReady: onChartReadyExtended(onChartReady),\n        });\n      })}\n      <Toolbox\n        {...toolboxProps}\n        handleTogglePane={isEnabled => setIsPaneEnabled(isEnabled)}\n        handleToggleBrush={isEnabled => setIsBrushEnabled(isEnabled)}\n        isPaneEnabled={isPaneEnabled}\n        isBrushEnabled={isBrushEnabled}\n        isZoomed={isZoomed}\n        chart={chart}\n        handleZoomReset={handleZoomReset}\n        handleZoomOut={handleZoomOut}\n        handleZoomIn={handleZoomIn}\n        customToolboxContainerClass={classnames(\n          toolboxProps?.customToolboxContainerClass,\n          customToolboxContainerClass\n        )}\n      />\n    </div>\n  );\n};\n\nconst DEFAULT_ECHARTS_WRAPPER_ON_DATA_ZOOM = noop;\n\nexport default EChartsWrapper;\n"],"names":["useStyles","makeStyles","container","position","width","height","EChartsWrapper","_ref","containerClassName","customToolboxContainerClass","_ref$onDataZoom","onDataZoom","onDataZoomCustom","DEFAULT_ECHARTS_WRAPPER_ON_DATA_ZOOM","toolboxProps","children","classes","chartRef","useRef","chart","current","theme","useTheme","useState","_useState2","_slicedToArray","_useState","isNeedInitialOptions","setIsNeedInitialOptions","_useState4","_useState3","isPaneEnabled","setIsPaneEnabled","_useState6","_useState5","isBrushEnabled","setIsBrushEnabled","_useState8","_useState7","isZoomed","setIsZoomed","axisRange","_useState10","_useState9","currentZoomRange","setCurrentZoomRange","handleZoomChart","range","_options$xAxis","_options$yAxis","options","getOption","series","xAxis","length","yAxis","Array","isArray","reduce","acc","serie","concat","data","some","dataItem","x","start","end","y","absoluteXStart","Math","abs","absoluteXEnd","absoluteYStart","absoluteYEnd","yStartPercent","yEndPercent","xStartPercent","xEndPercent","dispatchAction","type","moveOnMouseMove","filterMode","rangeMode","batch","toFixed","dataZoomIndex","handleSaveAxisRanges","_chart$getModel","_chart$getModel$getCo","_chart$getModel$getCo2","_chart$getModel$getCo3","_chart$getModel2","_chart$getModel2$getC","_chart$getModel2$getC2","_chart$getModel2$getC3","xRange","getModel","getComponent","axis","scale","getExtent","yRange","_xRange","xMin","xMax","_yRange","yMin","yMax","handleZoomReset","evt","_evt$batch","_evt$batch$","isResetEvent","isNativeDataZoom","startValue","_chart$getModel$getCo4","_chart$getModel$getCo5","_chart$getModel$getCo6","_chart$getModel$getCo7","handleSaveZoomRange","useEffect","setOption","toolbox","show","feature","dataZoom","icon","brushStyle","borderWidth","opacity","color","palette","primary","light","xAxisIndex","zoomOnMouseWheel","yAxisIndex","replaceMerge","on","key","dataZoomSelectActive","zRender","getZr","dom","canvas","from","getElementsByTagName","at","style","cursor","console","error","_jsxs","className","classnames","Children","map","child","isValidElement","childCallback","onChartReady","props","cloneElement","instance","_jsx","Toolbox","handleTogglePane","isEnabled","handleToggleBrush","handleZoomOut","currentXStep","currentYStep","XStart","XEnd","YStart","YEnd","isXExceeds","isYExceeds","handleZoomIn","targetRange","noop"],"mappings":"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"}

package/components/EditableItem/EditableItem/index.d.ts

@@ -3,14 +3,6 @@ type EditableItemProps = PropTypes.InferProps<typeof editableItemPropTypes>;
 declare function EditableItem({ className, isEditable, isEditing: isEditingInitial, onClick, onClickAway, onCancel, onSave, value: initialValue, }: EditableItemProps): JSX.Element;
 declare namespace EditableItem {
     export { editableItemPropTypes as propTypes };
-    export var defaultProps: {
-        className: string;
-        isEditable: boolean;
-        isEditing: boolean;
-        onClick: () => void;
-        onClickAway: () => void;
-        onCancel: () => void;
-    };
 }
 declare const editableItemPropTypes: {
     className: PropTypes.Requireable<string>;

package/components/EditableItem/EditableItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableItem/EditableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA0FnC,KAAK,iBAAiB,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;8BAEtD,EACpB,SAAS,EACT,UAAU,EACV,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EACP,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,EAAE,YAAY,GACpB,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO;;aAmIT,qBAAqB;;;;;;;;;;AAX9C,QAAA,MAAM,qBAAqB;IACzB,SAAS;IACT,UAAU;IACV,SAAS;IACT,OAAO;IACP,MAAM;IACN,WAAW;IACX,QAAQ;IACR,KAAK;CACN,CAAC;eAaa,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableItem/EditableItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA0FnC,KAAK,iBAAiB,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;8BAEtD,EACpB,SAAc,EACd,UAAiB,EACjB,SAAS,EAAE,gBAAwB,EACnC,OAAwC,EACxC,WAAiD,EACjD,QAA0C,EAC1C,MAAM,EACN,KAAK,EAAE,YAAY,GACpB,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO;;aAqIT,qBAAqB;;AAX9C,QAAA,MAAM,qBAAqB;IACzB,SAAS;IACT,UAAU;IACV,SAAS;IACT,OAAO;IACP,MAAM;IACN,WAAW;IACX,QAAQ;IACR,KAAK;CACN,CAAC;eAQa,YAAY"}

package/components/EditableItem/EditableItem/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as i,useEffect as n}from"react";import o from"prop-types";import l from"classnames";import{makeStyles as a,ClickAwayListener as r,TextField as c,Tooltip as s,InputAdornment as d}from"@material-ui/core";import m from"@material-ui/icons/Edit";import p from"@material-ui/icons/Close";import u from"@material-ui/icons/Done";import f from"../../IconButton/index.js";import{jsxs as v,jsx as g}from"react/jsx-runtime";var h=a((function(e){return{editableItem:{width:"100%",height:36,position:"relative",backgroundColor:e.palette.background.b8,"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"}},editableItemActive:{backgroundColor:"rgba(3, 188, 212, 0.15)  !important"},container:{display:"flex",alignItems:"center",justifyContent:"space-between","&:hover $editIcon":{visibility:"visible"}},value:{color:e.palette.primary.text6,fontSize:"0.875rem",height:"100%",letterSpacing:".13132px",lineHeight:"36px",overflow:"hidden",paddingLeft:48,textOverflow:"ellipsis",whiteSpace:"nowrap",width:"calc(100% - 32px)",userSelect:"none"},textField:{width:"100%"},inputRoot:{height:36,paddingLeft:48,fontSize:"0.875rem"},inputDisabled:{backgroundColor:"unset",paddingRight:16,"&::before":{display:"none"},pointerEvents:"none"},editIcon:{visibility:"hidden",marginRight:4},closeIcon:{color:e.palette.primary.text6,"&:hover svg":{fill:"".concat(e.palette.primary.contrastText," !important")},"& svg":{fill:"".concat(e.palette.primary.text6," !important"),"&:hover":{fill:"#FFFFFF !important"}}},inputAdornment:{marginTop:1,marginRight:4}}})),b=function(o){var a=o.className,b=o.isEditable,y=o.isEditing,C=o.onClick,k=o.onClickAway,x=o.onCancel,w=o.onSave,E=o.value,I=i(E),S=t(I,2),A=S[0],N=S[1],F=i(y),P=t(F,2),z=P[0],R=P[1],L=h(),T=function(e){var t;e.stopPropagation(),A.length&&A!==E&&(null==w||null===(t=w(A))||void 0===t||t.then((function(){return R(!1)})))};n((function(){var e=function(e){"Escape"===e.key||"Esc"===e.key?(N(E),R(!1),null==k||k()):"Enter"===e.key&&T(e)};return z&&document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}}),[z,E,A]);var j=function(e){e.stopPropagation(),N(E),R(!1),null==x||x()};n((function(){N(E)}),[E]);var q=l(L.editableItem,e({},L.editableItemActive,z),a);return v("div",{className:l(q,L.container),onClick:null!=C?C:void 0,children:[!z&&g("div",{className:L.value,children:A}),z&&g(r,{onClickAway:function(){N(E),R(!1),null==k||k()},children:g(c,{autoFocus:!0,type:"text",value:A,onChange:function(e){e.stopPropagation(),N(e.target.value)},placeholder:"Page Name...",className:L.textField,InputProps:{classes:{root:L.inputRoot},endAdornment:z?g(d,{position:"end",children:v("span",{className:L.inputAdornment,children:[g(s,{title:"Cancel",placement:"bottom-end",children:g(f,{onClick:j,size:"small",className:L.closeIcon,children:g(p,{fontSize:"small"})})}),g(s,{title:"Save",placement:"bottom-end",children:g(f,{onClick:T,size:"small",disabled:A===E,children:g(u,{color:A===E?"disabled":"primary",fontSize:"small"})})})]})}):null}})}),b&&!z&&g(s,{title:"Rename Page",placement:"bottom-end",children:g(f,{className:L.editIcon,size:"small",onClick:function(e){e.stopPropagation(),R(!0)},children:g(m,{fontSize:"small"})})})]})},y={className:o.string,isEditable:o.bool,isEditing:o.bool,onClick:o.func,onSave:o.func.isRequired,onClickAway:o.func,onCancel:o.func,value:o.string.isRequired};b.propTypes=y,b.defaultProps={className:"",isEditable:!0,isEditing:!1,onClick:function(){},onClickAway:function(){},onCancel:function(){}};export{b as default};
+import e from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as n}from"react";import o from"prop-types";import r from"classnames";import{makeStyles as l,ClickAwayListener as a,TextField as c,Tooltip as s,InputAdornment as d}from"@material-ui/core";import m from"@material-ui/icons/Edit";import p from"@material-ui/icons/Close";import u from"@material-ui/icons/Done";import v from"../../IconButton/index.js";import{jsxs as f,jsx as g}from"react/jsx-runtime";var h=l((function(e){return{editableItem:{width:"100%",height:36,position:"relative",backgroundColor:e.palette.background.b8,"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"}},editableItemActive:{backgroundColor:"rgba(3, 188, 212, 0.15)  !important"},container:{display:"flex",alignItems:"center",justifyContent:"space-between","&:hover $editIcon":{visibility:"visible"}},value:{color:e.palette.primary.text6,fontSize:"0.875rem",height:"100%",letterSpacing:".13132px",lineHeight:"36px",overflow:"hidden",paddingLeft:48,textOverflow:"ellipsis",whiteSpace:"nowrap",width:"calc(100% - 32px)",userSelect:"none"},textField:{width:"100%"},inputRoot:{height:36,paddingLeft:48,fontSize:"0.875rem"},inputDisabled:{backgroundColor:"unset",paddingRight:16,"&::before":{display:"none"},pointerEvents:"none"},editIcon:{visibility:"hidden",marginRight:4},closeIcon:{color:e.palette.primary.text6,"&:hover svg":{fill:"".concat(e.palette.primary.contrastText," !important")},"& svg":{fill:"".concat(e.palette.primary.text6," !important"),"&:hover":{fill:"#FFFFFF !important"}}},inputAdornment:{marginTop:1,marginRight:4}}})),b=function(o){var l=o.className,b=void 0===l?"":l,y=o.isEditable,w=void 0===y||y,I=o.isEditing,E=void 0!==I&&I,S=o.onClick,A=void 0===S?k:S,F=o.onClickAway,N=void 0===F?C:F,z=o.onCancel,P=void 0===z?x:z,R=o.onSave,L=o.value,T=t(L),j=i(T,2),q=j[0],D=j[1],B=t(E),H=i(B,2),O=H[0],$=H[1],G=h(),J=function(e){var i;e.stopPropagation(),q.length&&q!==L&&(null==R||null===(i=R(q))||void 0===i||i.then((function(){return $(!1)})))};n((function(){var e=function(e){"Escape"===e.key||"Esc"===e.key?(D(L),$(!1),null==N||N()):"Enter"===e.key&&J(e)};return O&&document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}}),[O,L,q]);var K=function(e){e.stopPropagation(),D(L),$(!1),null==P||P()};n((function(){D(L)}),[L]);var M=r(G.editableItem,e({},G.editableItemActive,O),b);return f("div",{className:r(M,G.container),onClick:null!=A?A:void 0,children:[!O&&g("div",{className:G.value,children:q}),O&&g(a,{onClickAway:function(){D(L),$(!1),null==N||N()},children:g(c,{autoFocus:!0,type:"text",value:q,onChange:function(e){e.stopPropagation(),D(e.target.value)},placeholder:"Page Name...",className:G.textField,InputProps:{classes:{root:G.inputRoot},endAdornment:O?g(d,{position:"end",children:f("span",{className:G.inputAdornment,children:[g(s,{title:"Cancel",placement:"bottom-end",children:g(v,{onClick:K,size:"small",className:G.closeIcon,children:g(p,{fontSize:"small"})})}),g(s,{title:"Save",placement:"bottom-end",children:g(v,{onClick:J,size:"small",disabled:q===L,children:g(u,{color:q===L?"disabled":"primary",fontSize:"small"})})})]})}):null}})}),w&&!O&&g(s,{title:"Rename Page",placement:"bottom-end",children:g(v,{className:G.editIcon,size:"small",onClick:function(e){e.stopPropagation(),$(!0)},children:g(m,{fontSize:"small"})})})]})},y={className:o.string,isEditable:o.bool,isEditing:o.bool,onClick:o.func,onSave:o.func.isRequired,onClickAway:o.func,onCancel:o.func,value:o.string.isRequired};b.propTypes=y;var k=function(){},C=function(){},x=function(){};export{b as default};
 //# sourceMappingURL=index.js.map

package/components/EditableItem/EditableItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/EditableItem/EditableItem/index.tsx"],"sourcesContent":["import { type ChangeEvent, type MouseEvent, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport {\n  ClickAwayListener,\n  InputAdornment,\n  TextField,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport EditIcon from '@material-ui/icons/Edit';\nimport CloseIcon from '@material-ui/icons/Close';\nimport DoneIcon from '@material-ui/icons/Done';\nimport IconButton from '~/components/IconButton';\n\nconst useStyles = makeStyles(theme => ({\n  editableItem: {\n    width: '100%',\n    height: 36,\n    position: 'relative',\n    backgroundColor: theme.palette.background.b8,\n    '&:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.07)',\n    },\n    '&:hover svg': {\n      visibility: 'visible',\n    },\n  },\n  editableItemActive: {\n    backgroundColor: 'rgba(3, 188, 212, 0.15)  !important',\n  },\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    '&:hover $editIcon': {\n      visibility: 'visible',\n    },\n  },\n  value: {\n    color: theme.palette.primary.text6,\n    fontSize: '0.875rem',\n    height: '100%',\n    letterSpacing: '.13132px',\n    lineHeight: '36px',\n    overflow: 'hidden',\n    paddingLeft: 48,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    width: 'calc(100% - 32px)',\n    userSelect: 'none',\n  },\n  textField: {\n    width: '100%',\n  },\n  inputRoot: {\n    height: 36,\n    paddingLeft: 48,\n    fontSize: '0.875rem',\n  },\n  inputDisabled: {\n    backgroundColor: 'unset',\n    paddingRight: 16,\n    '&::before': {\n      display: 'none',\n    },\n    pointerEvents: 'none',\n  },\n  editIcon: {\n    visibility: 'hidden',\n    marginRight: 4,\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    '&:hover svg': {\n      fill: `${theme.palette.primary.contrastText} !important`,\n    },\n    '& svg': {\n      fill: `${theme.palette.primary.text6} !important`,\n      '&:hover': {\n        fill: '#FFFFFF !important',\n      },\n    },\n  },\n  inputAdornment: {\n    marginTop: 1,\n    marginRight: 4,\n  },\n}));\n\ntype EditableItemProps = PropTypes.InferProps<typeof editableItemPropTypes>;\n\nconst EditableItem = ({\n  className,\n  isEditable,\n  isEditing: isEditingInitial,\n  onClick,\n  onClickAway,\n  onCancel,\n  onSave,\n  value: initialValue,\n}: EditableItemProps): JSX.Element => {\n  const [value, setValue] = useState(initialValue);\n  const [isEditing, setIsEditing] = useState(isEditingInitial);\n\n  const classes = useStyles();\n\n  const handleSave = (e: { stopPropagation(): void }) => {\n    e.stopPropagation();\n    if (!value.length) return;\n\n    if (value !== initialValue) onSave?.(value)?.then(() => setIsEditing(false));\n  };\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        setValue(initialValue);\n        setIsEditing(false);\n        onClickAway?.();\n      } else if (e.key === 'Enter') {\n        handleSave(e);\n      }\n    };\n\n    if (isEditing) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isEditing, initialValue, value]);\n\n  const handleClickAway = () => {\n    setValue(initialValue);\n    setIsEditing(false);\n    onClickAway?.();\n  };\n\n  const handleCancel = (e: MouseEvent) => {\n    e.stopPropagation();\n    setValue(initialValue);\n    setIsEditing(false);\n    onCancel?.();\n  };\n\n  useEffect(() => {\n    setValue(initialValue);\n  }, [initialValue]);\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    setValue(e.target.value);\n  };\n\n  const handleEdit = (e: MouseEvent) => {\n    e.stopPropagation();\n    setIsEditing(true);\n  };\n\n  const getInputAdornment = () => {\n    if (!isEditing) return null;\n\n    return (\n      <InputAdornment position=\"end\">\n        <span className={classes.inputAdornment}>\n          <Tooltip title=\"Cancel\" placement=\"bottom-end\">\n            <IconButton onClick={handleCancel} size=\"small\" className={classes.closeIcon}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"Save\" placement=\"bottom-end\">\n            <IconButton onClick={handleSave} size=\"small\" disabled={value === initialValue}>\n              {/*@ts-ignore*/}\n              <DoneIcon color={value === initialValue ? 'disabled' : 'primary'} fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n        </span>\n      </InputAdornment>\n    );\n  };\n\n  const editableInputClassName = classNames(\n    classes.editableItem,\n    {\n      [classes.editableItemActive]: isEditing,\n    },\n    className\n  );\n\n  return (\n    <div className={classNames(editableInputClassName, classes.container)} onClick={onClick ?? undefined}>\n      {!isEditing && <div className={classes.value}>{value}</div>}\n      {isEditing && (\n        <ClickAwayListener onClickAway={handleClickAway}>\n          <TextField\n            autoFocus\n            type=\"text\"\n            value={value}\n            onChange={handleChange}\n            placeholder=\"Page Name...\"\n            className={classes.textField}\n            InputProps={{\n              classes: {\n                root: classes.inputRoot,\n              },\n              endAdornment: getInputAdornment(),\n            }}\n          />\n        </ClickAwayListener>\n      )}\n      {isEditable && !isEditing && (\n        <Tooltip title=\"Rename Page\" placement=\"bottom-end\">\n          <IconButton className={classes.editIcon} size=\"small\" onClick={handleEdit}>\n            <EditIcon fontSize=\"small\" />\n          </IconButton>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nconst editableItemPropTypes = {\n  className: PropTypes.string,\n  isEditable: PropTypes.bool,\n  isEditing: PropTypes.bool,\n  onClick: PropTypes.func,\n  onSave: PropTypes.func.isRequired,\n  onClickAway: PropTypes.func,\n  onCancel: PropTypes.func,\n  value: PropTypes.string.isRequired,\n};\n\nEditableItem.propTypes = editableItemPropTypes;\n\nEditableItem.defaultProps = {\n  className: '',\n  isEditable: true,\n  isEditing: false,\n  onClick: () => {},\n  onClickAway: () => {},\n  onCancel: () => {},\n};\n\nexport default EditableItem;\n"],"names":["useStyles","makeStyles","theme","editableItem","width","height","position","backgroundColor","palette","background","b8","visibility","editableItemActive","container","display","alignItems","justifyContent","value","color","primary","text6","fontSize","letterSpacing","lineHeight","overflow","paddingLeft","textOverflow","whiteSpace","userSelect","textField","inputRoot","inputDisabled","paddingRight","pointerEvents","editIcon","marginRight","closeIcon","fill","contrastText","concat","inputAdornment","marginTop","EditableItem","_ref","className","isEditable","isEditingInitial","isEditing","onClick","onClickAway","onCancel","onSave","initialValue","useState","_useState2","_slicedToArray","_useState","setValue","_useState4","_useState3","setIsEditing","classes","handleSave","e","_onSave","stopPropagation","length","then","useEffect","handleKeyDown","key","document","addEventListener","removeEventListener","handleCancel","editableInputClassName","classNames","_jsxs","undefined","children","_jsx","ClickAwayListener","TextField","autoFocus","type","onChange","target","placeholder","InputProps","root","endAdornment","InputAdornment","Tooltip","title","placement","IconButton","size","CloseIcon","disabled","DoneIcon","EditIcon","editableItemPropTypes","PropTypes","string","bool","func","isRequired","propTypes","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/EditableItem/EditableItem/index.tsx"],"sourcesContent":["import { type ChangeEvent, type MouseEvent, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport {\n  ClickAwayListener,\n  InputAdornment,\n  TextField,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport EditIcon from '@material-ui/icons/Edit';\nimport CloseIcon from '@material-ui/icons/Close';\nimport DoneIcon from '@material-ui/icons/Done';\nimport IconButton from '~/components/IconButton';\n\nconst useStyles = makeStyles(theme => ({\n  editableItem: {\n    width: '100%',\n    height: 36,\n    position: 'relative',\n    backgroundColor: theme.palette.background.b8,\n    '&:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.07)',\n    },\n    '&:hover svg': {\n      visibility: 'visible',\n    },\n  },\n  editableItemActive: {\n    backgroundColor: 'rgba(3, 188, 212, 0.15)  !important',\n  },\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    '&:hover $editIcon': {\n      visibility: 'visible',\n    },\n  },\n  value: {\n    color: theme.palette.primary.text6,\n    fontSize: '0.875rem',\n    height: '100%',\n    letterSpacing: '.13132px',\n    lineHeight: '36px',\n    overflow: 'hidden',\n    paddingLeft: 48,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    width: 'calc(100% - 32px)',\n    userSelect: 'none',\n  },\n  textField: {\n    width: '100%',\n  },\n  inputRoot: {\n    height: 36,\n    paddingLeft: 48,\n    fontSize: '0.875rem',\n  },\n  inputDisabled: {\n    backgroundColor: 'unset',\n    paddingRight: 16,\n    '&::before': {\n      display: 'none',\n    },\n    pointerEvents: 'none',\n  },\n  editIcon: {\n    visibility: 'hidden',\n    marginRight: 4,\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    '&:hover svg': {\n      fill: `${theme.palette.primary.contrastText} !important`,\n    },\n    '& svg': {\n      fill: `${theme.palette.primary.text6} !important`,\n      '&:hover': {\n        fill: '#FFFFFF !important',\n      },\n    },\n  },\n  inputAdornment: {\n    marginTop: 1,\n    marginRight: 4,\n  },\n}));\n\ntype EditableItemProps = PropTypes.InferProps<typeof editableItemPropTypes>;\n\nconst EditableItem = ({\n  className = '',\n  isEditable = true,\n  isEditing: isEditingInitial = false,\n  onClick = DEFAULT_EDITABLE_ITEM_ON_CLICK,\n  onClickAway = DEFAULT_EDITABLE_ITEM_ON_CLICK_AWAY,\n  onCancel = DEFAULT_EDITABLE_ITEM_ON_CANCEL,\n  onSave,\n  value: initialValue,\n}: EditableItemProps): JSX.Element => {\n  const [value, setValue] = useState(initialValue);\n  const [isEditing, setIsEditing] = useState(isEditingInitial);\n\n  const classes = useStyles();\n\n  const handleSave = (e: { stopPropagation(): void }) => {\n    e.stopPropagation();\n    if (!value.length) return;\n\n    if (value !== initialValue) onSave?.(value)?.then(() => setIsEditing(false));\n  };\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        setValue(initialValue);\n        setIsEditing(false);\n        onClickAway?.();\n      } else if (e.key === 'Enter') {\n        handleSave(e);\n      }\n    };\n\n    if (isEditing) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isEditing, initialValue, value]);\n\n  const handleClickAway = () => {\n    setValue(initialValue);\n    setIsEditing(false);\n    onClickAway?.();\n  };\n\n  const handleCancel = (e: MouseEvent) => {\n    e.stopPropagation();\n    setValue(initialValue);\n    setIsEditing(false);\n    onCancel?.();\n  };\n\n  useEffect(() => {\n    setValue(initialValue);\n  }, [initialValue]);\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    setValue(e.target.value);\n  };\n\n  const handleEdit = (e: MouseEvent) => {\n    e.stopPropagation();\n    setIsEditing(true);\n  };\n\n  const getInputAdornment = () => {\n    if (!isEditing) return null;\n\n    return (\n      <InputAdornment position=\"end\">\n        <span className={classes.inputAdornment}>\n          <Tooltip title=\"Cancel\" placement=\"bottom-end\">\n            <IconButton onClick={handleCancel} size=\"small\" className={classes.closeIcon}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"Save\" placement=\"bottom-end\">\n            <IconButton onClick={handleSave} size=\"small\" disabled={value === initialValue}>\n              <DoneIcon color={value === initialValue ? 'disabled' : 'primary'} fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n        </span>\n      </InputAdornment>\n    );\n  };\n\n  const editableInputClassName = classNames(\n    classes.editableItem,\n    {\n      [classes.editableItemActive]: isEditing,\n    },\n    className\n  );\n\n  return (\n    <div\n      className={classNames(editableInputClassName, classes.container)}\n      onClick={onClick ?? undefined}\n    >\n      {!isEditing && <div className={classes.value}>{value}</div>}\n      {isEditing && (\n        <ClickAwayListener onClickAway={handleClickAway}>\n          <TextField\n            autoFocus\n            type=\"text\"\n            value={value}\n            onChange={handleChange}\n            placeholder=\"Page Name...\"\n            className={classes.textField}\n            InputProps={{\n              classes: {\n                root: classes.inputRoot,\n              },\n              endAdornment: getInputAdornment(),\n            }}\n          />\n        </ClickAwayListener>\n      )}\n      {isEditable && !isEditing && (\n        <Tooltip title=\"Rename Page\" placement=\"bottom-end\">\n          <IconButton className={classes.editIcon} size=\"small\" onClick={handleEdit}>\n            <EditIcon fontSize=\"small\" />\n          </IconButton>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nconst editableItemPropTypes = {\n  className: PropTypes.string,\n  isEditable: PropTypes.bool,\n  isEditing: PropTypes.bool,\n  onClick: PropTypes.func,\n  onSave: PropTypes.func.isRequired,\n  onClickAway: PropTypes.func,\n  onCancel: PropTypes.func,\n  value: PropTypes.string.isRequired,\n};\n\nEditableItem.propTypes = editableItemPropTypes;\n\nconst DEFAULT_EDITABLE_ITEM_ON_CLICK = () => {};\nconst DEFAULT_EDITABLE_ITEM_ON_CLICK_AWAY = () => {};\nconst DEFAULT_EDITABLE_ITEM_ON_CANCEL = () => {};\n\nexport default EditableItem;\n"],"names":["useStyles","makeStyles","theme","editableItem","width","height","position","backgroundColor","palette","background","b8","visibility","editableItemActive","container","display","alignItems","justifyContent","value","color","primary","text6","fontSize","letterSpacing","lineHeight","overflow","paddingLeft","textOverflow","whiteSpace","userSelect","textField","inputRoot","inputDisabled","paddingRight","pointerEvents","editIcon","marginRight","closeIcon","fill","contrastText","concat","inputAdornment","marginTop","EditableItem","_ref","_ref$className","className","_ref$isEditable","isEditable","_ref$isEditing","isEditing","isEditingInitial","_ref$onClick","onClick","DEFAULT_EDITABLE_ITEM_ON_CLICK","_ref$onClickAway","onClickAway","DEFAULT_EDITABLE_ITEM_ON_CLICK_AWAY","_ref$onCancel","onCancel","DEFAULT_EDITABLE_ITEM_ON_CANCEL","onSave","initialValue","useState","_useState2","_slicedToArray","_useState","setValue","_useState4","_useState3","setIsEditing","classes","handleSave","e","_onSave","stopPropagation","length","then","useEffect","handleKeyDown","key","document","addEventListener","removeEventListener","handleCancel","editableInputClassName","classNames","_jsxs","undefined","children","_jsx","ClickAwayListener","TextField","autoFocus","type","onChange","target","placeholder","InputProps","root","endAdornment","InputAdornment","Tooltip","title","placement","IconButton","size","CloseIcon","disabled","DoneIcon","EditIcon","editableItemPropTypes","PropTypes","string","bool","func","isRequired","propTypes"],"mappings":"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"}

package/components/EditableItem/EditableItemWithBadge/index.d.ts

@@ -1,13 +1,13 @@
 import PropTypes from 'prop-types';
-declare function EditableItemWithBadge(props: any): import("react").JSX.Element;
+declare function EditableItemWithBadge({ isSelected, ...props }: {
+    [x: string]: any;
+    isSelected?: boolean | undefined;
+}): import("react").JSX.Element;
 declare namespace EditableItemWithBadge {
     var propTypes: {
         isSelected: PropTypes.Requireable<boolean>;
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
-    var defaultProps: {
-        isSelected: boolean;
-    };
 }
 export default EditableItemWithBadge;
 //# sourceMappingURL=index.d.ts.map

package/components/EditableItem/EditableItemWithBadge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableItem/EditableItemWithBadge/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;uCAyBL,KAAK,KAAA;;;;;;;;;;eAgBpB,qBAAqB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableItem/EditableItemWithBadge/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;uCAyBJ,EAAE,UAAkB,EAAE,GAAG,KAAK,EAAE;;;CAAA;;;;;;;eAiBhD,qBAAqB"}