@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/RangeSlider/strategies/horizontal.js

@@ -1 +1,74 @@
-import{calculateValueFromPercent as t}from"../utils.js";var n={getCoordinates:function(t,n){return{new:t.clientX,min:n.x,max:n.x+n.width}},getBarCoordinates:function(t,n,e){var i=n.clientX-n.x;return{new:t.clientX-i,min:e.x,max:e.x+e.width}},getThumbStyles:function(t,n){return{top:"1px",left:"".concat(t,"%"),zIndex:n?10:2}},getBarStyles:function(t,n){return{left:"".concat(t,"%"),width:"".concat(n-t,"%")}},getInputStyles:function(t){return{position:"absolute",top:"-15px",left:"".concat(t,"%"),transform:"translate(-50%, -50%)"}},calculateInputSpacing:function(n,e,i,r,o){var c=r.current.getBoundingClientRect().width,u=o.current.getBoundingClientRect().width,a=i.current.getBoundingClientRect(),l=a.x,g=a.width,d=t(n,l,l+g);return{isNotEnoughInputSpace:t(e,l,l+g)-d<(c+u)/2}}};export{n as horizontalStrategy};
+import { calculateValueFromPercent } from '../utils.js';
+
+function getCoordinates(event, rect) {
+  return {
+    new: event.clientX,
+    min: rect.x,
+    max: rect.x + rect.width
+  };
+}
+
+function getBarCoordinates(event, startCoordinates, rect) {
+  var startX = startCoordinates.clientX;
+  var startFromX = startCoordinates.x;
+  var grabOffset = startX - startFromX;
+  return {
+    new: event.clientX - grabOffset,
+    min: rect.x,
+    max: rect.x + rect.width
+  };
+}
+
+function getThumbStyles(percent, isLastMoved) {
+  return {
+    top: '1px',
+    left: "".concat(percent, "%"),
+    zIndex: isLastMoved ? 10 : 2
+  };
+}
+
+function getBarStyles(fromPercent, toPercent) {
+  return {
+    left: "".concat(fromPercent, "%"),
+    width: "".concat(toPercent - fromPercent, "%")
+  };
+}
+
+function getInputStyles(percent) {
+  return {
+    position: 'absolute',
+    top: '-15px',
+    left: "".concat(percent, "%"),
+    transform: 'translate(-50%, -50%)'
+  };
+}
+
+function calculateInputSpacing(fromPercent, toPercent, railRef, fromInputRef, toInputRef) {
+  var _fromInputRef$current = fromInputRef.current.getBoundingClientRect(),
+      fromWidth = _fromInputRef$current.width;
+
+  var _toInputRef$current$g = toInputRef.current.getBoundingClientRect(),
+      toWidth = _toInputRef$current$g.width;
+
+  var _railRef$current$getB = railRef.current.getBoundingClientRect(),
+      railX = _railRef$current$getB.x,
+      railWidth = _railRef$current$getB.width;
+
+  var fromX = calculateValueFromPercent(fromPercent, railX, railX + railWidth);
+  var toX = calculateValueFromPercent(toPercent, railX, railX + railWidth);
+  return {
+    isNotEnoughInputSpace: toX - fromX < (fromWidth + toWidth) / 2
+  };
+}
+
+var horizontalStrategy = {
+  getCoordinates: getCoordinates,
+  getBarCoordinates: getBarCoordinates,
+  getThumbStyles: getThumbStyles,
+  getBarStyles: getBarStyles,
+  getInputStyles: getInputStyles,
+  calculateInputSpacing: calculateInputSpacing
+};
+
+export { horizontalStrategy };
+//# sourceMappingURL=horizontal.js.map

