@corva/ui 0.77.0-2 → 0.77.0-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/cjs-bundle/components/Chart/components/ChartButtons.js +1 -1
  2. package/cjs-bundle/components/Chart/components/ChartWrapper.js +1 -1
  3. package/cjs-bundle/components/Chart/components/buttons/ChartTypeButton.js +1 -1
  4. package/cjs-bundle/components/Chart/components/buttons/DragToZoomButton.js +1 -1
  5. package/cjs-bundle/components/Chart/components/buttons/HideAxesButton.js +1 -1
  6. package/cjs-bundle/components/Chart/components/buttons/PanButton.js +1 -1
  7. package/cjs-bundle/components/Chart/components/buttons/ResetZoomButton.js +1 -1
  8. package/cjs-bundle/components/Chart/components/buttons/ZoomInButton.js +1 -1
  9. package/cjs-bundle/components/Chart/components/buttons/ZoomOutButton.js +1 -1
  10. package/cjs-bundle/components/ColorPicker/ColorPicker.js +1 -1
  11. package/cjs-bundle/components/DatePicker/index.js +1 -1
  12. package/cjs-bundle/components/DateTimePicker/index.js +1 -1
  13. package/cjs-bundle/components/DevCenter/AppHeader/AppHeader.js +1 -1
  14. package/cjs-bundle/components/MenuItem/index.js +1 -1
  15. package/cjs-bundle/components/TextField/effects/index.js +1 -1
  16. package/cjs-bundle/components/TextField/index.js +1 -1
  17. package/cjs-bundle/components/TruncatedText/index.js +1 -1
  18. package/components/Chart/components/ChartButtons.d.ts +1 -1
  19. package/components/Chart/components/ChartButtons.js +1 -1
  20. package/components/Chart/components/ChartWrapper.d.ts +4 -4
  21. package/components/Chart/components/ChartWrapper.js +1 -1
  22. package/components/Chart/components/buttons/ChartTypeButton.d.ts +2 -2
  23. package/components/Chart/components/buttons/ChartTypeButton.js +1 -1
  24. package/components/Chart/components/buttons/DragToZoomButton.d.ts +2 -2
  25. package/components/Chart/components/buttons/DragToZoomButton.js +1 -1
  26. package/components/Chart/components/buttons/HideAxesButton.d.ts +1 -5
  27. package/components/Chart/components/buttons/HideAxesButton.d.ts.map +1 -1
  28. package/components/Chart/components/buttons/HideAxesButton.js +1 -1
  29. package/components/Chart/components/buttons/PanButton.d.ts +2 -2
  30. package/components/Chart/components/buttons/PanButton.js +1 -1
  31. package/components/Chart/components/buttons/ResetZoomButton.d.ts +3 -3
  32. package/components/Chart/components/buttons/ResetZoomButton.js +1 -1
  33. package/components/Chart/components/buttons/ZoomInButton.d.ts +1 -1
  34. package/components/Chart/components/buttons/ZoomInButton.js +1 -1
  35. package/components/Chart/components/buttons/ZoomOutButton.d.ts +1 -1
  36. package/components/Chart/components/buttons/ZoomOutButton.js +1 -1
  37. package/components/ColorPicker/ColorPicker.d.ts +27 -3
  38. package/components/ColorPicker/ColorPicker.d.ts.map +1 -1
  39. package/components/ColorPicker/ColorPicker.js +1 -1
  40. package/components/DatePicker/index.d.ts.map +1 -1
  41. package/components/DatePicker/index.js +1 -1
  42. package/components/DateTimePicker/index.d.ts.map +1 -1
  43. package/components/DateTimePicker/index.js +1 -1
  44. package/components/DevCenter/AppHeader/AppHeader.d.ts +1 -1
  45. package/components/DevCenter/AppHeader/AppHeader.js +1 -1
  46. package/components/MenuItem/index.js +1 -1
  47. package/components/TextField/effects/index.d.ts +2 -2
  48. package/components/TextField/effects/index.js +1 -1
  49. package/components/TextField/index.d.ts +18 -39
  50. package/components/TextField/index.d.ts.map +1 -1
  51. package/components/TextField/index.js +1 -1
  52. package/components/TruncatedText/index.d.ts +3 -3
  53. package/components/TruncatedText/index.js +1 -1
  54. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),n=require("@material-ui/core"),o=require("classnames"),i=require("../ChartWrapperContext.js"),c=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),s=a(r),l=a(o),p=["children","className"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){u.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var m=n.makeStyles({container:{position:"absolute",right:"8px",display:"flex",flexDirection:"column",bottom:function(e){return e.marginBottom+3}}});module.exports=function(e){var r=e.children,n=e.className,o=s.default(e,p),a=t.useContext(i).chartStyles,u=m({marginBottom:a.marginBottom});return c.jsx("div",b(b({className:l.default(u.container,n)},o),{},{children:r}))};
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),n=require("@material-ui/core"),o=require("classnames"),i=require("../ChartWrapperContext.js"),c=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),l=a(r),s=a(o),p=["children","className"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){u.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var m=n.makeStyles({container:{position:"absolute",right:"8px",display:"flex",flexDirection:"column",bottom:function(e){return e.marginBottom+3}}});module.exports=function(e){var r=e.children,n=e.className,o=void 0===n?null:n,a=l.default(e,p),u=t.useContext(i).chartStyles,f=m({marginBottom:u.marginBottom});return c.jsx("div",b(b({className:s.default(f.container,o)},a),{},{children:r}))};
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@material-ui/core"),o=require("lodash"),n=require("react"),a=require("../ChartWrapperContext.js"),i=require("../constants.js"),l=require("../effects/useZoom.js"),c=require("../effects/useChartModifier.js"),u=require("../effects/useChartTypeSwitch.js"),s=require("./AxisOverlay.js"),h=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(e),m=d(r);function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?p(Object(t),!0).forEach((function(r){f.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=t.makeStyles({container:{width:"100%",height:"100%",position:"relative"}}),y={zoomType:"xy",panning:{enabled:!0,type:"xy"}},b=function(e){var r,t,d,f,p,b,g,j,O=e.children,S=e.chartRef,Z=e.isAxesCoordinatesShown,x=e.onCustomizeScaleClick,q=e.onZoomChangeCallback,E=e.chartOptions,w=C(),P=n.useState({}),T=m.default(P,2),k=T[0],z=T[1],A=l.useZoom({chart:null===(r=S.current)||void 0===r?void 0:r.chart}),H=A.zoomStatus,M=A.zoomConfig,D=A.handleZoomEvent,I=A.handleResetZoom,R=A.isZoomEnabled,B=A.handleIsZoomEnabledChange,N=A.debouncedChartSelection;n.useEffect((function(){var e,r,t;o.isEmpty(null===(e=S.current)||void 0===e?void 0:e.chart)||z({marginBottom:null===(r=S.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var _=(null===(t=S.current)||void 0===t||null===(d=t.chart)||void 0===d||null===(f=d.plotBox)||void 0===f?void 0:f.height)<=i.MIN_CHART_HEIGHT;c.useChartModifier({chart:null===(p=S.current)||void 0===p?void 0:p.chart,chartOptions:o.merge({},y,E),isZoomEnabled:R,isMinHeightChart:_,onZoomChangeCallback:q,handleChartSelection:N,isAxesCoordinatesShown:Z});var G=u.useChartTypeSwitch({chart:null===(b=S.current)||void 0===b?void 0:b.chart}),W=G.chartType,F=G.handleChartTypeChange,J={chart:null===(g=S.current)||void 0===g?void 0:g.chart,chartType:W,zoomConfig:M,chartStyles:k,zoomStatus:H,isZoomEnabled:R,setChartStyles:z,handleChartTypeChange:F,handleResetZoom:I,handleZoomEvent:D,isMinHeightChart:_,handleChartSelection:N,handleChangeChartStyles:function(e){z((function(r){return v(v({},r),e)}))},handleIsZoomEnabledChange:B};return h.jsx("div",{className:w.container,children:h.jsxs(a.Provider,{value:J,children:[O,x&&(null===(j=S.current)||void 0===j?void 0:j.chart.axes.map((function(e){return h.jsx(s,v({onCustomizeScaleClick:x},e),e.coll)})))]})})};b.defaultProps={onZoomChangeCallback:function(){}},module.exports=b;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../ChartWrapperContext.js"),a=require("../constants.js"),l=require("../effects/useZoom.js"),c=require("../effects/useChartModifier.js"),u=require("../effects/useChartTypeSwitch.js"),s=require("./AxisOverlay.js"),h=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=d(e),f=d(r);function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){v.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=t.makeStyles({container:{width:"100%",height:"100%",position:"relative"}}),y={zoomType:"xy",panning:{enabled:!0,type:"xy"}},b=function(e){var r,t,d,v,m,b,g,j,O=e.children,S=e.chartRef,Z=e.isAxesCoordinatesShown,x=void 0!==Z&&Z,q=e.onCustomizeScaleClick,E=void 0===q?null:q,w=e.onZoomChangeCallback,P=void 0===w?function(){}:w,T=e.chartOptions,k=void 0===T?{}:T,z=C(),A=n.useState({}),H=f.default(A,2),M=H[0],D=H[1],I=l.useZoom({chart:null===(r=S.current)||void 0===r?void 0:r.chart}),R=I.zoomStatus,B=I.zoomConfig,N=I.handleZoomEvent,_=I.handleResetZoom,G=I.isZoomEnabled,W=I.handleIsZoomEnabledChange,F=I.debouncedChartSelection;n.useEffect((function(){var e,r,t;o.isEmpty(null===(e=S.current)||void 0===e?void 0:e.chart)||D({marginBottom:null===(r=S.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var J=(null===(t=S.current)||void 0===t||null===(d=t.chart)||void 0===d||null===(v=d.plotBox)||void 0===v?void 0:v.height)<=a.MIN_CHART_HEIGHT;c.useChartModifier({chart:null===(m=S.current)||void 0===m?void 0:m.chart,chartOptions:o.merge({},y,k),isZoomEnabled:G,isMinHeightChart:J,onZoomChangeCallback:P,handleChartSelection:F,isAxesCoordinatesShown:x});var K=u.useChartTypeSwitch({chart:null===(b=S.current)||void 0===b?void 0:b.chart}),L=K.chartType,Q=K.handleChartTypeChange,U={chart:null===(g=S.current)||void 0===g?void 0:g.chart,chartType:L,zoomConfig:B,chartStyles:M,zoomStatus:R,isZoomEnabled:G,setChartStyles:D,handleChartTypeChange:Q,handleResetZoom:_,handleZoomEvent:N,isMinHeightChart:J,handleChartSelection:F,handleChangeChartStyles:function(e){D((function(r){return p(p({},r),e)}))},handleIsZoomEnabledChange:W};return h.jsx("div",{className:z.container,children:h.jsxs(i.Provider,{value:U,children:[O,E&&(null===(j=S.current)||void 0===j?void 0:j.chart.axes.map((function(e){return h.jsx(s,p({onCustomizeScaleClick:E},e),e.coll)})))]})})};b.defaultProps={onZoomChangeCallback:function(){}},module.exports=b;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("classnames"),n=require("@material-ui/core"),o=require("../../../../icons/index.js"),a=require("../ChartButton.js"),i=require("../../ChartWrapperContext.js"),u=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),l=s(r),d=n.makeStyles((function(e){var t=e.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},hoveredContainer:{background:t.background.b7}}})),h="spline",b="bar",m=function(e){var r=e.className,n=e.onClick,s=t.useContext(i),m=s.chartType,p=s.handleChartTypeChange,C=t.useState(!1),f=c.default(C,2),g=f[0],v=f[1],k=d();return u.jsxs("div",{className:l.default(k.container,r),onMouseEnter:function(){v(!0)},onMouseLeave:function(){v(!1)},children:[u.jsx(a,{className:l.default(k.lineChartButton,g&&k.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:m===h,onClick:function(){p(h),n(h)},children:u.jsx(o.LineChartIcon,{size:16})}),u.jsx(a,{className:l.default(k.barChartButton,g&&k.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:m===b,onClick:function(){p(b),n(b)},children:u.jsx(o.HistogramIcon,{size:16})})]})};m.defaultProps={onClick:function(){},isHidden:!1},module.exports=m;
1
+ "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("classnames"),n=require("@material-ui/core"),o=require("../../../../icons/index.js"),a=require("../ChartButton.js"),i=require("../../ChartWrapperContext.js"),u=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),l=s(r),d=n.makeStyles((function(e){var t=e.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:t.background.b7}},hoveredContainer:{background:t.background.b7}}})),h="spline",b="bar",m=function(e){var r=e.className,n=void 0===r?null:r,s=e.onClick,m=void 0===s?function(){}:s,f=t.useContext(i),p=f.chartType,C=f.handleChartTypeChange,v=t.useState(!1),g=c.default(v,2),k=g[0],x=g[1],j=d();return u.jsxs("div",{className:l.default(j.container,n),onMouseEnter:function(){x(!0)},onMouseLeave:function(){x(!1)},children:[u.jsx(a,{className:l.default(j.lineChartButton,k&&j.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:p===h,onClick:function(){C(h),m(h)},children:u.jsx(o.LineChartIcon,{size:16})}),u.jsx(a,{className:l.default(j.barChartButton,k&&j.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:p===b,onClick:function(){C(b),m(b)},children:u.jsx(o.HistogramIcon,{size:16})})]})};m.defaultProps={onClick:function(){},isHidden:!1},module.exports=m;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("../../../../icons/index.js"),n=require("../ChartButton.js"),i=require("../../ChartWrapperContext.js"),c=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),a=s(r),l=["onClick","isHidden"];function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?p(Object(t),!0).forEach((function(r){u.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=function(e){var r=e.onClick,s=e.isHidden,u=a.default(e,l),p=t.useContext(i),b=p.isMinHeightChart,d=p.isZoomEnabled,j=p.handleIsZoomEnabledChange;return c.jsx(n,f(f({},u),{},{tooltipProps:f({title:"Drag To Zoom"},u.tooltipProps),isActive:d,onClick:function(){j(!0),r()},isHidden:b||s,children:c.jsx(o.MoveInIcon,{size:16})}))};b.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}},module.exports=b;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("../../../../icons/index.js"),i=require("../ChartButton.js"),n=require("../../ChartWrapperContext.js"),c=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),a=s(r),l=["onClick","isHidden"];function p(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?p(Object(t),!0).forEach((function(r){u.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):p(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var f=function(e){var r=e.onClick,s=void 0===r?function(){}:r,u=e.isHidden,p=void 0!==u&&u,f=a.default(e,l),b=t.useContext(n),j=b.isMinHeightChart,O=b.isZoomEnabled,h=b.handleIsZoomEnabledChange;return c.jsx(i,d(d({},f),{},{tooltipProps:d({title:"Drag To Zoom"},f.tooltipProps),isActive:O,onClick:function(){h(!0),s()},isHidden:j||p,children:c.jsx(o.MoveInIcon,{size:16})}))};f.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}},module.exports=f;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),i=require("classnames"),s=require("@material-ui/core"),o=require("../../../../icons/index.js"),n=require("../ChartButton.js"),a=require("../../ChartWrapperContext.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash");var c=require("../../effects/useHideAxes.js");require("../../effects/useChartModifier.js");var u=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(e),d=l(r),f=l(i),h=["onClick","isHidden"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=s.makeStyles({icon:{top:0,transform:"rotate(45deg)"}}),O=function(e){e.onClick,e.isHidden;var r=d.default(e,h),i=t.useContext(a),s=i.chart,l=i.handleChangeChartStyles,p=c.useHideAxes({chart:s,onChartStylesChange:l}),b=p.isHiddenAxes,O=p.handleAxesHide,m=y();return u.jsx(n,j(j({},r),{},{className:f.default(m.hideAxesButton,r.className),tooltipProps:j({title:b?"Show Axes":"Hide Axes"},r.tooltipProps),onClick:O,children:b?u.jsx(o.ExpandIcon,{className:m.icon,size:16}):u.jsx(o.CollapseIcon,{className:m.icon,size:16})}))};O.defaultProps={tooltipProps:{}},module.exports=O;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("react"),t=require("classnames"),s=require("@material-ui/core"),o=require("../../../../icons/index.js"),i=require("../ChartButton.js"),n=require("../../ChartWrapperContext.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash");var a=require("../../effects/useHideAxes.js");require("../../effects/useChartModifier.js");var c=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(e),p=u(t);function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);r&&(s=s.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,s)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){l.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var h=s.makeStyles({icon:{top:0,transform:"rotate(45deg)"}}),j=function(e){var t=r.useContext(n),s=t.chart,u=t.handleChangeChartStyles,l=a.useHideAxes({chart:s,onChartStylesChange:u}),f=l.isHiddenAxes,j=l.handleAxesHide,b=h();return c.jsx(i,d(d({},e),{},{className:p.default(b.hideAxesButton,e.className),tooltipProps:d({title:f?"Show Axes":"Hide Axes"},e.tooltipProps),onClick:j,children:f?c.jsx(o.ExpandIcon,{className:b.icon,size:16}):c.jsx(o.CollapseIcon,{className:b.icon,size:16})}))};j.defaultProps={tooltipProps:{}},module.exports=j;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("../../../../icons/index.js"),n=require("../ChartButton.js"),o=require("../../ChartWrapperContext.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),a=c(t),l=["onClick","isHidden"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=function(e){var t=e.onClick,c=e.isHidden,u=a.default(e,l),p=r.useContext(o),b=p.zoomStatus,f=p.isMinHeightChart,j=p.isZoomEnabled,O=p.handleIsZoomEnabledChange;return s.jsx(n,d(d({},u),{},{disabled:b.isReset,tooltipProps:d({title:"Pan"},u.tooltipProps),isActive:!j,onClick:function(){O(!1),t()},isHidden:f||c,children:s.jsx(i.FiveIcon,{size:16})}))};b.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}},module.exports=b;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("../../../../icons/index.js"),n=require("../ChartButton.js"),o=require("../../ChartWrapperContext.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),a=c(t),l=["onClick","isHidden"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=function(e){var t=e.onClick,c=void 0===t?function(){}:t,u=e.isHidden,p=void 0!==u&&u,f=a.default(e,l),b=r.useContext(o),j=b.zoomStatus,O=b.isMinHeightChart,P=b.isZoomEnabled,h=b.handleIsZoomEnabledChange;return s.jsx(n,d(d({},f),{},{disabled:j.isReset,tooltipProps:d({title:"Pan"},f.tooltipProps),isActive:!P,onClick:function(){h(!1),c()},isHidden:O||p,children:s.jsx(i.FiveIcon,{size:16})}))};f.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}},module.exports=f;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("../../../../icons/index.js"),o=require("../../ChartWrapperContext.js"),n=require("../ChartButton.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),l=c(t),p=["onClick","isHidden","isVisible"];function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=function(e){var t=e.onClick,c=e.isHidden,u=e.isVisible,a=l.default(e,p),f=r.useContext(o),d=f.isMinHeightChart,j=f.handleResetZoom,O=f.zoomStatus.isReset||d||c;return s.jsx(n,b(b({},a),{},{onClick:function(){j(),t()},tooltipProps:b({title:"Reset Zoom"},a.tooltipProps),isHidden:O&&!u,children:s.jsx(i.UndoIcon,{size:16})}))};f.defaultProps={onClick:function(){},isHidden:!1,isVisible:!1,tooltipProps:{}},module.exports=f;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("../../../../icons/index.js"),o=require("../../ChartWrapperContext.js"),n=require("../ChartButton.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),l=c(t),p=["onClick","isHidden","isVisible"];function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=function(e){var t=e.onClick,c=void 0===t?function(){}:t,u=e.isHidden,a=void 0!==u&&u,f=e.isVisible,b=void 0!==f&&f,j=l.default(e,p),O=r.useContext(o),P=O.isMinHeightChart,h=O.handleResetZoom,y=O.zoomStatus.isReset||P||a;return s.jsx(n,d(d({},j),{},{onClick:function(){h(),c()},tooltipProps:d({title:"Reset Zoom"},j.tooltipProps),isHidden:y&&!b,children:s.jsx(i.UndoIcon,{size:16})}))};f.defaultProps={onClick:function(){},isHidden:!1,isVisible:!1,tooltipProps:{}},module.exports=f;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("../../../../icons/index.js"),n=require("../../ChartWrapperContext.js"),i=require("../../constants.js"),u=require("../ChartButton.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash");var s=require("../../effects/useKeyboardControl.js");require("../../effects/useChartModifier.js");var c=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),p=a(r),f=["onClick"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){l.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=function(e){var r=e.onClick,a=p.default(e,f),l=t.useContext(n),b=l.zoomStatus,d=l.handleZoomEvent,O=function(){d(i.ZOOM_TYPE.zoomIn),r()};return s.useKeyboardControl({keyCode:i.HOT_KEYS.arrowUp,callback:O}),c.jsx(u,j(j({},a),{},{onClick:O,disabled:b.isMax,tooltipProps:j({title:"Zoom In"},a.tooltipProps),children:c.jsx(o.PlusIcon,{size:16})}))};d.defaultProps={onClick:function(){},tooltipProps:{}},module.exports=d;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("../../../../icons/index.js"),n=require("../../ChartWrapperContext.js"),i=require("../../constants.js"),u=require("../ChartButton.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash");var s=require("../../effects/useKeyboardControl.js");require("../../effects/useChartModifier.js");var c=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),p=a(r),f=["onClick"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){l.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=function(e){var r=e.onClick,a=void 0===r?function(){}:r,l=p.default(e,f),b=t.useContext(n),d=b.zoomStatus,O=b.handleZoomEvent,y=function(){O(i.ZOOM_TYPE.zoomIn),a()};return s.useKeyboardControl({keyCode:i.HOT_KEYS.arrowUp,callback:y}),c.jsx(u,j(j({},l),{},{onClick:y,disabled:d.isMax,tooltipProps:j({title:"Zoom In"},l.tooltipProps),children:c.jsx(o.PlusIcon,{size:16})}))};d.defaultProps={onClick:function(){},tooltipProps:{}},module.exports=d;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("../../../../icons/index.js"),n=require("../../ChartWrapperContext.js"),i=require("../../constants.js"),u=require("../ChartButton.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash");var s=require("../../effects/useKeyboardControl.js");require("../../effects/useChartModifier.js");var c=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),p=a(r),f=["onClick"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){l.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=function(e){var r=e.onClick,a=p.default(e,f),l=t.useContext(n),b=l.handleZoomEvent,O=l.zoomStatus,d=function(){b(i.ZOOM_TYPE.zoomOut),r()};return s.useKeyboardControl({keyCode:i.HOT_KEYS.arrowDown,callback:d}),c.jsx(u,j(j({},a),{},{onClick:d,tooltipProps:j({title:"Zoom Out"},a.tooltipProps),disabled:O.isReset,children:c.jsx(o.MinusIcon,{size:16})}))};O.defaultProps={onClick:function(){},tooltipProps:{}},module.exports=O;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("../../../../icons/index.js"),n=require("../../ChartWrapperContext.js"),i=require("../../constants.js"),u=require("../ChartButton.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash");var s=require("../../effects/useKeyboardControl.js");require("../../effects/useChartModifier.js");var c=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),p=a(r),f=["onClick"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){l.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=function(e){var r=e.onClick,a=void 0===r?function(){}:r,l=p.default(e,f),b=t.useContext(n),O=b.handleZoomEvent,d=b.zoomStatus,y=function(){O(i.ZOOM_TYPE.zoomOut),a()};return s.useKeyboardControl({keyCode:i.HOT_KEYS.arrowDown,callback:y}),c.jsx(u,j(j({},l),{},{onClick:y,tooltipProps:j({title:"Zoom Out"},l.tooltipProps),disabled:d.isReset,children:c.jsx(o.MinusIcon,{size:16})}))};O.defaultProps={onClick:function(){},tooltipProps:{}},module.exports=O;
@@ -1 +1 @@
1
- "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),r=require("react"),o=require("prop-types"),n=require("@material-ui/core"),a=require("chroma-js"),i=require("classnames"),l=require("validate-color"),s=require("./PaletteChromePicker/PaletteChromePicker.js"),c=require("../../icons/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(o),d=u(a),b=u(i),f=u(l),g={rgba:function(e){return"rgba(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,", ").concat(e.rgb.a,")")},rgb:function(e){return"rgb(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,")")},hex:function(e){return e.hex},rgba_rgb:function(e){return 1===e.rgb.a?g.rgb(e):g.rgba(e)},rgba_hex:function(e){return 1===e.rgb.a?g.hex(e):g.rgba(e)}},h=function(o){var a,i,l,s=o.label,u=o.value,p=o.converter,h=o.onChange,m=o.buttonClassName,x=o.popoverAnchorOrigin,v=o.popoverTransformOrigin,C=o.labelPosition,L=o.hideLabel,P=o.pickerComponent,T=o.classes,k=o.lensColor,y=o.enableTransparencyPalette,_=o["data-testid"],j=o.tooltipProps,O=r.useState(null),q=O[0],R=O[1],z=r.useState("#03BCD4"),I=z[0],S=z[1],w=r.useRef();r.useEffect((function(){var e=null==u?void 0:u.trim();e&&f.default(e)?S(e):console.error("The color value(".concat(u,") is not valid, please check it."))}),[u]);return t.jsxs("div",e.__assign({className:b.default(T.root,(a={},a[T.topLabelRoot]="top"===C,a[T.rightLabelRoot]="right"===C,a))},{children:[!L&&t.jsx(n.InputLabel,e.__assign({className:b.default((i={},i[T.topLabel]="top"===C,i[T.rightLabel]="right"===C,i)),shrink:!0},{children:s})),t.jsx(n.Tooltip,e.__assign({title:j.title},j,{children:t.jsx(n.IconButton,e.__assign({"data-testid":"".concat(_,"_icon_").concat(s),className:b.default(T.button,m,(l={},l[T.buttonTransparrent]=0===d.default(I).alpha(),l)),disableRipple:!0,style:{backgroundColor:I,color:k},onClick:function(e){R(e.currentTarget)},size:"small"},{children:t.jsx(c.PaletteIcon,{size:16,className:T.colorLensIcon})}))})),t.jsx(n.Popover,e.__assign({id:"colors-popper",action:w,open:Boolean(q),anchorEl:q,onClose:function(){R(null)},anchorOrigin:x,transformOrigin:v},{children:t.jsx(P,{color:I,onChange:function(e){var t=g[p](e);S(t),h(t)},onSizeChange:function(){w.current&&w.current.updatePosition()},enableTransparencyPalette:y})}))]}))},m=p.default.shape({vertical:p.default.oneOfType([p.default.oneOf(["top","center","bottom"]),p.default.number]),horizontal:p.default.oneOfType([p.default.oneOf(["left","center","right"]),p.default.number])}),x={buttonClassName:p.default.string,label:p.default.string,value:p.default.string.isRequired,onChange:p.default.func.isRequired,converter:p.default.oneOf(Object.keys(g)),classes:p.default.shape({button:p.default.string.isRequired,root:p.default.string,topLabelRoot:p.default.string,rightLabelRoot:p.default.string,topLabel:p.default.string,rightLabel:p.default.string,buttonTransparrent:p.default.string,colorLensIcon:p.default.string}).isRequired,pickerComponent:p.default.elementType,labelPosition:p.default.oneOf(["top","right"]),popoverAnchorOrigin:m,popoverTransformOrigin:m,tooltipProps:p.default.shape({title:p.default.string}),hideLabel:p.default.bool,lensColor:p.default.string,enableTransparencyPalette:p.default.bool,"data-testid":p.default.string};h.propTypes=x,h.defaultProps={label:"Color",buttonClassName:null,converter:"rgba_hex",pickerComponent:s,hideLabel:!1,popoverAnchorOrigin:{vertical:"bottom",horizontal:"left"},popoverTransformOrigin:{vertical:"top",horizontal:"left"},tooltipProps:{title:"Change color"},labelPosition:"top",lensColor:"#fff",enableTransparencyPalette:!1,"data-testid":"ColorPicker"};var v=n.withStyles({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"5px"},buttonTransparrent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}})(h);module.exports=v;
1
+ "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),o=require("react/jsx-runtime"),t=require("react"),r=require("@material-ui/core"),n=require("chroma-js"),a=require("classnames"),i=require("validate-color"),l=require("./PaletteChromePicker/PaletteChromePicker.js"),c=require("../../icons/index.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(n),d=s(a),p=s(i),b={rgba:function(e){return"rgba(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,", ").concat(e.rgb.a,")")},rgb:function(e){return"rgb(".concat(e.rgb.r,", ").concat(e.rgb.g,", ").concat(e.rgb.b,")")},hex:function(e){return e.hex},rgba_rgb:function(e){return 1===e.rgb.a?b.rgb(e):b.rgba(e)},rgba_hex:function(e){return 1===e.rgb.a?b.hex(e):b.rgba(e)}},g=r.makeStyles({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"5px"},buttonTransparent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}});module.exports=function(n){var a,i,s,h=n.label,f=void 0===h?"Color":h,x=n.value,v=n.converter,m=void 0===v?"rgba_hex":v,C=n.onChange,_=n.buttonClassName,j=n.popoverAnchorOrigin,k=void 0===j?{vertical:"bottom",horizontal:"left"}:j,L=n.popoverTransformOrigin,P=void 0===L?{vertical:"top",horizontal:"left"}:L,z=n.labelPosition,S=void 0===z?"top":z,q=n.hideLabel,I=void 0!==q&&q,y=n.pickerComponent,R=void 0===y?l:y,T=n.lensColor,B=void 0===T?"#fff":T,w=n.enableTransparencyPalette,D=void 0!==w&&w,N=n["data-testid"],O=void 0===N?"ColorPicker":N,E=n.tooltipProps,F=void 0===E?{title:"Change color",children:null}:E,A=g(),H=t.useState(null),G=H[0],J=H[1],K=t.useState("#03BCD4"),M=K[0],Q=K[1],U=t.useRef();t.useEffect((function(){var e=null==x?void 0:x.trim();e&&p.default(e)?Q(e):console.error("The color value(".concat(x,") is not valid, please check it."))}),[x]);return o.jsxs("div",e.__assign({className:d.default(A.root,(a={},a[A.topLabelRoot]="top"===S,a[A.rightLabelRoot]="right"===S,a))},{children:[!I&&o.jsx(r.InputLabel,e.__assign({className:d.default((i={},i[A.topLabel]="top"===S,i[A.rightLabel]="right"===S,i)),shrink:!0},{children:f})),o.jsx(r.Tooltip,e.__assign({title:F.title},F,{children:o.jsx(r.IconButton,e.__assign({"data-testid":"".concat(O,"_icon_").concat(f),className:d.default(A.button,_,(s={},s[A.buttonTransparent]=0===u.default(M).alpha(),s)),disableRipple:!0,style:{backgroundColor:M,color:B},onClick:function(e){J(e.currentTarget)},size:"small"},{children:o.jsx(c.PaletteIcon,{size:16,className:A.colorLensIcon})}))})),o.jsx(r.Popover,e.__assign({id:"colors-popper",action:U,open:Boolean(G),anchorEl:G,onClose:function(){J(null)},anchorOrigin:k,transformOrigin:P},{children:o.jsx(R,{color:M,onChange:function(e){var o=b[m](e);Q(o),C(o)},onSizeChange:function(){U.current&&U.current.updatePosition()},enableTransparencyPalette:D})}))]}))};
@@ -1 +1 @@
1
- "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("classnames"),o=require("prop-types"),a=require("@material-ui/pickers"),i=require("@material-ui/core"),s=require("moment"),n=require("../../constants/dateTimeFormat.js"),u=require("../../icons/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=p(t),c=p(o),m=p(s),d=i.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"&:hover .MuiIconButton-root":{color:e.palette.primary.contrastText},"& .MuiIconButton-root":{color:e.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),f=function(t){var o=t.className,i=t.PopoverProps,s=e.__rest(t,["className","PopoverProps"]),p=d();return r.jsx(a.KeyboardDatePicker,e.__assign({disableToolbar:!0,variant:"inline",keyboardIcon:r.jsx(u.CalendarIcon,{size:16}),rightArrowIcon:r.jsx(u.RightIcon,{size:24}),leftArrowIcon:r.jsx(u.LeftIcon,{size:24}),format:n.DATE_FORMAT,placeholder:m.default().format(n.DATE_FORMAT),refuse:/[^(\w|\d)]+/gi},s,{PopoverProps:e.__assign({className:l.default(p.paper,i.className)},i),className:l.default(p.dateTimePickerInput,o)}))};f.propTypes={PopoverProps:c.default.shape({className:c.default.string}),className:c.default.string},f.defaultProps={PopoverProps:{},className:""},module.exports=f;
1
+ "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("classnames"),o=require("prop-types"),a=require("@material-ui/pickers"),i=require("@material-ui/core"),s=require("moment"),n=require("../../constants/dateTimeFormat.js"),u=require("../../icons/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(t),c=l(o),m=l(s),d=i.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"&:hover .MuiIconButton-root":{color:e.palette.primary.contrastText},"& .MuiIconButton-root":{color:e.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),f=function(t){var o,i,s=t.className,l=t.PopoverProps,c=e.__rest(t,["className","PopoverProps"]),f=d();return r.jsx(a.KeyboardDatePicker,e.__assign({disableToolbar:!0,variant:"inline",keyboardIcon:r.jsx(u.CalendarIcon,{size:16}),rightArrowIcon:r.jsx(u.RightIcon,{size:24}),leftArrowIcon:r.jsx(u.LeftIcon,{size:24}),format:n.DATE_FORMAT,placeholder:m.default().format(n.DATE_FORMAT),refuse:/[^(\w|\d)]+/gi,maxDate:null!==(o=c.maxDate)&&void 0!==o?o:void 0,minDate:null!==(i=c.minDate)&&void 0!==i?i:void 0},c,{PopoverProps:e.__assign({className:p.default(f.paper,l.className)},l),className:p.default(f.dateTimePickerInput,s)}))};f.propTypes={PopoverProps:c.default.shape({className:c.default.string}),className:c.default.string},f.defaultProps={PopoverProps:{},className:""},module.exports=f;
@@ -1 +1 @@
1
- "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("classnames"),o=require("prop-types"),a=require("moment"),i=require("@material-ui/pickers"),s=require("@material-ui/core"),n=require("../../icons/index.js"),u=require("../../constants/dateTimeFormat.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(t),m=p(o),l=p(a),d=s.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"&:hover .MuiIconButton-root":{color:e.palette.primary.contrastText},"& .MuiIconButton-root":{color:e.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function f(t){var o=t.className,a=t.PopoverProps,s=t.format,u=e.__rest(t,["className","PopoverProps","format"]),p=d();return r.jsx(i.KeyboardDateTimePicker,e.__assign({dateRangeIcon:r.jsx(n.CalendarIcon,{size:24}),timeIcon:r.jsx(n.TimeIcon,{size:24}),rightArrowIcon:r.jsx(n.RightIcon,{size:24}),leftArrowIcon:r.jsx(n.LeftIcon,{size:24}),keyboardIcon:r.jsx(n.CalendarIcon,{size:16}),format:s,refuse:/[^(\w|\d)]+/gi,placeholder:l.default().format(s)},u,{PopoverProps:e.__assign({className:p.paper},a),className:c.default(p.dateTimePickerInput,o)}))}f.propTypes={className:m.default.string,PopoverProps:m.default.shape({className:m.default.string}),format:m.default.string},f.defaultProps={className:"",PopoverProps:{},format:u.DATE_TIME_FORMAT},module.exports=f;
1
+ "use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("classnames"),o=require("prop-types"),a=require("moment"),i=require("@material-ui/pickers"),s=require("@material-ui/core"),n=require("../../icons/index.js"),u=require("../../constants/dateTimeFormat.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=m(t),p=m(o),c=m(a),d=s.makeStyles((function(e){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:e.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:e.palette.primary.main},"&:hover .MuiIconButton-root":{color:e.palette.primary.contrastText},"& .MuiIconButton-root":{color:e.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function f(t){var o,a,s=t.className,u=t.PopoverProps,m=t.format,p=e.__rest(t,["className","PopoverProps","format"]),f=d();return r.jsx(i.KeyboardDateTimePicker,e.__assign({dateRangeIcon:r.jsx(n.CalendarIcon,{size:24}),timeIcon:r.jsx(n.TimeIcon,{size:24}),rightArrowIcon:r.jsx(n.RightIcon,{size:24}),leftArrowIcon:r.jsx(n.LeftIcon,{size:24}),keyboardIcon:r.jsx(n.CalendarIcon,{size:16}),format:m,refuse:/[^(\w|\d)]+/gi,placeholder:c.default().format(m),maxDate:null!==(o=p.maxDate)&&void 0!==o?o:void 0,minDate:null!==(a=p.minDate)&&void 0!==a?a:void 0},p,{PopoverProps:e.__assign({className:f.paper},u),className:l.default(f.dateTimePickerInput,s)}))}f.propTypes={className:p.default.string,PopoverProps:p.default.shape({className:p.default.string}),format:p.default.string},f.defaultProps={className:"",PopoverProps:{},format:u.DATE_TIME_FORMAT},module.exports=f;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),s=require("lodash"),n=require("prop-types"),r=require("classnames"),i=require("@material-ui/core");require("../../Annotations/components/AnnotationsList/index.js");var l=require("../../Annotations/components/LastAnnotation/index.js");require("../../Annotations/AnnotationsContext.js");var d=require("../../../constants/segment.js"),o=require("../../../constants/devcenter.js");require("../../../constants/goals.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../utils/env.js"),require("../../GradientManager/configuration/constants.js");var u=require("../../../utils/devcenter.js"),p=require("./VersionBadge.js"),c=require("./PadMode.js"),f=require("./utils.js"),m=require("../../AssetNameLabel/SecondaryAssetNameLabel.js"),g=require("../../AssetNameLabel/AssetNameLabel.js"),j=require("./PadIcon.js"),v=require("./AppHeader.css.js"),A=require("./AppHeaderStyles.js"),h=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(e),S=b(t),x=b(n),q=b(r);function L(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,s)}return a}function N(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?L(Object(a),!0).forEach((function(t){y.default(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):L(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var P="DevCenter_AppHeader",_=function(e){return(null==e?void 0:e.asset_id)&&"/assets/".concat(null==e?void 0:e.asset_id)};function O(e){var t,n,r,c,b,y=e.app,x=e.appLastAnnotation,L=e.appSettings,O=e.badge,I=e.children,M=e.classes,w=e.coordinates,C=e.currentUser,E=e.fracFleet,T=e.isMaximized,W=e.logoSrc,D=e.onSettingChange,k=e.openAnnotationsList,B=e.primaryAssetStatusBadge,F=e.rig,H=e.showLastAnnotation,R=e.updateCurrentDashboardAppLastAnnotation,U=e.well,V=e.wells,G=e.PadModeComponent,z=e.activeWellName,Y=a.useState(!1),Z=S.default(Y,2),J=Z[0],K=Z[1],Q=a.useRef(null),X=null==w?void 0:w.pixelWidth;a.useEffect((function(){var e,t;K((null===(e=Q.current)||void 0===e?void 0:e.scrollWidth)>(null===(t=Q.current)||void 0===t?void 0:t.offsetWidth))}),[null===(t=Q.current)||void 0===t?void 0:t.offsetWidth,X]);var $=f.getAppDimension(X),ee=u.getAppName(y),te=u.getAppSegment(y),ae=te===d.SEGMENTS.COMPLETION,se=function(e){var t,a=e.appSettings,s=void 0===a?{}:a,n=e.well,r=e.rig,i=e.fracFleet,l=e.segment,o=l===d.SEGMENTS.DRILLING,u=l===d.SEGMENTS.COMPLETION,p=s.wellId,c=s.rigId,f=s.fracFleetId,m=s.padId,g=null==i||null===(t=i.pad_frac_fleets.find((function(e){return e.pad.id===(m||i.current_pad_id)})))||void 0===t?void 0:t.pad,j=o?p&&(null==n?void 0:n.name):null==g?void 0:g.name,v="/assets/types/pad/".concat(m||(null==i?void 0:i.current_pad_id)),A=o?null==r?void 0:r.name:null==i?void 0:i.name,h=!!(p||c||f),b=!1,y=o?A&&_(n):v;return u&&!h&&null!=n&&n.id&&null!=n&&n.name&&(b=!0,h=!0,y=_(n),A=n.name),{isPrimaryAssetStatusVisible:b,isPrimaryNameVisible:h,primaryAssetLink:y,primaryAssetName:A,secondaryAssetLink:o?_(n):"/assets/types/pad/".concat(m||(null==i?void 0:i.current_pad_id)),secondaryAssetName:j}}({appSettings:null==y?void 0:y.settings,well:U,rig:F,fracFleet:E,segment:te}),ne=se.isPrimaryAssetStatusVisible,re=se.isPrimaryNameVisible,ie=se.primaryAssetLink,le=se.primaryAssetName,de=se.secondaryAssetLink,oe=se.secondaryAssetName,ue=[f.APP_LAYOUT_SIZES.MEDIUM,f.APP_LAYOUT_SIZES.SMALL].includes($),pe=y&&y.id===o.DEV_CENTER_CLI_APP_ID,ce={fracFleet:E,wells:V,well:U,onSettingChange:D,appSettings:L,disableActiveWellsInPadSelect:null==y||null===(n=y.package)||void 0===n||null===(r=n.manifest)||void 0===r||null===(c=r.application)||void 0===c||null===(b=c.ui)||void 0===b?void 0:b.disableActiveWellsInPadSelect},fe=A.useStyles({isMobileSize:ue});return h.jsxs("div",{className:q.default(fe.appHeaderWrapper,M.appHeader),children:[h.jsxs("div",{className:fe.appHeaderContainer,children:[h.jsx("div",{className:q.default(fe.titleBlock,M.titleBlock),children:h.jsxs("div",{className:M.appHeaderTitleWrapper,ref:Q,children:[h.jsxs("div",{className:fe.titleWrapper,children:[W&&h.jsxs(h.Fragment,{children:[h.jsx("img",{className:fe.logo,src:W,alt:"company logo"}),h.jsx("div",{className:fe.separateLine})]}),h.jsx(i.Tooltip,{title:J?ee:"",placement:"bottom",children:h.jsx("h6",{"data-testid":"".concat(P,"_name"),className:fe.title,children:ee})}),h.jsx(p.VersionBadge,{appPackage:null==y?void 0:y.package})]}),O]})}),y&&w&&h.jsxs("div",{className:q.default(v.controlsContainer,T&&v.appMaximized),children:[!ue&&h.jsxs(h.Fragment,{children:[ae&&z&&h.jsx(i.Typography,{variant:"caption",children:z}),ae&&h.jsx(G,N({},ce)),I]}),h.jsxs("div",{className:v.assetLabels,children:[oe&&h.jsx(m.SecondaryAssetNameLabel,{assetName:oe,coordinatesPixelWidth:X,dataTestId:"".concat(P,"_secondaryAsset"),href:!pe&&de,icon:ae&&h.jsx(j.PadIcon,{}),isColored:!ae||y.settings.padId&&y.settings.padId!==E.current_pad_id}),re&&h.jsx(g.AssetNameLabel,{assetName:le,coordinatesPixelWidth:X,dataTestId:"".concat(P,"_primaryAsset"),href:!pe&&ie,statusBadge:ne&&B})]})]}),H&&x&&h.jsx(l,{annotation:x,appId:s.get(y,["app","id"]),currentUser:C,dashboardAppId:y.id,openAnnotationsList:k,updateCurrentDashboardAppLastAnnotation:R})]}),ue&&h.jsxs(i.Box,{display:"flex",alignItems:"center",mt:1,children:[ae&&!U&&(V||E)&&h.jsx("div",{className:v.padModeSelect,children:h.jsx(G,N({},ce))}),I]})]})}O.propTypes={app:x.default.object.isRequired,badge:x.default.node,classes:x.default.shape({appHeader:x.default.string,titleBlock:x.default.string,appHeaderTitleWrapper:x.default.string}),showLastAnnotation:x.default.bool,currentUser:x.default.shape({}),appLastAnnotation:x.default.shape({}),updateCurrentDashboardAppLastAnnotation:x.default.func,openAnnotationsList:x.default.func,rig:x.default.shape({name:x.default.string,asset_id:x.default.number}),well:x.default.shape({name:x.default.string,asset_id:x.default.number}),fracFleet:x.default.shape({name:x.default.string,current_pad_id:x.default.number,pad_frac_fleets:x.default.arrayOf(x.default.shape({pad:x.default.shape({id:x.default.number.isRequired}).isRequired})).isRequired}),wells:x.default.arrayOf(x.default.shape({})),coordinates:x.default.shape({pixelWidth:x.default.number.isRequired}),isMaximized:x.default.bool,appSettings:x.default.shape({}),onSettingChange:x.default.func,children:x.default.arrayOf(x.default.node),logoSrc:x.default.string,primaryAssetStatusBadge:x.default.node,PadModeComponent:x.default.elementType,activeWellName:x.default.string},O.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,children:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,logoSrc:null,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,primaryAssetStatusBadge:null,PadModeComponent:c,activeWellName:null},exports.PAGE_NAME=P,exports.default=O;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),s=require("lodash"),n=require("prop-types"),r=require("classnames"),i=require("@material-ui/core");require("../../Annotations/components/AnnotationsList/index.js");var l=require("../../Annotations/components/LastAnnotation/index.js");require("../../Annotations/AnnotationsContext.js");var d=require("../../../constants/segment.js"),o=require("../../../constants/devcenter.js");require("../../../constants/goals.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../utils/env.js"),require("../../GradientManager/configuration/constants.js");var u=require("../../../utils/devcenter.js"),p=require("./VersionBadge.js"),c=require("./PadMode.js"),f=require("./utils.js"),m=require("../../AssetNameLabel/SecondaryAssetNameLabel.js"),g=require("../../AssetNameLabel/AssetNameLabel.js"),j=require("./PadIcon.js"),v=require("./AppHeader.css.js"),A=require("./AppHeaderStyles.js"),h=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=b(e),S=b(t),x=b(n),q=b(r);function L(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,s)}return a}function N(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?L(Object(a),!0).forEach((function(t){y.default(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):L(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var P="DevCenter_AppHeader",_=function(e){return(null==e?void 0:e.asset_id)&&"/assets/".concat(null==e?void 0:e.asset_id)};function O(e){var t,n,r,c,b,y=e.app,x=e.appLastAnnotation,L=e.appSettings,O=e.badge,I=e.children,M=e.classes,w=e.coordinates,C=e.currentUser,E=e.fracFleet,T=e.isMaximized,W=e.logoSrc,D=e.onSettingChange,k=e.openAnnotationsList,B=e.primaryAssetStatusBadge,F=e.rig,H=e.showLastAnnotation,R=e.updateCurrentDashboardAppLastAnnotation,U=e.well,V=e.wells,G=e.PadModeComponent,z=e.activeWellName,Y=a.useState(!1),Z=S.default(Y,2),J=Z[0],K=Z[1],Q=a.useRef(null),X=null==w?void 0:w.pixelWidth;a.useEffect((function(){var e,t;K((null===(e=Q.current)||void 0===e?void 0:e.scrollWidth)>(null===(t=Q.current)||void 0===t?void 0:t.offsetWidth))}),[null===(t=Q.current)||void 0===t?void 0:t.offsetWidth,X]);var $=f.getAppDimension(X),ee=u.getAppName(y),te=u.getAppSegment(y),ae=te===d.SEGMENTS.COMPLETION,se=function(e){var t,a=e.appSettings,s=void 0===a?{}:a,n=e.well,r=e.rig,i=e.fracFleet,l=e.segment,o=l===d.SEGMENTS.DRILLING,u=l===d.SEGMENTS.COMPLETION,p=s.wellId,c=s.rigId,f=s.fracFleetId,m=s.padId,g=null==i||null===(t=i.pad_frac_fleets.find((function(e){return e.pad.id===(m||i.current_pad_id)})))||void 0===t?void 0:t.pad,j=o?p&&(null==n?void 0:n.name):null==g?void 0:g.name,v="/assets/types/pad/".concat(m||(null==i?void 0:i.current_pad_id)),A=o?null==r?void 0:r.name:null==i?void 0:i.name,h=!!(p||c||f),b=!1,y=o?A&&_(n):v;return u&&!h&&null!=n&&n.id&&null!=n&&n.name&&(b=!0,h=!0,y=_(n),A=n.name),{isPrimaryAssetStatusVisible:b,isPrimaryNameVisible:h,primaryAssetLink:y,primaryAssetName:A,secondaryAssetLink:o?_(n):"/assets/types/pad/".concat(m||(null==i?void 0:i.current_pad_id)),secondaryAssetName:j}}({appSettings:null==y?void 0:y.settings,well:U,rig:F,fracFleet:E,segment:te}),ne=se.isPrimaryAssetStatusVisible,re=se.isPrimaryNameVisible,ie=se.primaryAssetLink,le=se.primaryAssetName,de=se.secondaryAssetLink,oe=se.secondaryAssetName,ue=[f.APP_LAYOUT_SIZES.MEDIUM,f.APP_LAYOUT_SIZES.SMALL].includes($),pe=y&&y.id===o.DEV_CENTER_CLI_APP_ID,ce={fracFleet:E,wells:V,well:U,onSettingChange:D,appSettings:L,disableActiveWellsInPadSelect:null==y||null===(n=y.package)||void 0===n||null===(r=n.manifest)||void 0===r||null===(c=r.application)||void 0===c||null===(b=c.ui)||void 0===b?void 0:b.disableActiveWellsInPadSelect},fe=A.useStyles({isMobileSize:ue});return h.jsxs("div",{className:q.default(fe.appHeaderWrapper,M.appHeader),children:[h.jsxs("div",{className:fe.appHeaderContainer,children:[h.jsx("div",{className:q.default(fe.titleBlock,M.titleBlock),children:h.jsxs("div",{className:M.appHeaderTitleWrapper,ref:Q,children:[h.jsxs("div",{className:fe.titleWrapper,children:[W&&h.jsxs(h.Fragment,{children:[h.jsx("img",{className:fe.logo,src:W,alt:"company logo"}),h.jsx("div",{className:fe.separateLine})]}),h.jsx(i.Tooltip,{title:J?ee:"",placement:"bottom",children:h.jsx("h6",{"data-testid":"".concat(P,"_name"),className:fe.title,children:ee})}),h.jsx(p.VersionBadge,{appPackage:null==y?void 0:y.package})]}),O]})}),y&&w&&h.jsxs("div",{className:q.default(v.controlsContainer,T&&v.appMaximized),children:[!ue&&h.jsxs(h.Fragment,{children:[ae&&z&&h.jsx(i.Typography,{variant:"caption",children:z}),ae&&h.jsx(G,N({},ce)),I]}),h.jsxs("div",{className:v.assetLabels,children:[oe&&h.jsx(m.SecondaryAssetNameLabel,{assetName:oe,coordinatesPixelWidth:X,dataTestId:"".concat(P,"_secondaryAsset"),href:!pe&&de,icon:ae&&h.jsx(j.PadIcon,{}),isColored:!ae||y.settings.padId&&y.settings.padId!==E.current_pad_id}),re&&h.jsx(g.AssetNameLabel,{assetName:le,coordinatesPixelWidth:X,dataTestId:"".concat(P,"_primaryAsset"),href:!pe&&ie,statusBadge:ne&&B})]})]}),H&&x&&h.jsx(l,{annotation:x,appId:s.get(y,["app","id"]),currentUser:C,dashboardAppId:y.id,openAnnotationsList:k,updateCurrentDashboardAppLastAnnotation:R})]}),ue&&h.jsxs(i.Box,{display:"flex",alignItems:"center",mt:1,children:[ae&&!U&&(V||E)&&h.jsx("div",{className:v.padModeSelect,children:h.jsx(G,N({},ce))}),I]})]})}O.propTypes={app:x.default.object.isRequired,badge:x.default.node,classes:x.default.shape({appHeader:x.default.string,titleBlock:x.default.string,appHeaderTitleWrapper:x.default.string}),showLastAnnotation:x.default.bool,currentUser:x.default.shape({}),appLastAnnotation:x.default.shape({}),updateCurrentDashboardAppLastAnnotation:x.default.func,openAnnotationsList:x.default.func,rig:x.default.shape({name:x.default.string,asset_id:x.default.number}),well:x.default.shape({name:x.default.string,asset_id:x.default.number}),fracFleet:x.default.shape({name:x.default.string,current_pad_id:x.default.number,pad_frac_fleets:x.default.arrayOf(x.default.shape({pad:x.default.shape({id:x.default.number.isRequired}).isRequired})).isRequired}),wells:x.default.arrayOf(x.default.shape({})),coordinates:x.default.shape({pixelWidth:x.default.number.isRequired}),isMaximized:x.default.bool,appSettings:x.default.shape({}),onSettingChange:x.default.func,children:x.default.node,logoSrc:x.default.string,primaryAssetStatusBadge:x.default.node,PadModeComponent:x.default.elementType,activeWellName:x.default.string},O.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,children:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,logoSrc:null,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,primaryAssetStatusBadge:null,PadModeComponent:c,activeWellName:null},exports.PAGE_NAME=P,exports.default=O;
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),o=require("@material-ui/core"),i=require("prop-types"),a=require("classnames"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(e),p=s(t),u=s(i),c=s(a),d=["DisabledTooltipProps","disabled"];function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){n.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=o.makeStyles((function(e){return{disabled:{color:e.palette.primary.text9,opacity:1,cursor:"default"},tooltipTrigger:{position:"absolute",top:0,bottom:0,left:0,right:0}}})),m=r.forwardRef((function(e,t){var r=e.DisabledTooltipProps,i=e.disabled,a=p.default(e,d),s=j();return i?l.jsx(o.MenuItem,f(f({},a),{},{ref:t,className:c.default(s.disabled,a.className),tabIndex:-1,button:!1,children:l.jsxs(l.Fragment,{children:[a.children,l.jsx(o.Tooltip,f(f({title:"Disabled",placement:"right"},r),{},{children:l.jsx("div",{onClick:function(e){e.stopPropagation()},className:s.tooltipTrigger})}))]})})):l.jsx(o.MenuItem,f({},a))}));m.propTypes={disabled:u.default.bool,DisabledTooltipProps:u.default.shape({})},m.defaultProps={disabled:!1,DisabledTooltipProps:{}},module.exports=m;
1
+ "use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),o=require("@material-ui/core"),i=require("prop-types"),a=require("classnames"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(e),p=s(t),u=s(i),c=s(a),d=["DisabledTooltipProps","disabled"];function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){n.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=o.makeStyles((function(e){return{disabled:{color:e.palette.primary.text9,opacity:1,cursor:"default"},tooltipTrigger:{position:"absolute",top:0,bottom:0,left:0,right:0}}})),m=r.forwardRef((function(e,t){var r=e.DisabledTooltipProps,i=void 0===r?void 0:r,a=e.disabled,s=void 0!==a&&a,n=p.default(e,d),u=j();return s?l.jsx(o.MenuItem,f(f({},n),{},{ref:t,className:c.default(u.disabled,n.className),tabIndex:-1,button:!1,children:l.jsxs(l.Fragment,{children:[n.children,l.jsx(o.Tooltip,f(f({title:"Disabled",placement:"right"},i),{},{children:l.jsx("div",{onClick:function(e){e.stopPropagation()},className:u.tooltipTrigger})}))]})})):l.jsx(o.MenuItem,f({},n))}));m.propTypes={disabled:u.default.bool,DisabledTooltipProps:u.default.shape({})},m.defaultProps={disabled:!1,DisabledTooltipProps:{}},module.exports=m;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);exports.useCustomShrink=function(e){var n=e.startIcon,u=e.endIcon,o=e.onFocus,l=e.onBlur,s=e.value,f=e.InputProps,a=t.useState(),i=r.default(a,2),d=i[0],c=i[1],p=t.useState(),v=r.default(p,2),h=v[0],b=v[1],m=t.useState("string"==typeof s&&0!==s.length||"number"==typeof s&&0!==String(s).length||!(null==f||!f.startAdornment)||!1),g=r.default(m,2),y=g[0],A=g[1],I=t.useRef(null),S=t.useRef(null);return t.useEffect((function(){var e,t;c(null===(e=I.current)||void 0===e?void 0:e.offsetWidth),b(null===(t=S.current)||void 0===t?void 0:t.offsetWidth)}),[n,u]),{shrink:y,onInputFocus:function(e){A(!0),o&&o(e)},onInputBlur:function(e){0!==e.target.value.length||null!=f&&f.startAdornment||A(!1),l&&l(e)},startlabelOffset:d,endlabelOffset:h,startAdornmentRef:I,endAdornmentRef:S}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);exports.useCustomShrink=function(e){var n=e.startIcon,u=e.endIcon,o=e.onFocus,l=e.onBlur,s=e.value,f=e.InputProps,a=t.useState(),i=r.default(a,2),d=i[0],c=i[1],p=t.useState(),v=r.default(p,2),h=v[0],b=v[1],m=t.useState("string"==typeof s&&0!==s.length||"number"==typeof s&&0!==String(s).length||!(null==f||!f.startAdornment)||!1),g=r.default(m,2),y=g[0],A=g[1],I=t.useRef(null),S=t.useRef(null);return t.useEffect((function(){var e,t;c(null===(e=I.current)||void 0===e?void 0:e.offsetWidth),b(null===(t=S.current)||void 0===t?void 0:t.offsetWidth)}),[n,u]),{shrink:y,onInputFocus:function(e){A(!0),o&&o(e)},onInputBlur:function(e){0!==e.target.value.length||null!=f&&f.startAdornment||A(!1),l&&l(e)},startLabelOffset:d,endLabelOffset:h,startAdornmentRef:I,endAdornmentRef:S}};
@@ -1 +1 @@
1
- "use strict";var t=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("prop-types"),r=require("@material-ui/core"),o=require("./effects/index.js"),u=require("../../config/theme/palette.mjs.js"),l=require("react/jsx-runtime");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=a(t),i=a(e),p=a(n),d=["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"];function c(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?c(Object(n),!0).forEach((function(e){s.default(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var m=r.makeStyles((function(t){return{textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:function(t){return t.startlabelOffset?"".concat(t.startlabelOffset+8,"px"):0},marginRight:function(t){return t.endlabelOffset?"".concat(t.endlabelOffset+8,"px"):0}},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:u.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.error.main," !important")}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.primary.main," !important")}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}})),b=function(t){var e=t.startIcon,n=t.endIcon,u=t.onFocus,a=t.onBlur,s=t.InputProps,p=t.value,c=t.startAdornment,b=t.endAdornment,I=i.default(t,d),v=o.useCustomShrink({startIcon:e,endIcon:n,onFocus:u,onBlur:a,value:p,InputProps:s}),O=v.shrink,g=v.onInputFocus,h=v.onInputBlur,A=v.startlabelOffset,P=v.endlabelOffset,j=v.startAdornmentRef,y=v.endAdornmentRef,M=m({startlabelOffset:A,endlabelOffset:P});return l.jsx(r.TextField,f(f({},I),{},{onFocus:g,onBlur:h,value:p,classes:{root:M.textField},InputLabelProps:f({shrink:O,classes:{shrink:M.shrunkLabel}},t.InputLabelProps),InputProps:f({startAdornment:e?l.jsx(r.InputAdornment,{position:"start",ref:j,children:e}):c,endAdornment:n?l.jsx(r.InputAdornment,{position:"end",ref:y,children:n}):b},t.InputProps)}))};b.propTypes={startIcon:p.default.node,endIcon:p.default.node,InputProps:p.default.shape({startAdornment:null}),InputLabelProps:p.default.shape({startAdornment:null}),value:p.default.oneOf([p.default.string,p.default.number]),onFocus:p.default.func,onBlur:p.default.func,endAdornment:p.default.node,startAdornment:p.default.node},b.defaultProps={startIcon:null,endIcon:null,InputProps:void 0,InputLabelProps:void 0,value:"",onFocus:void 0,onBlur:void 0,endAdornment:null,startAdornment:null},module.exports=b;
1
+ "use strict";var t=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),e=require("@material-ui/core"),r=require("./effects/index.js"),o=require("../../config/theme/palette.mjs.js"),s=e.makeStyles((function(t){return{textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:function(t){return t.startLabelOffset?"".concat(t.startLabelOffset+8,"px"):0},marginRight:function(t){return t.endLabelOffset?"".concat(t.endLabelOffset+8,"px"):0}},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:o.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.error.main," !important")}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.primary.main," !important")}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}}));module.exports=function(o){var i=o.startIcon,u=o.endIcon,a=o.onFocus,l=o.onBlur,d=o.InputProps,c=o.value,p=void 0===c?"":c,m=o.startAdornment,f=o.endAdornment,I=t.__rest(o,["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"]),g=r.useCustomShrink({startIcon:i,endIcon:u,onFocus:a,onBlur:l,value:p,InputProps:d}),b=g.shrink,A=g.onInputFocus,L=g.onInputBlur,M=g.startLabelOffset,v=g.endLabelOffset,h=g.startAdornmentRef,x=g.endAdornmentRef,_=s({startLabelOffset:M,endLabelOffset:v});return n.jsx(e.TextField,t.__assign({},I,{onFocus:A,onBlur:L,value:p,classes:{root:_.textField},InputLabelProps:t.__assign({shrink:b,classes:{shrink:_.shrunkLabel}},o.InputLabelProps),InputProps:t.__assign({startAdornment:i?n.jsx(e.InputAdornment,t.__assign({position:"start",ref:h},{children:i})):m,endAdornment:u?n.jsx(e.InputAdornment,t.__assign({position:"end",ref:x},{children:u})):f},o.InputProps)}))};
@@ -1 +1 @@
1
- "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("@babel/runtime/helpers/defineProperty"),i=require("react"),o=require("prop-types"),n=require("@material-ui/core"),l=require("classnames"),a=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(r),p=s(t),f=s(o),d=s(l),b=["children","className","maxLines","showTooltip"];function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=n.makeStyles({root:function(e){var r=e.maxLines;return h({overflow:"hidden"},r?{display:"-webkit-box","-webkit-line-clamp":r,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"})}});function O(e){var r=e.children,t=e.className,o=e.maxLines,l=e.showTooltip,s=c.default(e,b),p=i.useState(!1),f=u.default(p,2),m=f[0],O=f[1],w=i.useRef(),j=y({maxLines:o});i.useEffect((function(){var e=w.current,r=e.scrollWidth,t=e.clientWidth,i=e.scrollHeight,n=e.clientHeight;O(o?i>n:r>t)}));var v=a.jsx("div",h(h({className:d.default(j.root,t),ref:w},s),{},{children:r}));return m&&l?a.jsx(n.Tooltip,{title:r,children:v}):v}O.propTypes={children:f.default.oneOfType([f.default.node,f.default.string]).isRequired,className:f.default.string,maxLines:f.default.number,showTooltip:f.default.bool},O.defaultProps={className:"",maxLines:null,showTooltip:!0},module.exports=O;
1
+ "use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("@babel/runtime/helpers/defineProperty"),i=require("react"),o=require("prop-types"),l=require("@material-ui/core"),n=require("classnames"),a=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(r),p=s(t),f=s(o),d=s(n),b=["children","className","maxLines","showTooltip"];function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){p.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=l.makeStyles({root:function(e){var r=e.maxLines;return h({overflow:"hidden"},r?{display:"-webkit-box","-webkit-line-clamp":r,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"})}});function O(e){var r=e.children,t=e.className,o=void 0===t?"":t,n=e.maxLines,s=void 0===n?null:n,p=e.showTooltip,f=void 0===p||p,m=c.default(e,b),O=i.useState(!1),v=u.default(O,2),w=v[0],j=v[1],x=i.useRef(),g=y({maxLines:s});i.useEffect((function(){var e=x.current,r=e.scrollWidth,t=e.clientWidth,i=e.scrollHeight,o=e.clientHeight;j(s?i>o:r>t)}));var P=a.jsx("div",h(h({className:d.default(g.root,o),ref:x},m),{},{children:r}));return w&&f?a.jsx(l.Tooltip,{title:r,children:P}):P}O.propTypes={children:f.default.oneOfType([f.default.node,f.default.string]).isRequired,className:f.default.string,maxLines:f.default.number,showTooltip:f.default.bool},O.defaultProps={className:"",maxLines:null,showTooltip:!0},module.exports=O;
@@ -2,6 +2,6 @@ export default ChartButtons;
2
2
  declare function ChartButtons({ children, className, ...otherProps }: {
3
3
  [x: string]: any;
4
4
  children: any;
5
- className: any;
5
+ className?: any;
6
6
  }): JSX.Element;