package/components/RangeSlider/strategies/horizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal.js","sources":["../../../../src/components/RangeSlider/strategies/horizontal.js"],"sourcesContent":["import { calculateValueFromPercent } from '../utils';\n\nfunction getCoordinates(event, rect) {\n  return {\n    new: event.clientX,\n    min: rect.x,\n    max: rect.x + rect.width\n  };\n}\n\nfunction getBarCoordinates(event, startCoordinates, rect) {\n  const startX = startCoordinates.clientX;\n  const startFromX = startCoordinates.x;\n  const grabOffset = startX - startFromX;\n\n  return {\n    new: event.clientX - grabOffset,\n    min: rect.x,\n    max: rect.x + rect.width\n  }\n}\n\nfunction getThumbStyles(percent, isLastMoved) {\n  return {\n    top: '1px',\n    left: `${percent}%`,\n    zIndex: isLastMoved ? 10 : 2\n  };\n}\n\nfunction getBarStyles(fromPercent, toPercent) {\n  return {\n    left: `${fromPercent}%`,\n    width: `${toPercent - fromPercent}%`\n  }\n}\n\nfunction getInputStyles(percent) {\n  return {\n    position: 'absolute',\n    top: '-15px',\n    left: `${percent}%`,\n    transform: 'translate(-50%, -50%)'\n  }\n}\n\nfunction calculateInputSpacing(fromPercent, toPercent, railRef, fromInputRef, toInputRef) {\n  const { width: fromWidth } = fromInputRef.current.getBoundingClientRect();\n  const { width: toWidth } = toInputRef.current.getBoundingClientRect();\n  const { x: railX, width: railWidth } = railRef.current.getBoundingClientRect();\n\n  const fromX = calculateValueFromPercent(fromPercent, railX, railX + railWidth);\n  const toX = calculateValueFromPercent(toPercent, railX, railX + railWidth);\n\n  return {\n    isNotEnoughInputSpace: (toX - fromX) < (fromWidth + toWidth) / 2\n  };\n}\n\nexport const horizontalStrategy = {\n  getCoordinates,\n  getBarCoordinates,\n  getThumbStyles,\n  getBarStyles,\n  getInputStyles,\n  calculateInputSpacing\n};"],"names":["getCoordinates","event","rect","new","clientX","min","x","max","width","getBarCoordinates","startCoordinates","startX","startFromX","grabOffset","getThumbStyles","percent","isLastMoved","top","left","zIndex","getBarStyles","fromPercent","toPercent","getInputStyles","position","transform","calculateInputSpacing","railRef","fromInputRef","toInputRef","current","getBoundingClientRect","fromWidth","toWidth","railX","railWidth","fromX","calculateValueFromPercent","toX","isNotEnoughInputSpace","horizontalStrategy"],"mappings":";;AAEA,SAASA,cAAT,CAAwBC,KAAxB,EAA+BC,IAA/B,EAAqC;AACnC,SAAO;AACLC,IAAAA,GAAG,EAAEF,KAAK,CAACG,OADN;AAELC,IAAAA,GAAG,EAAEH,IAAI,CAACI,CAFL;AAGLC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAL,GAASJ,IAAI,CAACM;AAHd,GAAP;AAKD;;AAED,SAASC,iBAAT,CAA2BR,KAA3B,EAAkCS,gBAAlC,EAAoDR,IAApD,EAA0D;AACxD,MAAMS,MAAM,GAAGD,gBAAgB,CAACN,OAAhC;AACA,MAAMQ,UAAU,GAAGF,gBAAgB,CAACJ,CAApC;AACA,MAAMO,UAAU,GAAGF,MAAM,GAAGC,UAA5B;AAEA,SAAO;AACLT,IAAAA,GAAG,EAAEF,KAAK,CAACG,OAAN,GAAgBS,UADhB;AAELR,IAAAA,GAAG,EAAEH,IAAI,CAACI,CAFL;AAGLC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAL,GAASJ,IAAI,CAACM;AAHd,GAAP;AAKD;;AAED,SAASM,cAAT,CAAwBC,OAAxB,EAAiCC,WAAjC,EAA8C;AAC5C,SAAO;AACLC,IAAAA,GAAG,EAAE,KADA;AAELC,IAAAA,IAAI,YAAKH,OAAL,MAFC;AAGLI,IAAAA,MAAM,EAAEH,WAAW,GAAG,EAAH,GAAQ;AAHtB,GAAP;AAKD;;AAED,SAASI,YAAT,CAAsBC,WAAtB,EAAmCC,SAAnC,EAA8C;AAC5C,SAAO;AACLJ,IAAAA,IAAI,YAAKG,WAAL,MADC;AAELb,IAAAA,KAAK,YAAKc,SAAS,GAAGD,WAAjB;AAFA,GAAP;AAID;;AAED,SAASE,cAAT,CAAwBR,OAAxB,EAAiC;AAC/B,SAAO;AACLS,IAAAA,QAAQ,EAAE,UADL;AAELP,IAAAA,GAAG,EAAE,OAFA;AAGLC,IAAAA,IAAI,YAAKH,OAAL,MAHC;AAILU,IAAAA,SAAS,EAAE;AAJN,GAAP;AAMD;;AAED,SAASC,qBAAT,CAA+BL,WAA/B,EAA4CC,SAA5C,EAAuDK,OAAvD,EAAgEC,YAAhE,EAA8EC,UAA9E,EAA0F;AAAA,8BAC3DD,YAAY,CAACE,OAAb,CAAqBC,qBAArB,EAD2D;AAAA,MACzEC,SADyE,yBAChFxB,KADgF;;AAAA,8BAE7DqB,UAAU,CAACC,OAAX,CAAmBC,qBAAnB,EAF6D;AAAA,MAEzEE,OAFyE,yBAEhFzB,KAFgF;;AAAA,8BAGjDmB,OAAO,CAACG,OAAR,CAAgBC,qBAAhB,EAHiD;AAAA,MAG7EG,KAH6E,yBAGhF5B,CAHgF;AAAA,MAG/D6B,SAH+D,yBAGtE3B,KAHsE;;AAKxF,MAAM4B,KAAK,GAAGC,yBAAyB,CAAChB,WAAD,EAAca,KAAd,EAAqBA,KAAK,GAAGC,SAA7B,CAAvC;AACA,MAAMG,GAAG,GAAGD,yBAAyB,CAACf,SAAD,EAAYY,KAAZ,EAAmBA,KAAK,GAAGC,SAA3B,CAArC;AAEA,SAAO;AACLI,IAAAA,qBAAqB,EAAGD,GAAG,GAAGF,KAAP,GAAgB,CAACJ,SAAS,GAAGC,OAAb,IAAwB;AAD1D,GAAP;AAGD;;IAEYO,kBAAkB,GAAG;AAChCxC,EAAAA,cAAc,EAAdA,cADgC;AAEhCS,EAAAA,iBAAiB,EAAjBA,iBAFgC;AAGhCK,EAAAA,cAAc,EAAdA,cAHgC;AAIhCM,EAAAA,YAAY,EAAZA,YAJgC;AAKhCG,EAAAA,cAAc,EAAdA,cALgC;AAMhCG,EAAAA,qBAAqB,EAArBA;AANgC;;;;"}

package/components/RangeSlider/strategies/vertical.js

@@ -1 +1,75 @@
-import{calculateValueFromPercent as t}from"../utils.js";var n={getCoordinates:function(t,n){return{new:t.clientY,min:n.y,max:n.y+n.height}},getBarCoordinates:function(t,n,e){var i=n.clientY-n.y;return{new:t.clientY-i,min:e.y,max:e.y+e.height}},getThumbStyles:function(t,n){return{left:"1px",top:"".concat(t,"%"),zIndex:n?10:2}},getBarStyles:function(t,n){return{top:"".concat(t,"%"),height:"".concat(n-t,"%")}},getInputStyles:function(t){return{position:"absolute",top:"".concat(t,"%"),transform:"translate(-50%, -50%)"}},calculateInputSpacing:function(n,e,i,r,o){var c=r.current.getBoundingClientRect().height,u=o.current.getBoundingClientRect().height,a=i.current.getBoundingClientRect(),g=a.y,l=a.height,h=t(n,g,g+l);return{isNotEnoughInputSpace:t(e,g,g+l)-h<(c+u)/2}}};export{n as verticalStrategy};
+import { calculateValueFromPercent } from '../utils.js';
+
+/* eslint-disable */
+
+function getCoordinates(event, rect) {
+  return {
+    new: event.clientY,
+    min: rect.y,
+    max: rect.y + rect.height
+  };
+}
+
+function getBarCoordinates(event, startCoordinates, rect) {
+  var startY = startCoordinates.clientY;
+  var startFromY = startCoordinates.y;
+  var grabOffset = startY - startFromY;
+  return {
+    new: event.clientY - grabOffset,
+    min: rect.y,
+    max: rect.y + rect.height
+  };
+}
+
+function getThumbStyles(percent, isLastMoved) {
+  return {
+    left: '1px',
+    top: "".concat(percent, "%"),
+    zIndex: isLastMoved ? 10 : 2
+  };
+}
+
+function getBarStyles(fromPercent, toPercent) {
+  return {
+    top: "".concat(fromPercent, "%"),
+    height: "".concat(toPercent - fromPercent, "%")
+  };
+}
+
+function getInputStyles(percent) {
+  return {
+    position: 'absolute',
+    top: "".concat(percent, "%"),
+    transform: 'translate(-50%, -50%)'
+  };
+}
+
+function calculateInputSpacing(fromPercent, toPercent, railRef, fromInputRef, toInputRef) {
+  var _fromInputRef$current = fromInputRef.current.getBoundingClientRect(),
+      fromHeight = _fromInputRef$current.height;
+
+  var _toInputRef$current$g = toInputRef.current.getBoundingClientRect(),
+      toHeight = _toInputRef$current$g.height;
+
+  var _railRef$current$getB = railRef.current.getBoundingClientRect(),
+      railY = _railRef$current$getB.y,
+      railHeight = _railRef$current$getB.height;
+
+  var fromY = calculateValueFromPercent(fromPercent, railY, railY + railHeight);
+  var toY = calculateValueFromPercent(toPercent, railY, railY + railHeight);
+  return {
+    isNotEnoughInputSpace: toY - fromY < (fromHeight + toHeight) / 2
+  };
+}
+
+var verticalStrategy = {
+  getCoordinates: getCoordinates,
+  getBarCoordinates: getBarCoordinates,
+  getThumbStyles: getThumbStyles,
+  getBarStyles: getBarStyles,
+  getInputStyles: getInputStyles,
+  calculateInputSpacing: calculateInputSpacing
+};
+
+export { verticalStrategy };
+//# sourceMappingURL=vertical.js.map

package/components/RangeSlider/strategies/vertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical.js","sources":["../../../../src/components/RangeSlider/strategies/vertical.js"],"sourcesContent":["/* eslint-disable */\n\nimport { calculateValueFromPercent } from '../utils';\n\nfunction getCoordinates(event, rect) {\n  return {\n    new: event.clientY,\n    min: rect.y,\n    max: rect.y + rect.height,\n  };\n}\n\nfunction getBarCoordinates(event, startCoordinates, rect) {\n  const startY = startCoordinates.clientY;\n  const startFromY = startCoordinates.y;\n  const grabOffset = startY - startFromY;\n\n  return {\n    new: event.clientY - grabOffset,\n    min: rect.y,\n    max: rect.y + rect.height,\n  };\n}\n\nfunction getThumbStyles(percent, isLastMoved) {\n  return {\n    left: '1px',\n    top: `${percent}%`,\n    zIndex: isLastMoved ? 10 : 2,\n  };\n}\n\nfunction getBarStyles(fromPercent, toPercent) {\n  return {\n    top: `${fromPercent}%`,\n    height: `${toPercent - fromPercent}%`,\n  };\n}\n\nfunction getInputStyles(percent) {\n  return {\n    position: 'absolute',\n    top: `${percent}%`,\n    transform: 'translate(-50%, -50%)',\n  };\n}\n\nfunction calculateInputSpacing(fromPercent, toPercent, railRef, fromInputRef, toInputRef) {\n  const { height: fromHeight } = fromInputRef.current.getBoundingClientRect();\n  const { height: toHeight } = toInputRef.current.getBoundingClientRect();\n  const { y: railY, height: railHeight } = railRef.current.getBoundingClientRect();\n\n  const fromY = calculateValueFromPercent(fromPercent, railY, railY + railHeight);\n  const toY = calculateValueFromPercent(toPercent, railY, railY + railHeight);\n\n  return {\n    isNotEnoughInputSpace: toY - fromY < (fromHeight + toHeight) / 2,\n  };\n}\n\nexport const verticalStrategy = {\n  getCoordinates,\n  getBarCoordinates,\n  getThumbStyles,\n  getBarStyles,\n  getInputStyles,\n  calculateInputSpacing,\n};\n"],"names":["getCoordinates","event","rect","new","clientY","min","y","max","height","getBarCoordinates","startCoordinates","startY","startFromY","grabOffset","getThumbStyles","percent","isLastMoved","left","top","zIndex","getBarStyles","fromPercent","toPercent","getInputStyles","position","transform","calculateInputSpacing","railRef","fromInputRef","toInputRef","current","getBoundingClientRect","fromHeight","toHeight","railY","railHeight","fromY","calculateValueFromPercent","toY","isNotEnoughInputSpace","verticalStrategy"],"mappings":";;AAAA;;AAIA,SAASA,cAAT,CAAwBC,KAAxB,EAA+BC,IAA/B,EAAqC;AACnC,SAAO;AACLC,IAAAA,GAAG,EAAEF,KAAK,CAACG,OADN;AAELC,IAAAA,GAAG,EAAEH,IAAI,CAACI,CAFL;AAGLC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAL,GAASJ,IAAI,CAACM;AAHd,GAAP;AAKD;;AAED,SAASC,iBAAT,CAA2BR,KAA3B,EAAkCS,gBAAlC,EAAoDR,IAApD,EAA0D;AACxD,MAAMS,MAAM,GAAGD,gBAAgB,CAACN,OAAhC;AACA,MAAMQ,UAAU,GAAGF,gBAAgB,CAACJ,CAApC;AACA,MAAMO,UAAU,GAAGF,MAAM,GAAGC,UAA5B;AAEA,SAAO;AACLT,IAAAA,GAAG,EAAEF,KAAK,CAACG,OAAN,GAAgBS,UADhB;AAELR,IAAAA,GAAG,EAAEH,IAAI,CAACI,CAFL;AAGLC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAL,GAASJ,IAAI,CAACM;AAHd,GAAP;AAKD;;AAED,SAASM,cAAT,CAAwBC,OAAxB,EAAiCC,WAAjC,EAA8C;AAC5C,SAAO;AACLC,IAAAA,IAAI,EAAE,KADD;AAELC,IAAAA,GAAG,YAAKH,OAAL,MAFE;AAGLI,IAAAA,MAAM,EAAEH,WAAW,GAAG,EAAH,GAAQ;AAHtB,GAAP;AAKD;;AAED,SAASI,YAAT,CAAsBC,WAAtB,EAAmCC,SAAnC,EAA8C;AAC5C,SAAO;AACLJ,IAAAA,GAAG,YAAKG,WAAL,MADE;AAELb,IAAAA,MAAM,YAAKc,SAAS,GAAGD,WAAjB;AAFD,GAAP;AAID;;AAED,SAASE,cAAT,CAAwBR,OAAxB,EAAiC;AAC/B,SAAO;AACLS,IAAAA,QAAQ,EAAE,UADL;AAELN,IAAAA,GAAG,YAAKH,OAAL,MAFE;AAGLU,IAAAA,SAAS,EAAE;AAHN,GAAP;AAKD;;AAED,SAASC,qBAAT,CAA+BL,WAA/B,EAA4CC,SAA5C,EAAuDK,OAAvD,EAAgEC,YAAhE,EAA8EC,UAA9E,EAA0F;AAAA,8BACzDD,YAAY,CAACE,OAAb,CAAqBC,qBAArB,EADyD;AAAA,MACxEC,UADwE,yBAChFxB,MADgF;;AAAA,8BAE3DqB,UAAU,CAACC,OAAX,CAAmBC,qBAAnB,EAF2D;AAAA,MAExEE,QAFwE,yBAEhFzB,MAFgF;;AAAA,8BAG/CmB,OAAO,CAACG,OAAR,CAAgBC,qBAAhB,EAH+C;AAAA,MAG7EG,KAH6E,yBAGhF5B,CAHgF;AAAA,MAG9D6B,UAH8D,yBAGtE3B,MAHsE;;AAKxF,MAAM4B,KAAK,GAAGC,yBAAyB,CAAChB,WAAD,EAAca,KAAd,EAAqBA,KAAK,GAAGC,UAA7B,CAAvC;AACA,MAAMG,GAAG,GAAGD,yBAAyB,CAACf,SAAD,EAAYY,KAAZ,EAAmBA,KAAK,GAAGC,UAA3B,CAArC;AAEA,SAAO;AACLI,IAAAA,qBAAqB,EAAED,GAAG,GAAGF,KAAN,GAAc,CAACJ,UAAU,GAAGC,QAAd,IAA0B;AAD1D,GAAP;AAGD;;IAEYO,gBAAgB,GAAG;AAC9BxC,EAAAA,cAAc,EAAdA,cAD8B;AAE9BS,EAAAA,iBAAiB,EAAjBA,iBAF8B;AAG9BK,EAAAA,cAAc,EAAdA,cAH8B;AAI9BM,EAAAA,YAAY,EAAZA,YAJ8B;AAK9BG,EAAAA,cAAc,EAAdA,cAL8B;AAM9BG,EAAAA,qBAAqB,EAArBA;AAN8B;;;;"}