7
7
  //# sourceMappingURL=ChartButtons.d.ts.map
@@ -1 +1 @@
1
- import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import{makeStyles as o}from"@material-ui/core";import n from"classnames";import i from"../ChartWrapperContext.js";import{jsx as c}from"react/jsx-runtime";var a=["children","className"];function m(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var s=o({container:{position:"absolute",right:"8px",display:"flex",flexDirection:"column",bottom:function(r){return r.marginBottom+3}}}),l=function(r){var o=r.children,m=r.className,l=e(r,a),f=t(i).chartStyles,u=s({marginBottom:f.marginBottom});return c("div",p(p({className:n(u.container,m)},l),{},{children:o}))};export{l as default};
1
+ import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import{makeStyles as o}from"@material-ui/core";import n from"classnames";import i from"../ChartWrapperContext.js";import{jsx as c}from"react/jsx-runtime";var a=["children","className"];function m(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var s=o({container:{position:"absolute",right:"8px",display:"flex",flexDirection:"column",bottom:function(r){return r.marginBottom+3}}}),l=function(r){var o=r.children,m=r.className,l=void 0===m?null:m,f=e(r,a),u=t(i).chartStyles,b=s({marginBottom:u.marginBottom});return c("div",p(p({className:n(b.container,l)},f),{},{children:o}))};export{l as default};
@@ -2,10 +2,10 @@ export default ChartWrapper;
2
2
  declare function ChartWrapper({ children, chartRef, isAxesCoordinatesShown, onCustomizeScaleClick, onZoomChangeCallback, chartOptions, }: {
3
3
  children: any;
4
4
  chartRef: any;
5
- isAxesCoordinatesShown: any;
6
- onCustomizeScaleClick: any;
7
- onZoomChangeCallback: any;
8
- chartOptions: any;
5
+ isAxesCoordinatesShown?: boolean;
6
+ onCustomizeScaleClick?: any;
7
+ onZoomChangeCallback?: () => void;
8
+ chartOptions?: {};
9
9
  }): JSX.Element;
10
10
  declare namespace ChartWrapper {
11
11
  namespace defaultProps {
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{makeStyles as r}from"@material-ui/core";import{isEmpty as o,merge as n}from"lodash";import{useState as a,useEffect as i}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as h}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import{useChartTypeSwitch as m}from"../effects/useChartTypeSwitch.js";import d from"./AxisOverlay.js";import{jsx as u,jsxs as p}from"react/jsx-runtime";function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?f(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var C=r({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},y=function(e){var r,f,y,g,O,j,S,Z,P=e.children,w=e.chartRef,x=e.isAxesCoordinatesShown,E=e.onCustomizeScaleClick,z=e.onZoomChangeCallback,T=e.chartOptions,k=C(),A=a({}),D=t(A,2),B=D[0],M=D[1],R=h({chart:null===(r=w.current)||void 0===r?void 0:r.chart}),H=R.zoomStatus,I=R.zoomConfig,N=R.handleZoomEvent,W=R.handleResetZoom,q=R.isZoomEnabled,F=R.handleIsZoomEnabledChange,G=R.debouncedChartSelection;i((function(){var e,t,r;o(null===(e=w.current)||void 0===e?void 0:e.chart)||M({marginBottom:null===(t=w.current)||void 0===t||null===(r=t.chart)||void 0===r?void 0:r.marginBottom})}),[]);var J=(null===(f=w.current)||void 0===f||null===(y=f.chart)||void 0===y||null===(g=y.plotBox)||void 0===g?void 0:g.height)<=c;s({chart:null===(O=w.current)||void 0===O?void 0:O.chart,chartOptions:n({},b,T),isZoomEnabled:q,isMinHeightChart:J,onZoomChangeCallback:z,handleChartSelection:G,isAxesCoordinatesShown:x});var K=m({chart:null===(j=w.current)||void 0===j?void 0:j.chart}),L=K.chartType,Q=K.handleChartTypeChange,U={chart:null===(S=w.current)||void 0===S?void 0:S.chart,chartType:L,zoomConfig:I,chartStyles:B,zoomStatus:H,isZoomEnabled:q,setChartStyles:M,handleChartTypeChange:Q,handleResetZoom:W,handleZoomEvent:N,isMinHeightChart:J,handleChartSelection:G,handleChangeChartStyles:function(e){M((function(t){return v(v({},t),e)}))},handleIsZoomEnabledChange:F};return u("div",{className:k.container,children:p(l.Provider,{value:U,children:[P,E&&(null===(Z=w.current)||void 0===Z?void 0:Z.chart.axes.map((function(e){return u(d,v({onCustomizeScaleClick:E},e),e.coll)})))]})})};y.defaultProps={onZoomChangeCallback:function(){}};export{y as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{makeStyles as t}from"@material-ui/core";import{isEmpty as r,merge as n}from"lodash";import{useState as i,useEffect as a}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as h}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import{useChartTypeSwitch as d}from"../effects/useChartTypeSwitch.js";import m from"./AxisOverlay.js";import{jsx as u,jsxs as p}from"react/jsx-runtime";function f(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function v(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){e(o,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var C=t({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},y=function(e){var t,f,y,g,O,j,S,Z,P=e.children,w=e.chartRef,x=e.isAxesCoordinatesShown,E=void 0!==x&&x,z=e.onCustomizeScaleClick,T=void 0===z?null:z,k=e.onZoomChangeCallback,A=void 0===k?function(){}:k,D=e.chartOptions,B=void 0===D?{}:D,M=C(),R=i({}),H=o(R,2),I=H[0],N=H[1],W=h({chart:null===(t=w.current)||void 0===t?void 0:t.chart}),q=W.zoomStatus,F=W.zoomConfig,G=W.handleZoomEvent,J=W.handleResetZoom,K=W.isZoomEnabled,L=W.handleIsZoomEnabledChange,Q=W.debouncedChartSelection;a((function(){var e,o,t;r(null===(e=w.current)||void 0===e?void 0:e.chart)||N({marginBottom:null===(o=w.current)||void 0===o||null===(t=o.chart)||void 0===t?void 0:t.marginBottom})}),[]);var U=(null===(f=w.current)||void 0===f||null===(y=f.chart)||void 0===y||null===(g=y.plotBox)||void 0===g?void 0:g.height)<=c;s({chart:null===(O=w.current)||void 0===O?void 0:O.chart,chartOptions:n({},b,B),isZoomEnabled:K,isMinHeightChart:U,onZoomChangeCallback:A,handleChartSelection:Q,isAxesCoordinatesShown:E});var V=d({chart:null===(j=w.current)||void 0===j?void 0:j.chart}),X=V.chartType,Y=V.handleChartTypeChange,$={chart:null===(S=w.current)||void 0===S?void 0:S.chart,chartType:X,zoomConfig:F,chartStyles:I,zoomStatus:q,isZoomEnabled:K,setChartStyles:N,handleChartTypeChange:Y,handleResetZoom:J,handleZoomEvent:G,isMinHeightChart:U,handleChartSelection:Q,handleChangeChartStyles:function(e){N((function(o){return v(v({},o),e)}))},handleIsZoomEnabledChange:L};return u("div",{className:M.container,children:p(l.Provider,{value:$,children:[P,T&&(null===(Z=w.current)||void 0===Z?void 0:Z.chart.axes.map((function(e){return u(m,v({onCustomizeScaleClick:T},e),e.coll)})))]})})};y.defaultProps={onZoomChangeCallback:function(){}};export{y as default};
@@ -1,7 +1,7 @@
1
1
  export default ChartTypeButton;
2
2
  declare function ChartTypeButton({ className, onClick }: {
3
- className: any;
4
- onClick: any;
3
+ className?: any;
4
+ onClick?: () => void;
5
5
  }): JSX.Element;
6
6
  declare namespace ChartTypeButton {
7
7
  namespace defaultProps {
@@ -1 +1 @@
1
- import t from"@babel/runtime/helpers/slicedToArray";import{useContext as r,useState as o}from"react";import e from"classnames";import{makeStyles as n}from"@material-ui/core";import{LineChartIcon as a,HistogramIcon as i}from"../../../../icons/index.js";import c from"../ChartButton.js";import m from"../../ChartWrapperContext.js";import{jsxs as s,jsx as u}from"react/jsx-runtime";var d=n((function(t){var r=t.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:r.background.b7}},hoveredContainer:{background:r.background.b7}}})),l="spline",p="bar",h=function(n){var h=n.className,b=n.onClick,f=r(m),C=f.chartType,g=f.handleChartTypeChange,v=o(!1),k=t(v,2),B=k[0],R=k[1],x=d();return s("div",{className:e(x.container,h),onMouseEnter:function(){R(!0)},onMouseLeave:function(){R(!1)},children:[u(c,{className:e(x.lineChartButton,B&&x.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===l,onClick:function(){g(l),b(l)},children:u(a,{size:16})}),u(c,{className:e(x.barChartButton,B&&x.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===p,onClick:function(){g(p),b(p)},children:u(i,{size:16})})]})};h.defaultProps={onClick:function(){},isHidden:!1};export{h as default};
1
+ import t from"@babel/runtime/helpers/slicedToArray";import{useContext as o,useState as r}from"react";import e from"classnames";import{makeStyles as n}from"@material-ui/core";import{LineChartIcon as i,HistogramIcon as a}from"../../../../icons/index.js";import c from"../ChartButton.js";import m from"../../ChartWrapperContext.js";import{jsxs as s,jsx as u}from"react/jsx-runtime";var d=n((function(t){var o=t.palette;return{container:{display:"flex",marginRight:4,"&:hover $button":{background:"red !important"}},lineChartButton:{borderTopRightRadius:0,borderBottomRightRadius:0,marginBottom:0,"&:active":{background:o.background.b7}},barChartButton:{borderTopLeftRadius:0,borderBottomLeftRadius:0,marginBottom:0,"&:active":{background:o.background.b7}},hoveredContainer:{background:o.background.b7}}})),l="spline",p="bar",h=function(n){var h=n.className,b=void 0===h?null:h,f=n.onClick,C=void 0===f?function(){}:f,v=o(m),g=v.chartType,k=v.handleChartTypeChange,B=r(!1),R=t(B,2),x=R[0],T=R[1],j=d();return s("div",{className:e(j.container,b),onMouseEnter:function(){T(!0)},onMouseLeave:function(){T(!1)},children:[u(c,{className:e(j.lineChartButton,x&&j.hoveredContainer),tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:g===l,onClick:function(){k(l),C(l)},children:u(i,{size:16})}),u(c,{className:e(j.barChartButton,x&&j.hoveredContainer),tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:g===p,onClick:function(){k(p),C(p)},children:u(a,{size:16})})]})};h.defaultProps={onClick:function(){},isHidden:!1};export{h as default};
@@ -1,8 +1,8 @@
1
1
  export default DragToZoomButton;
2
2
  declare function DragToZoomButton({ onClick, isHidden, ...props }: {
3
3
  [x: string]: any;
4
- onClick: any;
5
- isHidden: any;
4
+ onClick?: () => void;
5
+ isHidden?: boolean;
6
6
  }): JSX.Element;
7
7
  declare namespace DragToZoomButton {
8
8
  namespace defaultProps {
@@ -1 +1 @@
1
- import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import{MoveInIcon as o}from"../../../../icons/index.js";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as p}from"react/jsx-runtime";var c=["onClick","isHidden"];function s(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function a(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?s(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var l=function(r){var s=r.onClick,l=r.isHidden,f=e(r,c),m=t(n),u=m.isMinHeightChart,b=m.isZoomEnabled,d=m.handleIsZoomEnabledChange;return p(i,a(a({},f),{},{tooltipProps:a({title:"Drag To Zoom"},f.tooltipProps),isActive:b,onClick:function(){d(!0),s()},isHidden:u||l,children:p(o,{size:16})}))};l.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{l as default};
1
+ import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{MoveInIcon as o}from"../../../../icons/index.js";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as c}from"react/jsx-runtime";var p=["onClick","isHidden"];function s(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function a(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?s(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var f=function(r){var s=r.onClick,f=void 0===s?function(){}:s,l=r.isHidden,m=void 0!==l&&l,u=t(r,p),b=e(n),d=b.isMinHeightChart,O=b.isZoomEnabled,j=b.handleIsZoomEnabledChange;return c(i,a(a({},u),{},{tooltipProps:a({title:"Drag To Zoom"},u.tooltipProps),isActive:O,onClick:function(){j(!0),f()},isHidden:d||m,children:c(o,{size:16})}))};f.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{f as default};
@@ -1,9 +1,5 @@
1
1
  export default HideAxesButton;
2
- declare function HideAxesButton({ onClick, isHidden, ...props }: {
3
- [x: string]: any;
4
- onClick: any;
5
- isHidden: any;
6
- }): JSX.Element;
2
+ declare function HideAxesButton(props: any): JSX.Element;
7
3
  declare namespace HideAxesButton {
8
4
  namespace defaultProps {
9
5
  const tooltipProps: {};
@@ -1 +1 @@
1
- {"version":3,"file":"HideAxesButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/components/buttons/HideAxesButton.js"],"names":[],"mappings":";AAgBA;;;;gBAsBC"}
1
+ {"version":3,"file":"HideAxesButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chart/components/buttons/HideAxesButton.js"],"names":[],"mappings":";AAgBA,yDAsBC"}
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as t}from"react";import o from"classnames";import{makeStyles as i}from"@material-ui/core";import{ExpandIcon as s,CollapseIcon as n}from"../../../../icons/index.js";import a from"../ChartButton.js";import p from"../../ChartWrapperContext.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useHideAxes as c}from"../../effects/useHideAxes.js";import"../../effects/useChartModifier.js";import{jsx as m}from"react/jsx-runtime";var l=["onClick","isHidden"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var d=i({icon:{top:0,transform:"rotate(45deg)"}}),h=function(e){e.onClick,e.isHidden;var i=r(e,l),f=t(p),h=f.chart,b=f.handleChangeChartStyles,j=c({chart:h,onChartStylesChange:b}),O=j.isHiddenAxes,y=j.handleAxesHide,P=d();return m(a,u(u({},i),{},{className:o(P.hideAxesButton,i.className),tooltipProps:u({title:O?"Show Axes":"Hide Axes"},i.tooltipProps),onClick:y,children:m(O?s:n,{className:P.icon,size:16})}))};h.defaultProps={tooltipProps:{}};export{h as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import{useContext as r}from"react";import t from"classnames";import{makeStyles as o}from"@material-ui/core";import{ExpandIcon as i,CollapseIcon as s}from"../../../../icons/index.js";import n from"../ChartButton.js";import a from"../../ChartWrapperContext.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useHideAxes as p}from"../../effects/useHideAxes.js";import"../../effects/useChartModifier.js";import{jsx as c}from"react/jsx-runtime";function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function f(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var l=o({icon:{top:0,transform:"rotate(45deg)"}}),u=function(e){var o=r(a),m=o.chart,u=o.handleChangeChartStyles,h=p({chart:m,onChartStylesChange:u}),d=h.isHiddenAxes,b=h.handleAxesHide,j=l();return c(n,f(f({},e),{},{className:t(j.hideAxesButton,e.className),tooltipProps:f({title:d?"Show Axes":"Hide Axes"},e.tooltipProps),onClick:b,children:c(d?i:s,{className:j.icon,size:16})}))};u.defaultProps={tooltipProps:{}};export{u as default};
@@ -1,8 +1,8 @@
1
1
  export default PanButton;
2
2
  declare function PanButton({ onClick, isHidden, ...props }: {
3
3
  [x: string]: any;
4
- onClick: any;
5
- isHidden: any;
4
+ onClick?: () => void;
5
+ isHidden?: boolean;
6
6
  }): JSX.Element;
7
7
  declare namespace PanButton {
8
8
  namespace defaultProps {
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{FiveIcon as o}from"../../../../icons/index.js";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as s}from"react/jsx-runtime";var p=["onClick","isHidden"];function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function a(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?c(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var l=function(e){var c=e.onClick,l=e.isHidden,f=t(e,p),m=r(n),u=m.zoomStatus,b=m.isMinHeightChart,d=m.isZoomEnabled,O=m.handleIsZoomEnabledChange;return s(i,a(a({},f),{},{disabled:u.isReset,tooltipProps:a({title:"Pan"},f.tooltipProps),isActive:!d,onClick:function(){O(!1),c()},isHidden:b||l,children:s(o,{size:16})}))};l.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{l as default};
1
+ import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{FiveIcon as o}from"../../../../icons/index.js";import i from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{jsx as s}from"react/jsx-runtime";var c=["onClick","isHidden"];function p(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 a(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var l=function(t){var p=t.onClick,l=void 0===p?function(){}:p,f=t.isHidden,u=void 0!==f&&f,m=e(t,c),b=r(n),d=b.zoomStatus,O=b.isMinHeightChart,j=b.isZoomEnabled,P=b.handleIsZoomEnabledChange;return s(i,a(a({},m),{},{disabled:d.isReset,tooltipProps:a({title:"Pan"},m.tooltipProps),isActive:!j,onClick:function(){P(!1),l()},isHidden:O||u,children:s(o,{size:16})}))};l.defaultProps={onClick:function(){},isHidden:!1,tooltipProps:{}};export{l as default};
@@ -1,9 +1,9 @@
1
1
  export default ResetZoomButton;
2
2
  declare function ResetZoomButton({ onClick, isHidden, isVisible, ...props }: {
3
3
  [x: string]: any;
4
- onClick: any;
5
- isHidden: any;
6
- isVisible: any;
4
+ onClick?: () => void;
5
+ isHidden?: boolean;
6
+ isVisible?: boolean;
7
7
  }): JSX.Element;
8
8
  declare namespace ResetZoomButton {
9
9
  namespace defaultProps {
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{UndoIcon as o}from"../../../../icons/index.js";import i from"../../ChartWrapperContext.js";import n from"../ChartButton.js";import{jsx as s}from"react/jsx-runtime";var p=["onClick","isHidden","isVisible"];function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function l(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?c(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var f=function(e){var c=e.onClick,f=e.isHidden,a=e.isVisible,m=t(e,p),u=r(i),b=u.isMinHeightChart,O=u.handleResetZoom,d=u.zoomStatus.isReset||b||f;return s(n,l(l({},m),{},{onClick:function(){O(),c()},tooltipProps:l({title:"Reset Zoom"},m.tooltipProps),isHidden:d&&!a,children:s(o,{size:16})}))};f.defaultProps={onClick:function(){},isHidden:!1,isVisible:!1,tooltipProps:{}};export{f as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as r}from"react";import{UndoIcon as o}from"../../../../icons/index.js";import i from"../../ChartWrapperContext.js";import n from"../ChartButton.js";import{jsx as s}from"react/jsx-runtime";var p=["onClick","isHidden","isVisible"];function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function l(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?c(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var f=function(e){var c=e.onClick,f=void 0===c?function(){}:c,a=e.isHidden,u=void 0!==a&&a,m=e.isVisible,b=void 0!==m&&m,d=t(e,p),O=r(i),j=O.isMinHeightChart,P=O.handleResetZoom,h=O.zoomStatus.isReset||j||u;return s(n,l(l({},d),{},{onClick:function(){P(),f()},tooltipProps:l({title:"Reset Zoom"},d.tooltipProps),isHidden:h&&!b,children:s(o,{size:16})}))};f.defaultProps={onClick:function(){},isHidden:!1,isVisible:!1,tooltipProps:{}};export{f as default};
@@ -1,7 +1,7 @@
1
1
  export default ZoomInButton;
2
2
  declare function ZoomInButton({ onClick, ...props }: {
3
3
  [x: string]: any;
4
- onClick: any;
4
+ onClick?: () => void;
5
5
  }): JSX.Element;
6
6
  declare namespace ZoomInButton {
7
7
  namespace defaultProps {
@@ -1 +1 @@
1
- import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{PlusIcon as o}from"../../../../icons/index.js";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as p}from"../../constants.js";import c from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as s}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as a}from"react/jsx-runtime";var f=["onClick"];function l(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?l(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var l=r.onClick,u=t(r,f),b=e(i),j=b.zoomStatus,O=b.handleZoomEvent,d=function(){O(n.zoomIn),l()};return s({keyCode:p.arrowUp,callback:d}),a(c,m(m({},u),{},{onClick:d,disabled:j.isMax,tooltipProps:m({title:"Zoom In"},u.tooltipProps),children:a(o,{size:16})}))};u.defaultProps={onClick:function(){},tooltipProps:{}};export{u as default};
1
+ import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{PlusIcon as o}from"../../../../icons/index.js";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as p}from"../../constants.js";import c from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as s}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as a}from"react/jsx-runtime";var f=["onClick"];function l(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?l(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var l=r.onClick,u=void 0===l?function(){}:l,b=t(r,f),j=e(i),O=j.zoomStatus,d=j.handleZoomEvent,y=function(){d(n.zoomIn),u()};return s({keyCode:p.arrowUp,callback:y}),a(c,m(m({},b),{},{onClick:y,disabled:O.isMax,tooltipProps:m({title:"Zoom In"},b.tooltipProps),children:a(o,{size:16})}))};u.defaultProps={onClick:function(){},tooltipProps:{}};export{u as default};
@@ -1,7 +1,7 @@
1
1
  export default ZoomOutButton;
2
2
  declare function ZoomOutButton({ onClick, ...props }: {
3
3
  [x: string]: any;
4
- onClick: any;
4
+ onClick?: () => void;
5
5
  }): JSX.Element;
6
6
  declare namespace ZoomOutButton {
7
7
  namespace defaultProps {
@@ -1 +1 @@
1
- import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{MinusIcon as o}from"../../../../icons/index.js";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as p}from"../../constants.js";import s from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as c}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as a}from"react/jsx-runtime";var f=["onClick"];function l(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?l(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var l=r.onClick,u=t(r,f),b=e(i),j=b.handleZoomEvent,O=b.zoomStatus,d=function(){j(n.zoomOut),l()};return c({keyCode:p.arrowDown,callback:d}),a(s,m(m({},u),{},{onClick:d,tooltipProps:m({title:"Zoom Out"},u.tooltipProps),disabled:O.isReset,children:a(o,{size:16})}))};u.defaultProps={onClick:function(){},tooltipProps:{}};export{u as default};
1
+ import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{useContext as e}from"react";import{MinusIcon as o}from"../../../../icons/index.js";import i from"../../ChartWrapperContext.js";import{ZOOM_TYPE as n,HOT_KEYS as p}from"../../constants.js";import c from"../ChartButton.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import{useKeyboardControl as s}from"../../effects/useKeyboardControl.js";import"../../effects/useChartModifier.js";import{jsx as a}from"react/jsx-runtime";var f=["onClick"];function l(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?l(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var u=function(r){var l=r.onClick,u=void 0===l?function(){}:l,b=t(r,f),j=e(i),O=j.handleZoomEvent,d=j.zoomStatus,y=function(){O(n.zoomOut),u()};return s({keyCode:p.arrowDown,callback:y}),a(c,m(m({},b),{},{onClick:y,tooltipProps:m({title:"Zoom Out"},b.tooltipProps),disabled:d.isReset,children:a(o,{size:16})}))};u.defaultProps={onClick:function(){},tooltipProps:{}};export{u as default};
@@ -1,4 +1,28 @@
1
- /// <reference types="react" />
2
- declare const _default: import("react").ComponentType<Pick<{}, never> & import("@material-ui/core").StyledComponentProps<"button" | "root" | "popper" | "rightLabel" | "topLabelRoot" | "rightLabelRoot" | "topLabel" | "buttonTransparrent" | "colorLensIcon">>;
3
- export default _default;
1
+ import { FC } from 'react';
2
+ import { PopoverOrigin, TooltipProps } from '@material-ui/core';
3
+ declare const converters: {
4
+ rgba: (c: any) => string;
5
+ rgb: (c: any) => string;
6
+ hex: (c: any) => any;
7
+ rgba_rgb: (c: any) => string;
8
+ rgba_hex: (c: any) => any;
9
+ };
10
+ declare type ColorPickerProps = {
11
+ label: string;
12
+ value: string;
13
+ onChange: (color: string) => void;
14
+ converter?: keyof typeof converters;
15
+ pickerComponent?: React.ComponentType<any>;
16
+ buttonClassName?: string;
17
+ labelPosition?: 'top' | 'right';
18
+ hideLabel?: boolean;
19
+ lensColor?: string;
20
+ enableTransparencyPalette?: boolean;
21
+ tooltipProps?: TooltipProps;
22
+ 'data-testid'?: string;
23
+ popoverAnchorOrigin?: PopoverOrigin;
24
+ popoverTransformOrigin?: PopoverOrigin;
25
+ };
26
+ declare const ColorPicker: FC<ColorPickerProps>;
27
+ export default ColorPicker;
4
28
  //# sourceMappingURL=ColorPicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":";;AAqMA,wBAuDsB"}
1
+ {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,EAAE,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAKL,aAAa,EACb,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAY3B,QAAA,MAAM,UAAU;;;;;;CAMf,CAAC;AA2DF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,sBAAsB,CAAC,EAAE,aAAa,CAAC;CACxC,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiGrC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as i}from"react";import a from"prop-types";import{withStyles as l,InputLabel as s,Tooltip as c,IconButton as p,Popover as b}from"@material-ui/core";import g from"chroma-js";import u from"classnames";import m from"validate-color";import h from"./PaletteChromePicker/PaletteChromePicker.js";import{PaletteIcon as d}from"../../icons/index.js";var f={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?f.rgb(o):f.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?f.hex(o):f.rgba(o)}},v=function(a){var l,h,v,x=a.label,C=a.value,L=a.converter,P=a.onChange,k=a.buttonClassName,T=a.popoverAnchorOrigin,O=a.popoverTransformOrigin,y=a.labelPosition,R=a.hideLabel,z=a.pickerComponent,j=a.classes,I=a.lensColor,N=a.enableTransparencyPalette,S=a["data-testid"],w=a.tooltipProps,B=t(null),D=B[0],_=B[1],q=t("#03BCD4"),A=q[0],F=q[1],E=n();i((function(){var o=null==C?void 0:C.trim();o&&m(o)?F(o):console.error("The color value(".concat(C,") is not valid, please check it."))}),[C]);return e("div",o({className:u(j.root,(l={},l[j.topLabelRoot]="top"===y,l[j.rightLabelRoot]="right"===y,l))},{children:[!R&&r(s,o({className:u((h={},h[j.topLabel]="top"===y,h[j.rightLabel]="right"===y,h)),shrink:!0},{children:x})),r(c,o({title:w.title},w,{children:r(p,o({"data-testid":"".concat(S,"_icon_").concat(x),className:u(j.button,k,(v={},v[j.buttonTransparrent]=0===g(A).alpha(),v)),disableRipple:!0,style:{backgroundColor:A,color:I},onClick:function(o){_(o.currentTarget)},size:"small"},{children:r(d,{size:16,className:j.colorLensIcon})}))})),r(b,o({id:"colors-popper",action:E,open:Boolean(D),anchorEl:D,onClose:function(){_(null)},anchorOrigin:T,transformOrigin:O},{children:r(z,{color:A,onChange:function(o){var e=f[L](o);F(e),P(e)},onSizeChange:function(){E.current&&E.current.updatePosition()},enableTransparencyPalette:N})}))]}))},x=a.shape({vertical:a.oneOfType([a.oneOf(["top","center","bottom"]),a.number]),horizontal:a.oneOfType([a.oneOf(["left","center","right"]),a.number])}),C={buttonClassName:a.string,label:a.string,value:a.string.isRequired,onChange:a.func.isRequired,converter:a.oneOf(Object.keys(f)),classes:a.shape({button:a.string.isRequired,root:a.string,topLabelRoot:a.string,rightLabelRoot:a.string,topLabel:a.string,rightLabel:a.string,buttonTransparrent:a.string,colorLensIcon:a.string}).isRequired,pickerComponent:a.elementType,labelPosition:a.oneOf(["top","right"]),popoverAnchorOrigin:x,popoverTransformOrigin:x,tooltipProps:a.shape({title:a.string}),hideLabel:a.bool,lensColor:a.string,enableTransparencyPalette:a.bool,"data-testid":a.string};v.propTypes=C,v.defaultProps={label:"Color",buttonClassName:null,converter:"rgba_hex",pickerComponent:h,hideLabel:!1,popoverAnchorOrigin:{vertical:"bottom",horizontal:"left"},popoverTransformOrigin:{vertical:"top",horizontal:"left"},tooltipProps:{title:"Change color"},labelPosition:"top",lensColor:"#fff",enableTransparencyPalette:!1,"data-testid":"ColorPicker"};var L=l({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"5px"},buttonTransparrent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}})(v);export{L as default};
1
+ import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as i}from"react";import{makeStyles as a,InputLabel as l,Tooltip as c,IconButton as p,Popover as s}from"@material-ui/core";import b from"chroma-js";import d from"classnames";import g from"validate-color";import u from"./PaletteChromePicker/PaletteChromePicker.js";import{PaletteIcon as m}from"../../icons/index.js";var h={rgba:function(o){return"rgba(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,", ").concat(o.rgb.a,")")},rgb:function(o){return"rgb(".concat(o.rgb.r,", ").concat(o.rgb.g,", ").concat(o.rgb.b,")")},hex:function(o){return o.hex},rgba_rgb:function(o){return 1===o.rgb.a?h.rgb(o):h.rgba(o)},rgba_hex:function(o){return 1===o.rgb.a?h.hex(o):h.rgba(o)}},f=a({root:{position:"relative",display:"flex"},topLabelRoot:{flexDirection:"column"},rightLabelRoot:{flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"},button:{width:"36px",height:"24px",boxShadow:"0px 3px 6px rgba(0, 0, 0, 0.161)",borderRadius:"5px"},buttonTransparent:{position:"relative",backgroundImage:"url(".concat("/static/media/39f55985e0da1489ad22264208b0493d.svg",")"),backgroundSize:"cover",backgroundPosition:"center","&::before":{content:'""',position:"absolute",display:"block",width:"100%",height:"3px",background:"#FF0000",transform:"rotate(148deg)",borderRadius:"2px"}},colorLensIcon:{position:"relative",zIndex:2},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}}),v=function(a){var v,x,C,k=a.label,L=void 0===k?"Color":k,P=a.value,z=a.converter,R=void 0===z?"rgba_hex":z,S=a.onChange,T=a.buttonClassName,j=a.popoverAnchorOrigin,w=void 0===j?{vertical:"bottom",horizontal:"left"}:j,y=a.popoverTransformOrigin,B=void 0===y?{vertical:"top",horizontal:"left"}:y,D=a.labelPosition,I=void 0===D?"top":D,_=a.hideLabel,N=void 0!==_&&_,O=a.pickerComponent,F=void 0===O?u:O,A=a.lensColor,E=void 0===A?"#fff":A,H=a.enableTransparencyPalette,q=void 0!==H&&H,G=a["data-testid"],J=void 0===G?"ColorPicker":G,K=a.tooltipProps,M=void 0===K?{title:"Change color",children:null}:K,Q=f(),U=t(null),V=U[0],W=U[1],X=t("#03BCD4"),Y=X[0],Z=X[1],$=n();i((function(){var o=null==P?void 0:P.trim();o&&g(o)?Z(o):console.error("The color value(".concat(P,") is not valid, please check it."))}),[P]);return r("div",o({className:d(Q.root,(v={},v[Q.topLabelRoot]="top"===I,v[Q.rightLabelRoot]="right"===I,v))},{children:[!N&&e(l,o({className:d((x={},x[Q.topLabel]="top"===I,x[Q.rightLabel]="right"===I,x)),shrink:!0},{children:L})),e(c,o({title:M.title},M,{children:e(p,o({"data-testid":"".concat(J,"_icon_").concat(L),className:d(Q.button,T,(C={},C[Q.buttonTransparent]=0===b(Y).alpha(),C)),disableRipple:!0,style:{backgroundColor:Y,color:E},onClick:function(o){W(o.currentTarget)},size:"small"},{children:e(m,{size:16,className:Q.colorLensIcon})}))})),e(s,o({id:"colors-popper",action:$,open:Boolean(V),anchorEl:V,onClose:function(){W(null)},anchorOrigin:w,transformOrigin:B},{children:e(F,{color:Y,onChange:function(o){var r=h[R](o);Z(r),S(r)},onSizeChange:function(){$.current&&$.current.updatePosition()},enableTransparencyPalette:q})}))]}))};export{v as default};
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAmCnF,UAAU,eAAgB,SAAQ,uBAAuB;IACvD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,UAAU;iDAAgD,eAAe,GAAG,WAAW;;;;;;;;;;;CAqB5F,CAAC;AAcF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAsB,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAmCnF,UAAU,eAAgB,SAAQ,uBAAuB;IACvD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,UAAU;iDAAgD,eAAe,GAAG,WAAW;;;;;;;;;;;CAwB5F,CAAC;AAcF,eAAe,UAAU,CAAC"}
@@ -1 +1 @@
1
- import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import e from"classnames";import a from"prop-types";import{KeyboardDatePicker as i}from"@material-ui/pickers";import{makeStyles as s}from"@material-ui/core";import m from"moment";import{DATE_FORMAT as p}from"../../constants/dateTimeFormat.js";import{CalendarIcon as n,RightIcon as c,LeftIcon as l}from"../../icons/index.js";var u=s((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{color:o.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),f=function(a){var s=a.className,f=a.PopoverProps,d=o(a,["className","PopoverProps"]),P=u();return t(i,r({disableToolbar:!0,variant:"inline",keyboardIcon:t(n,{size:16}),rightArrowIcon:t(c,{size:24}),leftArrowIcon:t(l,{size:24}),format:p,placeholder:m().format(p),refuse:/[^(\w|\d)]+/gi},d,{PopoverProps:r({className:e(P.paper,f.className)},f),className:e(P.dateTimePickerInput,s)}))};f.propTypes={PopoverProps:a.shape({className:a.string}),className:a.string},f.defaultProps={PopoverProps:{},className:""};export{f as default};
1
+ import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import e from"classnames";import a from"prop-types";import{KeyboardDatePicker as i}from"@material-ui/pickers";import{makeStyles as m}from"@material-ui/core";import s from"moment";import{DATE_FORMAT as n}from"../../constants/dateTimeFormat.js";import{CalendarIcon as p,RightIcon as l,LeftIcon as c}from"../../icons/index.js";var u=m((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{color:o.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}})),d=function(a){var m,d,f=a.className,v=a.PopoverProps,P=o(a,["className","PopoverProps"]),g=u();return t(i,r({disableToolbar:!0,variant:"inline",keyboardIcon:t(p,{size:16}),rightArrowIcon:t(l,{size:24}),leftArrowIcon:t(c,{size:24}),format:n,placeholder:s().format(n),refuse:/[^(\w|\d)]+/gi,maxDate:null!==(m=P.maxDate)&&void 0!==m?m:void 0,minDate:null!==(d=P.minDate)&&void 0!==d?d:void 0},P,{PopoverProps:r({className:e(g.paper,v.className)},v),className:e(g.dateTimePickerInput,f)}))};d.propTypes={PopoverProps:a.shape({className:a.string}),className:a.string},d.defaultProps={PopoverProps:{},className:""};export{d as default};
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAA0B,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAkC3F,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,YAAY,EACZ,MAAM,EACN,GAAG,UAAU,EACd,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAkB3C;kBAvBQ,cAAc;;;;;;;;;;;;;;AAuCvB,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EAA0B,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAkC3F,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,YAAY,EACZ,MAAM,EACN,GAAG,UAAU,EACd,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAqB3C;kBA1BQ,cAAc;;;;;;;;;;;;;;AA0CvB,eAAe,cAAc,CAAC"}
@@ -1 +1 @@
1
- import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import e from"classnames";import a from"prop-types";import i from"moment";import{KeyboardDateTimePicker as m}from"@material-ui/pickers";import{makeStyles as s}from"@material-ui/core";import{CalendarIcon as p,TimeIcon as n,RightIcon as c,LeftIcon as l}from"../../icons/index.js";import{DATE_TIME_FORMAT as u}from"../../constants/dateTimeFormat.js";var f=s((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{color:o.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function d(a){var s=a.className,u=a.PopoverProps,d=a.format,g=o(a,["className","PopoverProps","format"]),P=f();return t(m,r({dateRangeIcon:t(p,{size:24}),timeIcon:t(n,{size:24}),rightArrowIcon:t(c,{size:24}),leftArrowIcon:t(l,{size:24}),keyboardIcon:t(p,{size:16}),format:d,refuse:/[^(\w|\d)]+/gi,placeholder:i().format(d)},g,{PopoverProps:r({className:P.paper},u),className:e(P.dateTimePickerInput,s)}))}d.propTypes={className:a.string,PopoverProps:a.shape({className:a.string}),format:a.string},d.defaultProps={className:"",PopoverProps:{},format:u};export{d as default};
1
+ import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import e from"classnames";import a from"prop-types";import i from"moment";import{KeyboardDateTimePicker as m}from"@material-ui/pickers";import{makeStyles as s}from"@material-ui/core";import{CalendarIcon as n,TimeIcon as p,RightIcon as c,LeftIcon as l}from"../../icons/index.js";import{DATE_TIME_FORMAT as u}from"../../constants/dateTimeFormat.js";var f=s((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused .MuiIconButton-root":{color:o.palette.primary.main},"&:hover .MuiIconButton-root":{color:o.palette.primary.contrastText},"& .MuiIconButton-root":{color:o.palette.primary.text6,fontSize:"unset",marginRight:-3,marginBottom:-8,padding:6},"& .MuiIconButton-root > span > span svg":{fill:"transparent !important"}},paper:{marginTop:8}}}));function d(a){var s,u,d=a.className,g=a.PopoverProps,v=a.format,P=o(a,["className","PopoverProps","format"]),I=f();return t(m,r({dateRangeIcon:t(n,{size:24}),timeIcon:t(p,{size:24}),rightArrowIcon:t(c,{size:24}),leftArrowIcon:t(l,{size:24}),keyboardIcon:t(n,{size:16}),format:v,refuse:/[^(\w|\d)]+/gi,placeholder:i().format(v),maxDate:null!==(s=P.maxDate)&&void 0!==s?s:void 0,minDate:null!==(u=P.minDate)&&void 0!==u?u:void 0},P,{PopoverProps:r({className:I.paper},g),className:e(I.dateTimePickerInput,d)}))}d.propTypes={className:a.string,PopoverProps:a.shape({className:a.string}),format:a.string},d.defaultProps={className:"",PopoverProps:{},format:u};export{d as default};
@@ -61,7 +61,7 @@ declare namespace AppHeader {
61
61
  const isMaximized: PropTypes.Requireable<boolean>;
62
62
  const appSettings: PropTypes.Requireable<PropTypes.InferProps<{}>>;
63
63
  const onSettingChange: PropTypes.Requireable<(...args: any[]) => any>;
64
- const children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
64
+ const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
65
65
  const logoSrc: PropTypes.Requireable<string>;
66
66
  const primaryAssetStatusBadge: PropTypes.Requireable<PropTypes.ReactNodeLike>;
67
67
  const PadModeComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a,useRef as n,useEffect as s}from"react";import{get as i}from"lodash";import r from"prop-types";import o from"classnames";import{Tooltip as l,Typography as p,Box as d}from"@material-ui/core";import"../../Annotations/components/AnnotationsList/index.js";import c from"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import{SEGMENTS as m}from"../../../constants/segment.js";import{DEV_CENTER_CLI_APP_ID as u}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import{getAppName as f,getAppSegment as g}from"../../../utils/devcenter.js";import{VersionBadge as h}from"./VersionBadge.js";import v from"./PadMode.js";import{APP_LAYOUT_SIZES as A,getAppDimension as b}from"./utils.js";import{SecondaryAssetNameLabel as y}from"../../AssetNameLabel/SecondaryAssetNameLabel.js";import{AssetNameLabel as j}from"../../AssetNameLabel/AssetNameLabel.js";import{PadIcon as L}from"./PadIcon.js";import N from"./AppHeader.css.js";import{useStyles as P}from"./AppHeaderStyles.js";import{jsxs as S,jsx as O,Fragment as _}from"react/jsx-runtime";function w(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function I(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?w(Object(n),!0).forEach((function(a){e(t,a,n[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var C="DevCenter_AppHeader",M=function(e){return(null==e?void 0:e.asset_id)&&"/assets/".concat(null==e?void 0:e.asset_id)};function W(e){var r,v,w,W,x,k=e.app,D=e.appLastAnnotation,H=e.appSettings,T=e.badge,B=e.children,F=e.classes,R=e.coordinates,q=e.currentUser,z=e.fracFleet,E=e.isMaximized,U=e.logoSrc,V=e.onSettingChange,G=e.openAnnotationsList,J=e.primaryAssetStatusBadge,K=e.rig,Q=e.showLastAnnotation,X=e.updateCurrentDashboardAppLastAnnotation,Y=e.well,Z=e.wells,$=e.PadModeComponent,ee=e.activeWellName,te=a(!1),ae=t(te,2),ne=ae[0],se=ae[1],ie=n(null),re=null==R?void 0:R.pixelWidth;s((function(){var e,t;se((null===(e=ie.current)||void 0===e?void 0:e.scrollWidth)>(null===(t=ie.current)||void 0===t?void 0:t.offsetWidth))}),[null===(r=ie.current)||void 0===r?void 0:r.offsetWidth,re]);var oe=b(re),le=f(k),pe=g(k),de=pe===m.COMPLETION,ce=function(e){var t,a=e.appSettings,n=void 0===a?{}:a,s=e.well,i=e.rig,r=e.fracFleet,o=e.segment,l=o===m.DRILLING,p=o===m.COMPLETION,d=n.wellId,c=n.rigId,u=n.fracFleetId,f=n.padId,g=null==r||null===(t=r.pad_frac_fleets.find((function(e){return e.pad.id===(f||r.current_pad_id)})))||void 0===t?void 0:t.pad,h=l?d&&(null==s?void 0:s.name):null==g?void 0:g.name,v="/assets/types/pad/".concat(f||(null==r?void 0:r.current_pad_id)),A=l?null==i?void 0:i.name:null==r?void 0:r.name,b=!!(d||c||u),y=!1,j=l?A&&M(s):v;return p&&!b&&null!=s&&s.id&&null!=s&&s.name&&(y=!0,b=!0,j=M(s),A=s.name),{isPrimaryAssetStatusVisible:y,isPrimaryNameVisible:b,primaryAssetLink:j,primaryAssetName:A,secondaryAssetLink:l?M(s):"/assets/types/pad/".concat(f||(null==r?void 0:r.current_pad_id)),secondaryAssetName:h}}({appSettings:null==k?void 0:k.settings,well:Y,rig:K,fracFleet:z,segment:pe}),me=ce.isPrimaryAssetStatusVisible,ue=ce.isPrimaryNameVisible,fe=ce.primaryAssetLink,ge=ce.primaryAssetName,he=ce.secondaryAssetLink,ve=ce.secondaryAssetName,Ae=[A.MEDIUM,A.SMALL].includes(oe),be=k&&k.id===u,ye={fracFleet:z,wells:Z,well:Y,onSettingChange:V,appSettings:H,disableActiveWellsInPadSelect:null==k||null===(v=k.package)||void 0===v||null===(w=v.manifest)||void 0===w||null===(W=w.application)||void 0===W||null===(x=W.ui)||void 0===x?void 0:x.disableActiveWellsInPadSelect},je=P({isMobileSize:Ae});return S("div",{className:o(je.appHeaderWrapper,F.appHeader),children:[S("div",{className:je.appHeaderContainer,children:[O("div",{className:o(je.titleBlock,F.titleBlock),children:S("div",{className:F.appHeaderTitleWrapper,ref:ie,children:[S("div",{className:je.titleWrapper,children:[U&&S(_,{children:[O("img",{className:je.logo,src:U,alt:"company logo"}),O("div",{className:je.separateLine})]}),O(l,{title:ne?le:"",placement:"bottom",children:O("h6",{"data-testid":"".concat(C,"_name"),className:je.title,children:le})}),O(h,{appPackage:null==k?void 0:k.package})]}),T]})}),k&&R&&S("div",{className:o(N.controlsContainer,E&&N.appMaximized),children:[!Ae&&S(_,{children:[de&&ee&&O(p,{variant:"caption",children:ee}),de&&O($,I({},ye)),B]}),S("div",{className:N.assetLabels,children:[ve&&O(y,{assetName:ve,coordinatesPixelWidth:re,dataTestId:"".concat(C,"_secondaryAsset"),href:!be&&he,icon:de&&O(L,{}),isColored:!de||k.settings.padId&&k.settings.padId!==z.current_pad_id}),ue&&O(j,{assetName:ge,coordinatesPixelWidth:re,dataTestId:"".concat(C,"_primaryAsset"),href:!be&&fe,statusBadge:me&&J})]})]}),Q&&D&&O(c,{annotation:D,appId:i(k,["app","id"]),currentUser:q,dashboardAppId:k.id,openAnnotationsList:G,updateCurrentDashboardAppLastAnnotation:X})]}),Ae&&S(d,{display:"flex",alignItems:"center",mt:1,children:[de&&!Y&&(Z||z)&&O("div",{className:N.padModeSelect,children:O($,I({},ye))}),B]})]})}W.propTypes={app:r.object.isRequired,badge:r.node,classes:r.shape({appHeader:r.string,titleBlock:r.string,appHeaderTitleWrapper:r.string}),showLastAnnotation:r.bool,currentUser:r.shape({}),appLastAnnotation:r.shape({}),updateCurrentDashboardAppLastAnnotation:r.func,openAnnotationsList:r.func,rig:r.shape({name:r.string,asset_id:r.number}),well:r.shape({name:r.string,asset_id:r.number}),fracFleet:r.shape({name:r.string,current_pad_id:r.number,pad_frac_fleets:r.arrayOf(r.shape({pad:r.shape({id:r.number.isRequired}).isRequired})).isRequired}),wells:r.arrayOf(r.shape({})),coordinates:r.shape({pixelWidth:r.number.isRequired}),isMaximized:r.bool,appSettings:r.shape({}),onSettingChange:r.func,children:r.arrayOf(r.node),logoSrc:r.string,primaryAssetStatusBadge:r.node,PadModeComponent:r.elementType,activeWellName:r.string},W.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,children:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,logoSrc:null,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,primaryAssetStatusBadge:null,PadModeComponent:v,activeWellName:null};export{C as PAGE_NAME,W as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a,useRef as n,useEffect as s}from"react";import{get as i}from"lodash";import r from"prop-types";import o from"classnames";import{Tooltip as l,Typography as p,Box as d}from"@material-ui/core";import"../../Annotations/components/AnnotationsList/index.js";import c from"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import{SEGMENTS as m}from"../../../constants/segment.js";import{DEV_CENTER_CLI_APP_ID as u}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import{getAppName as f,getAppSegment as g}from"../../../utils/devcenter.js";import{VersionBadge as h}from"./VersionBadge.js";import v from"./PadMode.js";import{APP_LAYOUT_SIZES as A,getAppDimension as b}from"./utils.js";import{SecondaryAssetNameLabel as y}from"../../AssetNameLabel/SecondaryAssetNameLabel.js";import{AssetNameLabel as j}from"../../AssetNameLabel/AssetNameLabel.js";import{PadIcon as L}from"./PadIcon.js";import N from"./AppHeader.css.js";import{useStyles as P}from"./AppHeaderStyles.js";import{jsxs as S,jsx as O,Fragment as _}from"react/jsx-runtime";function w(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function I(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?w(Object(n),!0).forEach((function(a){e(t,a,n[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var C="DevCenter_AppHeader",M=function(e){return(null==e?void 0:e.asset_id)&&"/assets/".concat(null==e?void 0:e.asset_id)};function W(e){var r,v,w,W,x,k=e.app,D=e.appLastAnnotation,H=e.appSettings,T=e.badge,B=e.children,F=e.classes,R=e.coordinates,q=e.currentUser,z=e.fracFleet,E=e.isMaximized,U=e.logoSrc,V=e.onSettingChange,G=e.openAnnotationsList,J=e.primaryAssetStatusBadge,K=e.rig,Q=e.showLastAnnotation,X=e.updateCurrentDashboardAppLastAnnotation,Y=e.well,Z=e.wells,$=e.PadModeComponent,ee=e.activeWellName,te=a(!1),ae=t(te,2),ne=ae[0],se=ae[1],ie=n(null),re=null==R?void 0:R.pixelWidth;s((function(){var e,t;se((null===(e=ie.current)||void 0===e?void 0:e.scrollWidth)>(null===(t=ie.current)||void 0===t?void 0:t.offsetWidth))}),[null===(r=ie.current)||void 0===r?void 0:r.offsetWidth,re]);var oe=b(re),le=f(k),pe=g(k),de=pe===m.COMPLETION,ce=function(e){var t,a=e.appSettings,n=void 0===a?{}:a,s=e.well,i=e.rig,r=e.fracFleet,o=e.segment,l=o===m.DRILLING,p=o===m.COMPLETION,d=n.wellId,c=n.rigId,u=n.fracFleetId,f=n.padId,g=null==r||null===(t=r.pad_frac_fleets.find((function(e){return e.pad.id===(f||r.current_pad_id)})))||void 0===t?void 0:t.pad,h=l?d&&(null==s?void 0:s.name):null==g?void 0:g.name,v="/assets/types/pad/".concat(f||(null==r?void 0:r.current_pad_id)),A=l?null==i?void 0:i.name:null==r?void 0:r.name,b=!!(d||c||u),y=!1,j=l?A&&M(s):v;return p&&!b&&null!=s&&s.id&&null!=s&&s.name&&(y=!0,b=!0,j=M(s),A=s.name),{isPrimaryAssetStatusVisible:y,isPrimaryNameVisible:b,primaryAssetLink:j,primaryAssetName:A,secondaryAssetLink:l?M(s):"/assets/types/pad/".concat(f||(null==r?void 0:r.current_pad_id)),secondaryAssetName:h}}({appSettings:null==k?void 0:k.settings,well:Y,rig:K,fracFleet:z,segment:pe}),me=ce.isPrimaryAssetStatusVisible,ue=ce.isPrimaryNameVisible,fe=ce.primaryAssetLink,ge=ce.primaryAssetName,he=ce.secondaryAssetLink,ve=ce.secondaryAssetName,Ae=[A.MEDIUM,A.SMALL].includes(oe),be=k&&k.id===u,ye={fracFleet:z,wells:Z,well:Y,onSettingChange:V,appSettings:H,disableActiveWellsInPadSelect:null==k||null===(v=k.package)||void 0===v||null===(w=v.manifest)||void 0===w||null===(W=w.application)||void 0===W||null===(x=W.ui)||void 0===x?void 0:x.disableActiveWellsInPadSelect},je=P({isMobileSize:Ae});return S("div",{className:o(je.appHeaderWrapper,F.appHeader),children:[S("div",{className:je.appHeaderContainer,children:[O("div",{className:o(je.titleBlock,F.titleBlock),children:S("div",{className:F.appHeaderTitleWrapper,ref:ie,children:[S("div",{className:je.titleWrapper,children:[U&&S(_,{children:[O("img",{className:je.logo,src:U,alt:"company logo"}),O("div",{className:je.separateLine})]}),O(l,{title:ne?le:"",placement:"bottom",children:O("h6",{"data-testid":"".concat(C,"_name"),className:je.title,children:le})}),O(h,{appPackage:null==k?void 0:k.package})]}),T]})}),k&&R&&S("div",{className:o(N.controlsContainer,E&&N.appMaximized),children:[!Ae&&S(_,{children:[de&&ee&&O(p,{variant:"caption",children:ee}),de&&O($,I({},ye)),B]}),S("div",{className:N.assetLabels,children:[ve&&O(y,{assetName:ve,coordinatesPixelWidth:re,dataTestId:"".concat(C,"_secondaryAsset"),href:!be&&he,icon:de&&O(L,{}),isColored:!de||k.settings.padId&&k.settings.padId!==z.current_pad_id}),ue&&O(j,{assetName:ge,coordinatesPixelWidth:re,dataTestId:"".concat(C,"_primaryAsset"),href:!be&&fe,statusBadge:me&&J})]})]}),Q&&D&&O(c,{annotation:D,appId:i(k,["app","id"]),currentUser:q,dashboardAppId:k.id,openAnnotationsList:G,updateCurrentDashboardAppLastAnnotation:X})]}),Ae&&S(d,{display:"flex",alignItems:"center",mt:1,children:[de&&!Y&&(Z||z)&&O("div",{className:N.padModeSelect,children:O($,I({},ye))}),B]})]})}W.propTypes={app:r.object.isRequired,badge:r.node,classes:r.shape({appHeader:r.string,titleBlock:r.string,appHeaderTitleWrapper:r.string}),showLastAnnotation:r.bool,currentUser:r.shape({}),appLastAnnotation:r.shape({}),updateCurrentDashboardAppLastAnnotation:r.func,openAnnotationsList:r.func,rig:r.shape({name:r.string,asset_id:r.number}),well:r.shape({name:r.string,asset_id:r.number}),fracFleet:r.shape({name:r.string,current_pad_id:r.number,pad_frac_fleets:r.arrayOf(r.shape({pad:r.shape({id:r.number.isRequired}).isRequired})).isRequired}),wells:r.arrayOf(r.shape({})),coordinates:r.shape({pixelWidth:r.number.isRequired}),isMaximized:r.bool,appSettings:r.shape({}),onSettingChange:r.func,children:r.node,logoSrc:r.string,primaryAssetStatusBadge:r.node,PadModeComponent:r.elementType,activeWellName:r.string},W.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,children:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,logoSrc:null,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,primaryAssetStatusBadge:null,PadModeComponent:v,activeWellName:null};export{C as PAGE_NAME,W as default};
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as t}from"react";import{makeStyles as o,MenuItem as i,Tooltip as p}from"@material-ui/core";import a from"prop-types";import l from"classnames";import{jsx as s,jsxs as n,Fragment as c}from"react/jsx-runtime";var b=["DisabledTooltipProps","disabled"];function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function m(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var f=o((function(e){return{disabled:{color:e.palette.primary.text9,opacity:1,cursor:"default"},tooltipTrigger:{position:"absolute",top:0,bottom:0,left:0,right:0}}})),u=t((function(e,t){var o=e.DisabledTooltipProps,a=e.disabled,d=r(e,b),u=f();return s(i,a?m(m({},d),{},{ref:t,className:l(u.disabled,d.className),tabIndex:-1,button:!1,children:n(c,{children:[d.children,s(p,m(m({title:"Disabled",placement:"right"},o),{},{children:s("div",{onClick:function(e){e.stopPropagation()},className:u.tooltipTrigger})}))]})}):m({},d))}));u.propTypes={disabled:a.bool,DisabledTooltipProps:a.shape({})},u.defaultProps={disabled:!1,DisabledTooltipProps:{}};export{u as default};
1
+ import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as t}from"react";import{makeStyles as o,MenuItem as i,Tooltip as p}from"@material-ui/core";import a from"prop-types";import l from"classnames";import{jsx as s,jsxs as n,Fragment as c}from"react/jsx-runtime";var b=["DisabledTooltipProps","disabled"];function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function m(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var f=o((function(e){return{disabled:{color:e.palette.primary.text9,opacity:1,cursor:"default"},tooltipTrigger:{position:"absolute",top:0,bottom:0,left:0,right:0}}})),u=t((function(e,t){var o=e.DisabledTooltipProps,a=void 0===o?void 0:o,d=e.disabled,u=void 0!==d&&d,O=r(e,b),y=f();return s(i,u?m(m({},O),{},{ref:t,className:l(y.disabled,O.className),tabIndex:-1,button:!1,children:n(c,{children:[O.children,s(p,m(m({title:"Disabled",placement:"right"},a),{},{children:s("div",{onClick:function(e){e.stopPropagation()},className:y.tooltipTrigger})}))]})}):m({},O))}));u.propTypes={disabled:a.bool,DisabledTooltipProps:a.shape({})},u.defaultProps={disabled:!1,DisabledTooltipProps:{}};export{u as default};
@@ -9,8 +9,8 @@ export function useCustomShrink({ startIcon, endIcon, onFocus, onBlur, value, In
9
9
  shrink: boolean;
10
10
  onInputFocus: (event: any) => void;
11
11
  onInputBlur: (event: any) => void;
12
- startlabelOffset: undefined;
13
- endlabelOffset: undefined;
12
+ startLabelOffset: undefined;
13
+ endLabelOffset: undefined;
14
14
  startAdornmentRef: import("react").MutableRefObject<any>;
15
15
  endAdornmentRef: import("react").MutableRefObject<any>;
16
16
  };
@@ -1 +1 @@
1
- import n from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as e}from"react";function o(o){var l=o.startIcon,u=o.endIcon,f=o.onFocus,i=o.onBlur,s=o.value,a=o.InputProps,d=t(),c=n(d,2),m=c[0],p=c[1],v=t(),h=n(v,2),g=h[0],b=h[1],A=t("string"==typeof s&&0!==s.length||"number"==typeof s&&0!==String(s).length||!(null==a||!a.startAdornment)||!1),I=n(A,2),y=I[0],B=I[1],F=r(null),O=r(null);e((function(){var n,t;p(null===(n=F.current)||void 0===n?void 0:n.offsetWidth),b(null===(t=O.current)||void 0===t?void 0:t.offsetWidth)}),[l,u]);return{shrink:y,onInputFocus:function(n){B(!0),f&&f(n)},onInputBlur:function(n){0!==n.target.value.length||null!=a&&a.startAdornment||B(!1),i&&i(n)},startlabelOffset:m,endlabelOffset:g,startAdornmentRef:F,endAdornmentRef:O}}export{o as useCustomShrink};
1
+ import n from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as e}from"react";function o(o){var l=o.startIcon,u=o.endIcon,f=o.onFocus,i=o.onBlur,s=o.value,a=o.InputProps,d=t(),c=n(d,2),m=c[0],p=c[1],v=t(),h=n(v,2),g=h[0],b=h[1],A=t("string"==typeof s&&0!==s.length||"number"==typeof s&&0!==String(s).length||!(null==a||!a.startAdornment)||!1),I=n(A,2),y=I[0],B=I[1],F=r(null),L=r(null);e((function(){var n,t;p(null===(n=F.current)||void 0===n?void 0:n.offsetWidth),b(null===(t=L.current)||void 0===t?void 0:t.offsetWidth)}),[l,u]);return{shrink:y,onInputFocus:function(n){B(!0),f&&f(n)},onInputBlur:function(n){0!==n.target.value.length||null!=a&&a.startAdornment||B(!1),i&&i(n)},startLabelOffset:m,endLabelOffset:g,startAdornmentRef:F,endAdornmentRef:L}}export{o as useCustomShrink};
@@ -1,41 +1,20 @@
1
+ import { FC } from 'react';
2
+ import { TextFieldProps as MuiTextFieldProps } from '@material-ui/core';
3
+ declare type TextFieldProps = MuiTextFieldProps & {
4
+ value: string | number | null | undefined;
5
+ startIcon?: React.ReactNode;
6
+ endIcon?: React.ReactNode;
7
+ InputProps?: MuiTextFieldProps['InputProps'] & {
8
+ startAdornment?: React.ReactNode;
9
+ };
10
+ InputLabelProps?: MuiTextFieldProps['InputLabelProps'] & {
11
+ startAdornment?: React.ReactNode;
12
+ };
13
+ onFocus?: () => void;
14
+ onBlur?: () => void;
15
+ endAdornment?: React.ReactNode;
16
+ startAdornment?: React.ReactNode;
17
+ };
18
+ declare const TextField: FC<TextFieldProps>;
1
19
  export default TextField;
2
- declare function TextField(props: any): JSX.Element;
3
- declare namespace TextField {
4
- namespace propTypes {
5
- const startIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
6
- const endIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
7
- const InputProps: PropTypes.Requireable<PropTypes.InferProps<{
8
- startAdornment: any;
9
- }>>;
10
- const InputLabelProps: PropTypes.Requireable<PropTypes.InferProps<{
11
- startAdornment: any;
12
- }>>;
13
- const value: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
14
- const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
15
- const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
16
- const endAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
17
- const startAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
18
- }
19
- namespace defaultProps {
20
- const startIcon_1: any;
21
- export { startIcon_1 as startIcon };
22
- const endIcon_1: any;
23
- export { endIcon_1 as endIcon };
24
- const InputProps_1: any;
25
- export { InputProps_1 as InputProps };
26
- const InputLabelProps_1: any;
27
- export { InputLabelProps_1 as InputLabelProps };
28
- const value_1: string;
29
- export { value_1 as value };
30
- const onFocus_1: any;
31
- export { onFocus_1 as onFocus };
32
- const onBlur_1: any;
33
- export { onBlur_1 as onBlur };
34
- const endAdornment_1: any;
35
- export { endAdornment_1 as endAdornment };
36
- const startAdornment_1: any;
37
- export { startAdornment_1 as startAdornment };
38
- }
39
- }
40
- import PropTypes from "prop-types";
41
20
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.js"],"names":[],"mappings":";AA8CA,oDA+DC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAyD,cAAc,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAiD/H,aAAK,cAAc,GAAG,iBAAiB,GAAG;IACxC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,GAAG;QAAE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IACpF,eAAe,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG;QAAE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;IAC9F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA+DjC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/objectWithoutProperties";import r from"prop-types";import{makeStyles as e,TextField as o,InputAdornment as u}from"@material-ui/core";import{useCustomShrink as i}from"./effects/index.js";import s from"../../config/theme/palette.mjs.js";import{jsx as l}from"react/jsx-runtime";var a=["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"];function p(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.push.apply(r,e)}return r}function c(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?p(Object(e),!0).forEach((function(r){t(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var f=e((function(t){return{textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:function(t){return t.startlabelOffset?"".concat(t.startlabelOffset+8,"px"):0},marginRight:function(t){return t.endlabelOffset?"".concat(t.endlabelOffset+8,"px"):0}},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:s.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.error.main," !important")}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.primary.main," !important")}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}})),d=function(t){var r=t.startIcon,e=t.endIcon,s=t.onFocus,p=t.onBlur,d=t.InputProps,m=t.value,b=t.startAdornment,I=t.endAdornment,v=n(t,a),O=i({startIcon:r,endIcon:e,onFocus:s,onBlur:p,value:m,InputProps:d}),g=O.shrink,h=O.onInputFocus,P=O.onInputBlur,A=O.startlabelOffset,M=O.endlabelOffset,j=O.startAdornmentRef,y=O.endAdornmentRef,F=f({startlabelOffset:A,endlabelOffset:M});return l(o,c(c({},v),{},{onFocus:h,onBlur:P,value:m,classes:{root:F.textField},InputLabelProps:c({shrink:g,classes:{shrink:F.shrunkLabel}},t.InputLabelProps),InputProps:c({startAdornment:r?l(u,{position:"start",ref:j,children:r}):b,endAdornment:e?l(u,{position:"end",ref:y,children:e}):I},t.InputProps)}))};d.propTypes={startIcon:r.node,endIcon:r.node,InputProps:r.shape({startAdornment:null}),InputLabelProps:r.shape({startAdornment:null}),value:r.oneOf([r.string,r.number]),onFocus:r.func,onBlur:r.func,endAdornment:r.node,startAdornment:r.node},d.defaultProps={startIcon:null,endIcon:null,InputProps:void 0,InputLabelProps:void 0,value:"",onFocus:void 0,onBlur:void 0,endAdornment:null,startAdornment:null};export{d as default};
1
+ import{__rest as t,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{makeStyles as r,TextField as e,InputAdornment as i}from"@material-ui/core";import{useCustomShrink as s}from"./effects/index.js";import u from"../../config/theme/palette.mjs.js";var a=r((function(t){return{textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:function(t){return t.startLabelOffset?"".concat(t.startLabelOffset+8,"px"):0},marginRight:function(t){return t.endLabelOffset?"".concat(t.endLabelOffset+8,"px"):0}},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:u.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.error.main," !important")}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.primary.main," !important")}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}})),l=function(r){var u=r.startIcon,l=r.endIcon,f=r.onFocus,m=r.onBlur,p=r.InputProps,d=r.value,c=void 0===d?"":d,I=r.startAdornment,b=r.endAdornment,L=t(r,["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"]),M=s({startIcon:u,endIcon:l,onFocus:f,onBlur:m,value:c,InputProps:p}),g=M.shrink,v=M.onInputFocus,A=M.onInputBlur,h=M.startLabelOffset,F=M.endLabelOffset,x=M.startAdornmentRef,O=M.endAdornmentRef,P=a({startLabelOffset:h,endLabelOffset:F});return n(e,o({},L,{onFocus:v,onBlur:A,value:c,classes:{root:P.textField},InputLabelProps:o({shrink:g,classes:{shrink:P.shrunkLabel}},r.InputLabelProps),InputProps:o({startAdornment:u?n(i,o({position:"start",ref:x},{children:u})):I,endAdornment:l?n(i,o({position:"end",ref:O},{children:l})):b},r.InputProps)}))};export{l as default};
@@ -2,9 +2,9 @@ export default TruncatedText;
2
2
  declare function TruncatedText({ children, className, maxLines, showTooltip, ...otherProps }: {
3
3
  [x: string]: any;
4
4
  children: any;
5
- className: any;
6
- maxLines: any;
7
- showTooltip: any;
5
+ className?: string;
6
+ maxLines?: any;
7
+ showTooltip?: boolean;
8
8
  }): JSX.Element;
9
9
  declare namespace TruncatedText {
10
10
  namespace propTypes {
@@ -1 +1 @@
1
- import e from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import{useState as o,useRef as i,useEffect as n}from"react";import s from"prop-types";import{makeStyles as l,Tooltip as c}from"@material-ui/core";import a from"classnames";import{jsx as p}from"react/jsx-runtime";var m=["children","className","maxLines","showTooltip"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function b(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(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var u=l({root:function(e){var r=e.maxLines;return b({overflow:"hidden"},r?{display:"-webkit-box","-webkit-line-clamp":r,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"})}});function h(t){var s=t.children,l=t.className,f=t.maxLines,h=t.showTooltip,d=r(t,m),O=o(!1),w=e(O,2),y=w[0],v=w[1],j=i(),g=u({maxLines:f});n((function(){var e=j.current,r=e.scrollWidth,t=e.clientWidth,o=e.scrollHeight,i=e.clientHeight;v(f?o>i:r>t)}));var x=p("div",b(b({className:a(g.root,l),ref:j},d),{},{children:s}));return y&&h?p(c,{title:s,children:x}):x}h.propTypes={children:s.oneOfType([s.node,s.string]).isRequired,className:s.string,maxLines:s.number,showTooltip:s.bool},h.defaultProps={className:"",maxLines:null,showTooltip:!0};export{h as default};
1
+ import e from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import{useState as o,useRef as i,useEffect as n}from"react";import l from"prop-types";import{makeStyles as s,Tooltip as c}from"@material-ui/core";import a from"classnames";import{jsx as p}from"react/jsx-runtime";var m=["children","className","maxLines","showTooltip"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function u(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(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var b=s({root:function(e){var r=e.maxLines;return u({overflow:"hidden"},r?{display:"-webkit-box","-webkit-line-clamp":r,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"})}});function h(t){var l=t.children,s=t.className,f=void 0===s?"":s,h=t.maxLines,d=void 0===h?null:h,O=t.showTooltip,v=void 0===O||O,w=r(t,m),y=o(!1),j=e(y,2),g=j[0],x=j[1],P=i(),T=b({maxLines:d});n((function(){var e=P.current,r=e.scrollWidth,t=e.clientWidth,o=e.scrollHeight,i=e.clientHeight;x(d?o>i:r>t)}));var L=p("div",u(u({className:a(T.root,f),ref:P},w),{},{children:l}));return g&&v?p(c,{title:l,children:L}):L}h.propTypes={children:l.oneOfType([l.node,l.string]).isRequired,className:l.string,maxLines:l.number,showTooltip:l.bool},h.defaultProps={className:"",maxLines:null,showTooltip:!0};export{h as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "0.77.0-2",
3
+ "version": "0.77.0-3",
4
4
  "description": "Shared components/utils for Corva ui projects",
5
5
  "keywords": [
6
6
  "corva-ui"