package/components/RangeSlider/utils.js

@@ -1 +1,49 @@
-var o=function(o,r,t){return 100*(o-r)/(t-r)},r=function(o,r,t){return r+o*(t-r)/100},t=function(o,r,t,n,f){return o<n?{from:n,to:t}:o>t-f?{from:t-f,to:t}:{from:o,to:t}},n=function(o,r,t,n,f){return o>n?{from:r,to:n}:o<r+f?{from:r,to:r+f}:{from:r,to:o}};export{o as calculatePercentForValue,r as calculateValueFromPercent,t as updateFromValue,n as updateToValue};
+var calculatePercentForValue = function calculatePercentForValue(arg, min, max) {
+  return (arg - min) * 100 / (max - min);
+};
+var calculateValueFromPercent = function calculateValueFromPercent(arg, min, max) {
+  return min + arg * (max - min) / 100;
+};
+var updateFromValue = function updateFromValue(newFrom, from, to, min, minRange) {
+  if (newFrom < min) {
+    return {
+      from: min,
+      to: to
+    };
+  }
+
+  if (newFrom > to - minRange) {
+    return {
+      from: to - minRange,
+      to: to
+    };
+  }
+
+  return {
+    from: newFrom,
+    to: to
+  };
+};
+var updateToValue = function updateToValue(newTo, from, to, max, minRange) {
+  if (newTo > max) {
+    return {
+      from: from,
+      to: max
+    };
+  }
+
+  if (newTo < from + minRange) {
+    return {
+      from: from,
+      to: from + minRange
+    };
+  }
+
+  return {
+    from: from,
+    to: newTo
+  };
+};
+
+export { calculatePercentForValue, calculateValueFromPercent, updateFromValue, updateToValue };
+//# sourceMappingURL=utils.js.map

package/components/RangeSlider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/RangeSlider/utils.js"],"sourcesContent":["export const calculatePercentForDiff = (arg, min, max) => {\n  return (arg * 100) / (max - min);\n};\n\nexport const calculatePercentForValue = (arg, min, max) => {\n  return ((arg - min) * 100) / (max - min);\n};\n\nexport const calculateValueFromPercent = (arg, min, max) => {\n  return min + (arg * (max - min)) / 100;\n};\n\nexport const updateFromValue = (newFrom, from, to, min, minRange) => {\n  if (newFrom < min) {\n    return { from: min, to };\n  }\n\n  if (newFrom > to - minRange) {\n    return { from: to - minRange, to };\n  }\n\n  return { from: newFrom, to };\n};\n\nexport const updateToValue = (newTo, from, to, max, minRange) => {\n  if (newTo > max) {\n    return { from, to: max };\n  }\n\n  if (newTo < from + minRange) {\n    return { from, to: from + minRange };\n  }\n\n  return { from, to: newTo };\n};\n"],"names":["calculatePercentForValue","arg","min","max","calculateValueFromPercent","updateFromValue","newFrom","from","to","minRange","updateToValue","newTo"],"mappings":"IAIaA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,GAAD,EAAMC,GAAN,EAAWC,GAAX,EAAmB;AACzD,SAAQ,CAACF,GAAG,GAAGC,GAAP,IAAc,GAAf,IAAuBC,GAAG,GAAGD,GAA7B,CAAP;AACD;IAEYE,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACH,GAAD,EAAMC,GAAN,EAAWC,GAAX,EAAmB;AAC1D,SAAOD,GAAG,GAAID,GAAG,IAAIE,GAAG,GAAGD,GAAV,CAAJ,GAAsB,GAAnC;AACD;IAEYG,eAAe,GAAG,SAAlBA,eAAkB,CAACC,OAAD,EAAUC,IAAV,EAAgBC,EAAhB,EAAoBN,GAApB,EAAyBO,QAAzB,EAAsC;AACnE,MAAIH,OAAO,GAAGJ,GAAd,EAAmB;AACjB,WAAO;AAAEK,MAAAA,IAAI,EAAEL,GAAR;AAAaM,MAAAA,EAAE,EAAFA;AAAb,KAAP;AACD;;AAED,MAAIF,OAAO,GAAGE,EAAE,GAAGC,QAAnB,EAA6B;AAC3B,WAAO;AAAEF,MAAAA,IAAI,EAAEC,EAAE,GAAGC,QAAb;AAAuBD,MAAAA,EAAE,EAAFA;AAAvB,KAAP;AACD;;AAED,SAAO;AAAED,IAAAA,IAAI,EAAED,OAAR;AAAiBE,IAAAA,EAAE,EAAFA;AAAjB,GAAP;AACD;IAEYE,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAQJ,IAAR,EAAcC,EAAd,EAAkBL,GAAlB,EAAuBM,QAAvB,EAAoC;AAC/D,MAAIE,KAAK,GAAGR,GAAZ,EAAiB;AACf,WAAO;AAAEI,MAAAA,IAAI,EAAJA,IAAF;AAAQC,MAAAA,EAAE,EAAEL;AAAZ,KAAP;AACD;;AAED,MAAIQ,KAAK,GAAGJ,IAAI,GAAGE,QAAnB,EAA6B;AAC3B,WAAO;AAAEF,MAAAA,IAAI,EAAJA,IAAF;AAAQC,MAAAA,EAAE,EAAED,IAAI,GAAGE;AAAnB,KAAP;AACD;;AAED,SAAO;AAAEF,IAAAA,IAAI,EAAJA,IAAF;AAAQC,IAAAA,EAAE,EAAEG;AAAZ,GAAP;AACD;;;;"}

package/components/ResizableTable/ResizableTable.js

@@ -1 +1,97 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/objectWithoutProperties";import l from"prop-types";import{Table as o,TableHead as i,TableRow as c,TableCell as p,TableBody as u}from"@material-ui/core";import{useState as a}from"react";import d from"./ResizableTableHeaderCell.js";import s from"./ResizableTableCell.js";import{jsxs as m,jsx as f}from"react/jsx-runtime";var h=["children"];function b(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.push.apply(n,t)}return n}function v(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?b(Object(t),!0).forEach((function(n){r(e,n,t[n])})):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=function(r){var l,b,y,O,j,P=r.children,g=t(r,h),w=n(P,2),k=w[0],A=w[1],C=null==A||null===(l=A.props)||void 0===l?void 0:l.children,D=null==k||null===(b=k.props)||void 0===b||null===(y=b.children)||void 0===y||null===(O=y.props)||void 0===O||null===(j=O.children)||void 0===j?void 0:j.reduce((function(r,n){return Array.isArray(n)?r.push.apply(r,e(n)):r.push(n),r}),[]),T=a({}),x=n(T,2),R=x[0],z=x[1],E=function(r){return z((function(e){return v(v({},e),r)}))};return m(o,v(v({},g),{},{children:[f(i,{children:f(c,{children:null==D?void 0:D.map((function(r,e){var n;return r?e===D.length-1?f(p,v(v({},r.props),{},{children:null===(n=r.props)||void 0===n?void 0:n.children}),r.key||e):f(d,{cellName:"cell".concat(e),nextCellName:"cell".concat(e+1),handleWidthsUpdate:E,widths:R,children:r},r.key||e):null}))})}),f(u,{children:null==C?void 0:C.map((function(r){var e,n;return f(c,{children:null==r||null===(e=r.props)||void 0===e||null===(n=e.children)||void 0===n?void 0:n.map((function(r,e){return r&&f(s,{children:r},r.key||e)}))},r.key)}))})]}))};y.propTypes={children:l.node.isRequired};export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import { useState } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import ResizableTableHeaderCell from './ResizableTableHeaderCell.js';
+import ResizableTableCell from './ResizableTableCell.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var ResizableTable = function ResizableTable(_ref) {
+  var _tableBody$props, _tableHeader$props, _tableHeader$props$ch, _tableHeader$props$ch2, _tableHeader$props$ch3;
+
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  var _children = _slicedToArray(children, 2),
+      tableHeader = _children[0],
+      tableBody = _children[1];
+
+  var tableBodyRows = tableBody === null || tableBody === void 0 ? void 0 : (_tableBody$props = tableBody.props) === null || _tableBody$props === void 0 ? void 0 : _tableBody$props.children;
+  var tableHeaderCells = tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader$props = tableHeader.props) === null || _tableHeader$props === void 0 ? void 0 : (_tableHeader$props$ch = _tableHeader$props.children) === null || _tableHeader$props$ch === void 0 ? void 0 : (_tableHeader$props$ch2 = _tableHeader$props$ch.props) === null || _tableHeader$props$ch2 === void 0 ? void 0 : (_tableHeader$props$ch3 = _tableHeader$props$ch2.children) === null || _tableHeader$props$ch3 === void 0 ? void 0 : _tableHeader$props$ch3.reduce(function (accum, current) {
+    if (Array.isArray(current)) {
+      accum.push.apply(accum, _toConsumableArray(current));
+    } else {
+      accum.push(current);
+    }
+
+    return accum;
+  }, []);
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      widths = _useState2[0],
+      setWidths = _useState2[1];
+
+  var handleWidthsUpdate = function handleWidthsUpdate(newWidth) {
+    return setWidths(function (prevWidths) {
+      return _objectSpread(_objectSpread({}, prevWidths), newWidth);
+    });
+  };
+
+  return /*#__PURE__*/jsxs(Table, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/jsx(TableHead, {
+      children: /*#__PURE__*/jsx(TableRow, {
+        children: tableHeaderCells === null || tableHeaderCells === void 0 ? void 0 : tableHeaderCells.map(function (cell, index) {
+          var _cell$props;
+
+          if (!cell) return null;
+          var isLastColumn = index === tableHeaderCells.length - 1;
+          return isLastColumn ?
+          /*#__PURE__*/
+          // eslint-disable-next-line react/no-array-index-key
+          jsx(TableCell, _objectSpread(_objectSpread({}, cell.props), {}, {
+            children: (_cell$props = cell.props) === null || _cell$props === void 0 ? void 0 : _cell$props.children
+          }), cell.key || index) : /*#__PURE__*/jsx(ResizableTableHeaderCell // Note: need to use key as index because key is sent only for rows
+          // but not for cells in most cases
+          // eslint-disable-next-line react/no-array-index-key
+          , {
+            cellName: "cell".concat(index),
+            nextCellName: "cell".concat(index + 1),
+            handleWidthsUpdate: handleWidthsUpdate,
+            widths: widths,
+            children: cell
+          }, cell.key || index);
+        })
+      })
+    }), /*#__PURE__*/jsx(TableBody, {
+      children: tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (tableBodyRow) {
+        var _tableBodyRow$props, _tableBodyRow$props$c;
+
+        return /*#__PURE__*/jsx(TableRow, {
+          children: tableBodyRow === null || tableBodyRow === void 0 ? void 0 : (_tableBodyRow$props = tableBodyRow.props) === null || _tableBodyRow$props === void 0 ? void 0 : (_tableBodyRow$props$c = _tableBodyRow$props.children) === null || _tableBodyRow$props$c === void 0 ? void 0 : _tableBodyRow$props$c.map(function (cell, index) {
+            return cell && /*#__PURE__*/jsx(ResizableTableCell // Note: need to use key as index because key is sent only for rows
+            // but not for cells in most cases
+            // eslint-disable-next-line react/no-array-index-key
+            , {
+              children: cell
+            }, cell.key || index);
+          })
+        }, tableBodyRow.key);
+      })
+    })]
+  }));
+};
+
+ResizableTable.propTypes = {
+  children: PropTypes.node.isRequired
+};
+
+export default ResizableTable;
+//# sourceMappingURL=ResizableTable.js.map

package/components/ResizableTable/ResizableTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTable.js","sources":["../../../src/components/ResizableTable/ResizableTable.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Table, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\n\nimport { useState } from 'react';\nimport ResizableTableHeaderCell from './ResizableTableHeaderCell';\nimport ResizableTableCell from './ResizableTableCell';\n\nconst ResizableTable = ({ children, ...rest }) => {\n  const [tableHeader, tableBody] = children;\n\n  const tableBodyRows = tableBody?.props?.children;\n\n  const tableHeaderCells = tableHeader?.props?.children?.props?.children?.reduce(\n    (accum, current) => {\n      if (Array.isArray(current)) {\n        accum.push(...current);\n      } else {\n        accum.push(current);\n      }\n      return accum;\n    },\n    []\n  );\n\n  const [widths, setWidths] = useState({});\n\n  const handleWidthsUpdate = newWidth => setWidths(prevWidths => ({ ...prevWidths, ...newWidth }));\n\n  return (\n    <Table {...rest}>\n      <TableHead>\n        <TableRow>\n          {tableHeaderCells?.map((cell, index) => {\n            if (!cell) return null;\n            const isLastColumn = index === tableHeaderCells.length - 1;\n            return isLastColumn ? (\n              // eslint-disable-next-line react/no-array-index-key\n              <TableCell key={cell.key || index} {...cell.props}>\n                {cell.props?.children}\n              </TableCell>\n            ) : (\n              <ResizableTableHeaderCell\n                // Note: need to use key as index because key is sent only for rows\n                // but not for cells in most cases\n                // eslint-disable-next-line react/no-array-index-key\n                key={cell.key || index}\n                cellName={`cell${index}`}\n                nextCellName={`cell${index + 1}`}\n                handleWidthsUpdate={handleWidthsUpdate}\n                widths={widths}\n              >\n                {cell}\n              </ResizableTableHeaderCell>\n            );\n          })}\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {tableBodyRows?.map(tableBodyRow => {\n          return (\n            <TableRow key={tableBodyRow.key}>\n              {tableBodyRow?.props?.children?.map(\n                (cell, index) =>\n                  cell && (\n                    <ResizableTableCell\n                      // Note: need to use key as index because key is sent only for rows\n                      // but not for cells in most cases\n                      // eslint-disable-next-line react/no-array-index-key\n                      key={cell.key || index}\n                    >\n                      {cell}\n                    </ResizableTableCell>\n                  )\n              )}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </Table>\n  );\n};\n\nResizableTable.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default ResizableTable;\n"],"names":["ResizableTable","children","rest","tableHeader","tableBody","tableBodyRows","props","tableHeaderCells","reduce","accum","current","Array","isArray","push","useState","widths","setWidths","handleWidthsUpdate","newWidth","prevWidths","_jsxs","_jsx","map","cell","index","isLastColumn","length","key","tableBodyRow","propTypes","PropTypes","node","isRequired"],"mappings":"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"}

package/components/ResizableTable/ResizableTableCell.js

@@ -1 +1,24 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import{jsx as t}from"react/jsx-runtime";function n(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 o(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function i(e){var r,n,i=e.children;return i?t(i.type,o(o({},i.props),{},{children:t("div",{children:null!==(r=null==i||null===(n=i.props)||void 0===n?void 0:n.children)&&void 0!==r?r:null})})):null}i.propTypes={children:r.node.isRequired};export{i as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ResizableTableCell(_ref) {
+  var _children$props$child, _children$props;
+
+  var children = _ref.children;
+  if (!children) return null;
+  return /*#__PURE__*/jsx(children.type, _objectSpread(_objectSpread({}, children.props), {}, {
+    children: /*#__PURE__*/jsx("div", {
+      children: (_children$props$child = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) !== null && _children$props$child !== void 0 ? _children$props$child : null
+    })
+  }));
+}
+ResizableTableCell.propTypes = {
+  children: PropTypes.node.isRequired
+};
+
+export default ResizableTableCell;
+//# sourceMappingURL=ResizableTableCell.js.map

package/components/ResizableTable/ResizableTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTableCell.js","sources":["../../../src/components/ResizableTable/ResizableTableCell.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport default function ResizableTableCell({ children }) {\n  if (!children) return null;\n\n  return (\n    <children.type {...children.props}>\n      <div>{children?.props?.children ?? null}</div>\n    </children.type>\n  );\n}\n\nResizableTableCell.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n"],"names":["ResizableTableCell","children","_jsx","props","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;AAEe,SAASA,kBAAT,OAA0C;AAAA;;AAAA,MAAZC,QAAY,QAAZA,QAAY;AACvD,MAAI,CAACA,QAAL,EAAe,OAAO,IAAP;AAEf,sBACEC,IAAC,QAAD,CAAU,IAAV,kCAAmBD,QAAQ,CAACE,KAA5B;AAAA,2BACED;AAAA,yCAAMD,QAAN,aAAMA,QAAN,0CAAMA,QAAQ,CAAEE,KAAhB,oDAAM,gBAAiBF,QAAvB,yEAAmC;AAAnC;AADF,KADF;AAKD;AAEDD,kBAAkB,CAACI,SAAnB,GAA+B;AAC7BH,EAAAA,QAAQ,EAAEI,SAAS,CAACC,IAAV,CAAeC;AADI,CAA/B;;;;"}

package/components/ResizableTable/ResizableTableHeaderCell.js

@@ -1 +1,137 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as n}from"react";import i from"prop-types";import o from"classnames";import a from"react-draggable";import{makeStyles as c}from"@material-ui/core/styles";import{TableCell as l}from"@material-ui/core";import{jsx as s,jsxs as d}from"react/jsx-runtime";function u(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 p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var m=c((function(e){return{resizableColumnHeader:{display:"flex",paddingRight:0,justifyContent:"space-between"},tableResizer:{width:6,borderRadius:10,opacity:.7,cursor:"col-resize",marginRight:-11,marginTop:-16,marginBottom:-16},hovered:{backgroundColor:e.palette.primary.main}}})),f=function(e){var r;return null===(r=document.getElementById(e))||void 0===r?void 0:r.offsetWidth};function h(i){var c,u,h=i.children,b=i.cellName,y=i.nextCellName,g=i.widths,v=i.handleWidthsUpdate,O=m(),j=t(!1),w=r(j,2),x=w[0],R=w[1],P=t(),z=r(P,2),C=z[0],N=z[1],q=t(),D=r(q,2),E=D[0],S=D[1];if(n((function(){N(f("content-".concat(b))+12),S(f("content-".concat(y))+12),v(e({},b,f(b)))}),[]),!h)return null;return s(l,p(p({width:g[b],id:b},h.props),{},{children:d("div",{className:O.resizableColumnHeader,children:[s("div",{id:"content-".concat(b),children:null!==(c=null==h||null===(u=h.props)||void 0===u?void 0:u.children)&&void 0!==c?c:null}),s(a,{axis:"x",onDrag:function(r,t){var n=t.deltaX;t.x,t.lastX,function(r){var t,n=g[b]+r,i=g[y]-r;n<0||n<C||i<E||v((e(t={},b,n),e(t,y,i),t))}(n)},position:{x:0},zIndex:999,onStart:function(){R(!0)},onStop:function(){g[b]!==f(b)&&v(e({},b,f(b))),R(!1)},children:s("div",{className:o(O.tableResizer,x&&O.hovered),onMouseEnter:function(){return R(!0)},onMouseLeave:function(){return R(!1)}})})]})}))}h.propTypes={children:i.node.isRequired,cellName:i.string.isRequired,nextCellName:i.string.isRequired,widths:i.shape({}).isRequired,handleWidthsUpdate:i.func.isRequired};export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TableCell } from '@material-ui/core';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core/styles';
+import Draggable from 'react-draggable';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    resizableColumnHeader: {
+      display: 'flex',
+      paddingRight: 0,
+      justifyContent: 'space-between'
+    },
+    tableResizer: {
+      width: 6,
+      borderRadius: 10,
+      opacity: 0.7,
+      cursor: 'col-resize',
+      marginRight: -11,
+      marginTop: -16,
+      marginBottom: -16
+    },
+    hovered: {
+      backgroundColor: theme.palette.primary.main
+    }
+  };
+});
+
+var getOffsetWidth = function getOffsetWidth(cellName) {
+  var _document$getElementB;
+
+  return (_document$getElementB = document.getElementById(cellName)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetWidth;
+};
+
+var TABLE_HEADER_CELL_PADDING = 12;
+function ResizableTableHeaderCell(_ref) {
+  var _children$props$child, _children$props;
+
+  var children = _ref.children,
+      cellName = _ref.cellName,
+      nextCellName = _ref.nextCellName,
+      widths = _ref.widths,
+      handleWidthsUpdate = _ref.handleWidthsUpdate;
+  var classes = useStyles();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isHovered = _useState2[0],
+      setIsHovered = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentCellMinWidth = _useState4[0],
+      setCurrentCellMinWidth = _useState4[1];
+
+  var _useState5 = useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      nextCellMinWidth = _useState6[0],
+      setNextCellMinWidth = _useState6[1];
+
+  useEffect(function () {
+    setCurrentCellMinWidth(getOffsetWidth("content-".concat(cellName)) + TABLE_HEADER_CELL_PADDING);
+    setNextCellMinWidth(getOffsetWidth("content-".concat(nextCellName)) + TABLE_HEADER_CELL_PADDING);
+    handleWidthsUpdate(_defineProperty({}, cellName, getOffsetWidth(cellName)));
+  }, []);
+  if (!children) return null;
+
+  var resize = function resize(deltaX) {
+    var _handleWidthsUpdate2;
+
+    var newWidth = widths[cellName] + deltaX;
+    var newNextWidth = widths[nextCellName] - deltaX;
+    if (newWidth < 0 || newWidth < currentCellMinWidth || newNextWidth < nextCellMinWidth) return;
+    handleWidthsUpdate((_handleWidthsUpdate2 = {}, _defineProperty(_handleWidthsUpdate2, cellName, newWidth), _defineProperty(_handleWidthsUpdate2, nextCellName, newNextWidth), _handleWidthsUpdate2));
+  };
+
+  return /*#__PURE__*/jsx(TableCell, _objectSpread(_objectSpread({
+    width: widths[cellName],
+    id: cellName
+  }, children.props), {}, {
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes.resizableColumnHeader,
+      children: [/*#__PURE__*/jsx("div", {
+        id: "content-".concat(cellName),
+        children: (_children$props$child = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) !== null && _children$props$child !== void 0 ? _children$props$child : null
+      }), /*#__PURE__*/jsx(Draggable, {
+        axis: "x",
+        onDrag: function onDrag(event, _ref2) {
+          var deltaX = _ref2.deltaX,
+              x = _ref2.x,
+              lastX = _ref2.lastX;
+          resize(deltaX);
+        },
+        position: {
+          x: 0
+        },
+        zIndex: 999,
+        onStart: function onStart() {
+          setIsHovered(true);
+        },
+        onStop: function onStop() {
+          if (widths[cellName] !== getOffsetWidth(cellName)) {
+            handleWidthsUpdate(_defineProperty({}, cellName, getOffsetWidth(cellName)));
+          }
+
+          setIsHovered(false);
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: classNames(classes.tableResizer, isHovered && classes.hovered),
+          onMouseEnter: function onMouseEnter() {
+            return setIsHovered(true);
+          },
+          onMouseLeave: function onMouseLeave() {
+            return setIsHovered(false);
+          }
+        })
+      })]
+    })
+  }));
+}
+ResizableTableHeaderCell.propTypes = {
+  children: PropTypes.node.isRequired,
+  cellName: PropTypes.string.isRequired,
+  nextCellName: PropTypes.string.isRequired,
+  widths: PropTypes.shape({}).isRequired,
+  handleWidthsUpdate: PropTypes.func.isRequired
+};
+
+export default ResizableTableHeaderCell;
+//# sourceMappingURL=ResizableTableHeaderCell.js.map

package/components/ResizableTable/ResizableTableHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTableHeaderCell.js","sources":["../../../src/components/ResizableTable/ResizableTableHeaderCell.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { TableCell } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  resizableColumnHeader: {\n    display: 'flex',\n    paddingRight: 0,\n    justifyContent: 'space-between',\n  },\n  tableResizer: {\n    width: 6,\n    borderRadius: 10,\n    opacity: 0.7,\n    cursor: 'col-resize',\n    marginRight: -11,\n    marginTop: -16,\n    marginBottom: -16,\n  },\n  hovered: {\n    backgroundColor: theme.palette.primary.main,\n  },\n}));\n\nconst getOffsetWidth = cellName => document.getElementById(cellName)?.offsetWidth;\n\nconst TABLE_HEADER_CELL_PADDING = 12;\n\nexport default function ResizableTableHeaderCell({\n  children,\n  cellName,\n  nextCellName,\n  widths,\n  handleWidthsUpdate,\n}) {\n  const classes = useStyles();\n\n  const [isHovered, setIsHovered] = useState(false);\n  const [currentCellMinWidth, setCurrentCellMinWidth] = useState();\n  const [nextCellMinWidth, setNextCellMinWidth] = useState();\n\n  useEffect(() => {\n    setCurrentCellMinWidth(getOffsetWidth(`content-${cellName}`) + TABLE_HEADER_CELL_PADDING);\n    setNextCellMinWidth(getOffsetWidth(`content-${nextCellName}`) + TABLE_HEADER_CELL_PADDING);\n    handleWidthsUpdate({ [cellName]: getOffsetWidth(cellName) });\n  }, []);\n\n  if (!children) return null;\n\n  const resize = deltaX => {\n    const newWidth = widths[cellName] + deltaX;\n    const newNextWidth = widths[nextCellName] - deltaX;\n    if (newWidth < 0 || newWidth < currentCellMinWidth || newNextWidth < nextCellMinWidth) return;\n    handleWidthsUpdate({ [cellName]: newWidth, [nextCellName]: newNextWidth });\n  };\n\n  return (\n    <TableCell width={widths[cellName]} id={cellName} {...children.props}>\n      <div className={classes.resizableColumnHeader}>\n        <div id={`content-${cellName}`}>{children?.props?.children ?? null}</div>\n        <Draggable\n          axis=\"x\"\n          onDrag={(event, { deltaX, x, lastX }) => {\n            resize(deltaX, x, lastX);\n          }}\n          position={{ x: 0 }}\n          zIndex={999}\n          onStart={() => {\n            setIsHovered(true);\n          }}\n          onStop={() => {\n            if (widths[cellName] !== getOffsetWidth(cellName)) {\n              handleWidthsUpdate({ [cellName]: getOffsetWidth(cellName) });\n            }\n            setIsHovered(false);\n          }}\n        >\n          <div\n            className={classNames(classes.tableResizer, isHovered && classes.hovered)}\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => setIsHovered(false)}\n          />\n        </Draggable>\n      </div>\n    </TableCell>\n  );\n}\n\nResizableTableHeaderCell.propTypes = {\n  children: PropTypes.node.isRequired,\n  cellName: PropTypes.string.isRequired,\n  nextCellName: PropTypes.string.isRequired,\n  widths: PropTypes.shape({}).isRequired,\n  handleWidthsUpdate: PropTypes.func.isRequired,\n};\n"],"names":["useStyles","makeStyles","theme","resizableColumnHeader","display","paddingRight","justifyContent","tableResizer","width","borderRadius","opacity","cursor","marginRight","marginTop","marginBottom","hovered","backgroundColor","palette","primary","main","getOffsetWidth","cellName","document","getElementById","offsetWidth","TABLE_HEADER_CELL_PADDING","ResizableTableHeaderCell","children","nextCellName","widths","handleWidthsUpdate","classes","useState","isHovered","setIsHovered","currentCellMinWidth","setCurrentCellMinWidth","nextCellMinWidth","setNextCellMinWidth","useEffect","resize","deltaX","newWidth","newNextWidth","_jsx","props","_jsxs","event","x","lastX","classNames","propTypes","PropTypes","node","isRequired","string","shape","func"],"mappings":"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"}

package/components/SearchInput/index.js

@@ -1 +1,96 @@
-import r from"@babel/runtime/helpers/slicedToArray";import{useState as e,useCallback as a}from"react";import{debounce as o}from"lodash";import{makeStyles as t,Paper as i,InputBase as n}from"@material-ui/core";import c from"@material-ui/icons/Search";import s from"@material-ui/icons/Close";import l from"prop-types";import m from"classnames";import{jsxs as p,jsx as h}from"react/jsx-runtime";var u=t((function(r){return{root:{display:"flex",alignItems:"center",height:30,paddingLeft:19,borderRadius:30,boxShadow:"none","&:focus-within":{boxShadow:"inset 0 0 0 2px ".concat(r.palette.primary.main)}},input:{flex:1,fontFamily:"Roboto",fontSize:14,fontWeight:200},searchIcon:{height:16,width:16,color:r.palette.primary.contrastText,marginRight:9},closeIcon:{height:16,width:16,margin:"0 10px",color:r.palette.primary.text6,cursor:"pointer"}}}));function f(t){var l=t.handleSearch,f=t.className,d=u(),g=e(""),x=r(g,2),y=x[0],b=x[1],N=a(o(l,500),[]);return p(i,{className:m(d.root,f),children:[h(c,{className:d.searchIcon}),h(n,{className:d.input,placeholder:"Search ...",value:y,inputProps:{"aria-label":"search"},onChange:function(r){return e=r.target.value,b(e),void N(e);var e}}),y&&h(s,{className:d.closeIcon,onClick:function(){l(""),b("")}})]})}f.propTypes={handleSearch:l.func.isRequired,className:l.string},f.defaultProps={className:""};export{f as default};
+import { debounce } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Paper, InputBase } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import { useState, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import SearchIcon from '@material-ui/icons/Search';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      display: 'flex',
+      alignItems: 'center',
+      height: 30,
+      paddingLeft: 19,
+      borderRadius: 30,
+      boxShadow: 'none',
+      '&:focus-within': {
+        boxShadow: "inset 0 0 0 2px ".concat(theme.palette.primary.main)
+      }
+    },
+    input: {
+      flex: 1,
+      fontFamily: 'Roboto',
+      fontSize: 14,
+      fontWeight: 200
+    },
+    searchIcon: {
+      height: 16,
+      width: 16,
+      color: theme.palette.primary.contrastText,
+      marginRight: 9
+    },
+    closeIcon: {
+      height: 16,
+      width: 16,
+      margin: '0 10px',
+      color: theme.palette.primary.text6,
+      cursor: 'pointer'
+    }
+  };
+});
+
+function SearchInput(_ref) {
+  var handleSearch = _ref.handleSearch,
+      className = _ref.className;
+  var styles = useStyles();
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);
+
+  var handleInputChange = function handleInputChange(targetValue) {
+    setInputValue(targetValue);
+    handleChangeDebounced(targetValue);
+  };
+
+  return /*#__PURE__*/jsxs(Paper, {
+    className: classNames(styles.root, className),
+    children: [/*#__PURE__*/jsx(SearchIcon, {
+      className: styles.searchIcon
+    }), /*#__PURE__*/jsx(InputBase, {
+      className: styles.input,
+      placeholder: "Search ...",
+      value: inputValue,
+      inputProps: {
+        'aria-label': 'search'
+      },
+      onChange: function onChange(e) {
+        return handleInputChange(e.target.value);
+      }
+    }), inputValue && /*#__PURE__*/jsx(CloseIcon, {
+      className: styles.closeIcon,
+      onClick: function onClick() {
+        handleSearch('');
+        setInputValue('');
+      }
+    })]
+  });
+}
+
+SearchInput.propTypes = {
+  handleSearch: PropTypes.func.isRequired,
+  className: PropTypes.string
+};
+SearchInput.defaultProps = {
+  className: ''
+};
+
+export default SearchInput;
+//# sourceMappingURL=index.js.map