@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/RangeSlider/inputs/ToInput.js

@@ -1 +1,45 @@
-import t from"@babel/runtime/helpers/defineProperty";import{round as e}from"lodash";import n from"classnames";import{RangeSliderControl as r}from"../constants.js";import o from"../Input.css.js";import{jsx as a}from"react/jsx-runtime";var i=function(i){var s=i.compStyles,u=i.rotated,p=i.precision,l=i.toInputRef,m=i.disabled,c=i.to,f=i.toInputValue,d=i.onInputChange,h=i.validateInputChange,y=e(c,p);return a("div",{children:a("input",{style:s,ref:l,disabled:m,className:n(o.rangeSliderInput,t({},o.rotated,u)),type:"text",size:"".concat(y).length||1,value:f,onChange:function(t){return d(r.TO,t)},onBlur:function(t){return h(r.TO,t)},onKeyDown:function(t){"Enter"===t.key&&h(r.TO,t)}})})};export{i as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { round } from 'lodash';
+import classNames from 'classnames';
+import { RangeSliderControl } from '../constants.js';
+import styles from '../Input.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ToInput = function ToInput(props) {
+  var compStyles = props.compStyles,
+    rotated = props.rotated,
+    precision = props.precision,
+    toInputRef = props.toInputRef,
+    disabled = props.disabled,
+    to = props.to,
+    toInputValue = props.toInputValue,
+    onInputChange = props.onInputChange,
+    validateInputChange = props.validateInputChange;
+  var roundedTo = round(to, precision);
+  var onKeyDown = function onKeyDown(event) {
+    if (event.key === 'Enter') {
+      validateInputChange(RangeSliderControl.TO, event);
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsx("input", {
+      style: compStyles,
+      ref: toInputRef,
+      disabled: disabled,
+      className: classNames(styles.rangeSliderInput, _defineProperty({}, styles.rotated, rotated)),
+      type: "text",
+      size: "".concat(roundedTo).length || 1,
+      value: toInputValue,
+      onChange: function onChange(event) {
+        return onInputChange(RangeSliderControl.TO, event);
+      },
+      onBlur: function onBlur(event) {
+        return validateInputChange(RangeSliderControl.TO, event);
+      },
+      onKeyDown: onKeyDown
+    })
+  });
+};
+
+export { ToInput as default };
+//# sourceMappingURL=ToInput.js.map

package/components/RangeSlider/inputs/ToInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToInput.js","sources":["../../../../src/components/RangeSlider/inputs/ToInput.js"],"sourcesContent":["import { round } from 'lodash';\nimport classNames from 'classnames';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst ToInput = props => {\n  const {\n    compStyles,\n    rotated,\n    precision,\n    toInputRef,\n    disabled,\n    to,\n    toInputValue,\n    onInputChange,\n    validateInputChange,\n  } = props;\n\n  const roundedTo = round(to, precision);\n\n  const onKeyDown = event => {\n    if (event.key === 'Enter') {\n      validateInputChange(RangeSliderControl.TO, event);\n    }\n  };\n\n  return (\n    <div>\n      <input\n        style={compStyles}\n        ref={toInputRef}\n        disabled={disabled}\n        className={classNames(styles.rangeSliderInput, { [styles.rotated]: rotated })}\n        type=\"text\"\n        size={`${roundedTo}`.length || 1}\n        value={toInputValue}\n        onChange={event => onInputChange(RangeSliderControl.TO, event)}\n        onBlur={event => validateInputChange(RangeSliderControl.TO, event)}\n        onKeyDown={onKeyDown}\n      />\n    </div>\n  );\n};\n\nexport default ToInput;\n"],"names":["ToInput","props","compStyles","rotated","precision","toInputRef","disabled","to","toInputValue","onInputChange","validateInputChange","roundedTo","round","onKeyDown","event","key","RangeSliderControl","TO","_jsx","classNames","styles","rangeSliderInput","length"],"mappings":";;;;;;;AAOA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAGC,KAAK,EAAI;AACvB,EAAA,IACEC,UAAU,GASRD,KAAK,CATPC,UAAU;IACVC,OAAO,GAQLF,KAAK,CARPE,OAAO;IACPC,SAAS,GAOPH,KAAK,CAPPG,SAAS;IACTC,UAAU,GAMRJ,KAAK,CANPI,UAAU;IACVC,QAAQ,GAKNL,KAAK,CALPK,QAAQ;IACRC,EAAE,GAIAN,KAAK,CAJPM,EAAE;IACFC,YAAY,GAGVP,KAAK,CAHPO,YAAY;IACZC,aAAa,GAEXR,KAAK,CAFPQ,aAAa;IACbC,mBAAmB,GACjBT,KAAK,CADPS,mBAAmB,CAAA;AAGrB,EAAA,IAAMC,SAAS,GAAGC,KAAK,CAACL,EAAE,EAAEH,SAAS,CAAC,CAAA;AAEtC,EAAA,IAAMS,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;AACzB,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,EAAE,EAAEH,KAAK,CAAC,CAAA;AACnD,KAAA;GACD,CAAA;EAED,oBACEI,GAAA,CAAA,KAAA,EAAA;IAAA,QACE,eAAAA,GAAA,CAAA,OAAA,EAAA;AACE,MAAA,KAAK,EAAEhB,UAAW;AAClB,MAAA,GAAG,EAAEG,UAAW;AAChB,MAAA,QAAQ,EAAEC,QAAS;AACnB,MAAA,SAAS,EAAEa,UAAU,CAACC,MAAM,CAACC,gBAAgB,EAAKD,eAAAA,CAAAA,EAAAA,EAAAA,MAAM,CAACjB,OAAO,EAAGA,OAAO,CAAI,CAAA;AAC9E,MAAA,IAAI,EAAC,MAAM;AACX,MAAA,IAAI,EAAE,EAAGQ,CAAAA,MAAAA,CAAAA,SAAS,CAAGW,CAAAA,MAAM,IAAI,CAAE;AACjC,MAAA,KAAK,EAAEd,YAAa;MACpB,QAAQ,EAAE,kBAAAM,KAAK,EAAA;AAAA,QAAA,OAAIL,aAAa,CAACO,kBAAkB,CAACC,EAAE,EAAEH,KAAK,CAAC,CAAA;OAAC;MAC/D,MAAM,EAAE,gBAAAA,KAAK,EAAA;AAAA,QAAA,OAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,EAAE,EAAEH,KAAK,CAAC,CAAA;OAAC;AACnE,MAAA,SAAS,EAAED,SAAAA;AAAU,KAAA,CAAA;GAEnB,CAAA,CAAA;AAEV;;;;"}

package/components/RangeSlider/strategies/horizontal.js

@@ -1 +1,48 @@
-var t={getCoordinates:function(t,n){return{new:t.clientX,min:n.x,max:n.x+n.width}},getBarCoordinates:function(t,n,e){var r=n.clientX-n.x;return{new:t.clientX-r,min:e.x,max:e.x+e.width}},getThumbStyles:function(t,n){return{top:"50%",left:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:n?10:2}},getBarStyles:function(t,n){return{left:"".concat(t,"%"),width:"".concat(n-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#333333"}:{}}};export{t as horizontalStrategy};
+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: '50%',
+    left: percent < 50 ? "calc(".concat(percent, "% + 3px)") : "calc(".concat(percent, "% - 3px)"),
+    zIndex: isLastMoved ? 10 : 2
+  };
+}
+function getBarStyles(fromPercent, toPercent) {
+  return {
+    left: "".concat(fromPercent, "%"),
+    width: "".concat(toPercent - fromPercent, "%")
+  };
+}
+function getInputStyles(isActive) {
+  if (!isActive) return {};
+  return {
+    border: '1px solid #03BCD4',
+    color: '#ffffff',
+    backgroundColor: '#333333'
+  };
+}
+var horizontalStrategy = {
+  getCoordinates: getCoordinates,
+  getBarCoordinates: getBarCoordinates,
+  getThumbStyles: getThumbStyles,
+  getBarStyles: getBarStyles,
+  getInputStyles: getInputStyles
+};
+
+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":["function 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: '50%',\n    left: percent < 50 ? `calc(${percent}% + 3px)` : `calc(${percent}% - 3px)`,\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(isActive) {\n  if (!isActive) return {};\n  return {\n    border: '1px solid #03BCD4',\n    color: '#ffffff',\n    backgroundColor: '#333333',\n  };\n}\n\nexport const horizontalStrategy = {\n  getCoordinates,\n  getBarCoordinates,\n  getThumbStyles,\n  getBarStyles,\n  getInputStyles,\n};\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","isActive","border","color","backgroundColor","horizontalStrategy"],"mappings":"AAAA,SAASA,cAAc,CAACC,KAAK,EAAEC,IAAI,EAAE;EACnC,OAAO;IACLC,GAAG,EAAEF,KAAK,CAACG,OAAO;IAClBC,GAAG,EAAEH,IAAI,CAACI,CAAC;AACXC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAC,GAAGJ,IAAI,CAACM,KAAAA;GACpB,CAAA;AACH,CAAA;AAEA,SAASC,iBAAiB,CAACR,KAAK,EAAES,gBAAgB,EAAER,IAAI,EAAE;AACxD,EAAA,IAAMS,MAAM,GAAGD,gBAAgB,CAACN,OAAO,CAAA;AACvC,EAAA,IAAMQ,UAAU,GAAGF,gBAAgB,CAACJ,CAAC,CAAA;AACrC,EAAA,IAAMO,UAAU,GAAGF,MAAM,GAAGC,UAAU,CAAA;EAEtC,OAAO;AACLT,IAAAA,GAAG,EAAEF,KAAK,CAACG,OAAO,GAAGS,UAAU;IAC/BR,GAAG,EAAEH,IAAI,CAACI,CAAC;AACXC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAC,GAAGJ,IAAI,CAACM,KAAAA;GACpB,CAAA;AACH,CAAA;AAEA,SAASM,cAAc,CAACC,OAAO,EAAEC,WAAW,EAAE;EAC5C,OAAO;AACLC,IAAAA,GAAG,EAAE,KAAK;IACVC,IAAI,EAAEH,OAAO,GAAG,EAAE,kBAAWA,OAAO,EAAA,UAAA,CAAA,GAAA,OAAA,CAAA,MAAA,CAAqBA,OAAO,EAAU,UAAA,CAAA;AAC1EI,IAAAA,MAAM,EAAEH,WAAW,GAAG,EAAE,GAAG,CAAA;GAC5B,CAAA;AACH,CAAA;AAEA,SAASI,YAAY,CAACC,WAAW,EAAEC,SAAS,EAAE;EAC5C,OAAO;IACLJ,IAAI,EAAA,EAAA,CAAA,MAAA,CAAKG,WAAW,EAAG,GAAA,CAAA;IACvBb,KAAK,EAAA,EAAA,CAAA,MAAA,CAAKc,SAAS,GAAGD,WAAW,EAAA,GAAA,CAAA;GAClC,CAAA;AACH,CAAA;AAEA,SAASE,cAAc,CAACC,QAAQ,EAAE;AAChC,EAAA,IAAI,CAACA,QAAQ,EAAE,OAAO,EAAE,CAAA;EACxB,OAAO;AACLC,IAAAA,MAAM,EAAE,mBAAmB;AAC3BC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,eAAe,EAAE,SAAA;GAClB,CAAA;AACH,CAAA;AAEO,IAAMC,kBAAkB,GAAG;AAChC5B,EAAAA,cAAc,EAAdA,cAAc;AACdS,EAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBK,EAAAA,cAAc,EAAdA,cAAc;AACdM,EAAAA,YAAY,EAAZA,YAAY;AACZG,EAAAA,cAAc,EAAdA,cAAAA;AACF;;;;"}

package/components/RangeSlider/strategies/vertical.js

@@ -1 +1,56 @@
-var t={getCoordinates:function(t,n){return{new:t.clientY,min:n.y,max:n.y+n.height}},getRotatedCoordinates:function(t,n){return{new:n.y+n.height-t.clientY+n.y,min:n.y,max:n.y+n.height}},getBarCoordinates:function(t,n,e){var o=n.clientY-n.y;return{new:t.clientY-o,min:e.y,max:e.y+e.height}},getThumbStyles:function(t,n){return{left:"50%",top:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:n?10:2}},getBarStyles:function(t,n){return{top:"".concat(t,"%"),height:"".concat(n-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#333333"}:{}}};export{t as verticalStrategy};
+function getCoordinates(event, rect) {
+  return {
+    new: event.clientY,
+    min: rect.y,
+    max: rect.y + rect.height
+  };
+}
+function getRotatedCoordinates(event, rect) {
+  return {
+    new: rect.y + rect.height - event.clientY + rect.y,
+    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: '50%',
+    top: percent < 50 ? "calc(".concat(percent, "% + 3px)") : "calc(".concat(percent, "% - 3px)"),
+    zIndex: isLastMoved ? 10 : 2
+  };
+}
+function getBarStyles(fromPercent, toPercent) {
+  return {
+    top: "".concat(fromPercent, "%"),
+    height: "".concat(toPercent - fromPercent, "%")
+  };
+}
+function getInputStyles(isActive) {
+  if (!isActive) return {};
+  return {
+    border: '1px solid #03BCD4',
+    color: '#ffffff',
+    backgroundColor: '#333333'
+  };
+}
+var verticalStrategy = {
+  getCoordinates: getCoordinates,
+  getRotatedCoordinates: getRotatedCoordinates,
+  getBarCoordinates: getBarCoordinates,
+  getThumbStyles: getThumbStyles,
+  getBarStyles: getBarStyles,
+  getInputStyles: getInputStyles
+};
+
+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":["function getCoordinates(event, rect) {\n  return {\n    new: event.clientY,\n    min: rect.y,\n    max: rect.y + rect.height,\n  };\n}\n\nfunction getRotatedCoordinates(event, rect) {\n  return {\n    new: rect.y + rect.height - event.clientY + rect.y,\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: '50%',\n    top: percent < 50 ? `calc(${percent}% + 3px)` : `calc(${percent}% - 3px)`,\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(isActive) {\n  if (!isActive) return {};\n  return {\n    border: '1px solid #03BCD4',\n    color: '#ffffff',\n    backgroundColor: '#333333',\n  };\n}\nexport const verticalStrategy = {\n  getCoordinates,\n  getRotatedCoordinates,\n  getBarCoordinates,\n  getThumbStyles,\n  getBarStyles,\n  getInputStyles,\n};\n"],"names":["getCoordinates","event","rect","new","clientY","min","y","max","height","getRotatedCoordinates","getBarCoordinates","startCoordinates","startY","startFromY","grabOffset","getThumbStyles","percent","isLastMoved","left","top","zIndex","getBarStyles","fromPercent","toPercent","getInputStyles","isActive","border","color","backgroundColor","verticalStrategy"],"mappings":"AAAA,SAASA,cAAc,CAACC,KAAK,EAAEC,IAAI,EAAE;EACnC,OAAO;IACLC,GAAG,EAAEF,KAAK,CAACG,OAAO;IAClBC,GAAG,EAAEH,IAAI,CAACI,CAAC;AACXC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAC,GAAGJ,IAAI,CAACM,MAAAA;GACpB,CAAA;AACH,CAAA;AAEA,SAASC,qBAAqB,CAACR,KAAK,EAAEC,IAAI,EAAE;EAC1C,OAAO;AACLC,IAAAA,GAAG,EAAED,IAAI,CAACI,CAAC,GAAGJ,IAAI,CAACM,MAAM,GAAGP,KAAK,CAACG,OAAO,GAAGF,IAAI,CAACI,CAAC;IAClDD,GAAG,EAAEH,IAAI,CAACI,CAAC;AACXC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAC,GAAGJ,IAAI,CAACM,MAAAA;GACpB,CAAA;AACH,CAAA;AAEA,SAASE,iBAAiB,CAACT,KAAK,EAAEU,gBAAgB,EAAET,IAAI,EAAE;AACxD,EAAA,IAAMU,MAAM,GAAGD,gBAAgB,CAACP,OAAO,CAAA;AACvC,EAAA,IAAMS,UAAU,GAAGF,gBAAgB,CAACL,CAAC,CAAA;AACrC,EAAA,IAAMQ,UAAU,GAAGF,MAAM,GAAGC,UAAU,CAAA;EAEtC,OAAO;AACLV,IAAAA,GAAG,EAAEF,KAAK,CAACG,OAAO,GAAGU,UAAU;IAC/BT,GAAG,EAAEH,IAAI,CAACI,CAAC;AACXC,IAAAA,GAAG,EAAEL,IAAI,CAACI,CAAC,GAAGJ,IAAI,CAACM,MAAAA;GACpB,CAAA;AACH,CAAA;AAEA,SAASO,cAAc,CAACC,OAAO,EAAEC,WAAW,EAAE;EAC5C,OAAO;AACLC,IAAAA,IAAI,EAAE,KAAK;IACXC,GAAG,EAAEH,OAAO,GAAG,EAAE,kBAAWA,OAAO,EAAA,UAAA,CAAA,GAAA,OAAA,CAAA,MAAA,CAAqBA,OAAO,EAAU,UAAA,CAAA;AACzEI,IAAAA,MAAM,EAAEH,WAAW,GAAG,EAAE,GAAG,CAAA;GAC5B,CAAA;AACH,CAAA;AAEA,SAASI,YAAY,CAACC,WAAW,EAAEC,SAAS,EAAE;EAC5C,OAAO;IACLJ,GAAG,EAAA,EAAA,CAAA,MAAA,CAAKG,WAAW,EAAG,GAAA,CAAA;IACtBd,MAAM,EAAA,EAAA,CAAA,MAAA,CAAKe,SAAS,GAAGD,WAAW,EAAA,GAAA,CAAA;GACnC,CAAA;AACH,CAAA;AAEA,SAASE,cAAc,CAACC,QAAQ,EAAE;AAChC,EAAA,IAAI,CAACA,QAAQ,EAAE,OAAO,EAAE,CAAA;EACxB,OAAO;AACLC,IAAAA,MAAM,EAAE,mBAAmB;AAC3BC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,eAAe,EAAE,SAAA;GAClB,CAAA;AACH,CAAA;AACO,IAAMC,gBAAgB,GAAG;AAC9B7B,EAAAA,cAAc,EAAdA,cAAc;AACdS,EAAAA,qBAAqB,EAArBA,qBAAqB;AACrBC,EAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBK,EAAAA,cAAc,EAAdA,cAAc;AACdM,EAAAA,YAAY,EAAZA,YAAY;AACZG,EAAAA,cAAc,EAAdA,cAAAA;AACF;;;;"}

package/components/RangeSlider/utils.js

@@ -1 +1,45 @@
-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":"AAIO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAIC,GAAG,EAAEC,GAAG,EAAEC,GAAG,EAAK;EACzD,OAAQ,CAACF,GAAG,GAAGC,GAAG,IAAI,GAAG,IAAKC,GAAG,GAAGD,GAAG,CAAC,CAAA;AAC1C,EAAC;AAEM,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAIH,GAAG,EAAEC,GAAG,EAAEC,GAAG,EAAK;EAC1D,OAAOD,GAAG,GAAID,GAAG,IAAIE,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,CAAA;AACxC,EAAC;AAEYG,IAAAA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,OAAO,EAAEC,IAAI,EAAEC,EAAE,EAAEN,GAAG,EAAEO,QAAQ,EAAK;EACnE,IAAIH,OAAO,GAAGJ,GAAG,EAAE;IACjB,OAAO;AAAEK,MAAAA,IAAI,EAAEL,GAAG;AAAEM,MAAAA,EAAE,EAAFA,EAAAA;KAAI,CAAA;AAC1B,GAAA;AAEA,EAAA,IAAIF,OAAO,GAAGE,EAAE,GAAGC,QAAQ,EAAE;IAC3B,OAAO;MAAEF,IAAI,EAAEC,EAAE,GAAGC,QAAQ;AAAED,MAAAA,EAAE,EAAFA,EAAAA;KAAI,CAAA;AACpC,GAAA;EAEA,OAAO;AAAED,IAAAA,IAAI,EAAED,OAAO;AAAEE,IAAAA,EAAE,EAAFA,EAAAA;GAAI,CAAA;AAC9B,EAAC;AAEYE,IAAAA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAK,EAAEJ,IAAI,EAAEC,EAAE,EAAEL,GAAG,EAAEM,QAAQ,EAAK;EAC/D,IAAIE,KAAK,GAAGR,GAAG,EAAE;IACf,OAAO;AAAEI,MAAAA,IAAI,EAAJA,IAAI;AAAEC,MAAAA,EAAE,EAAEL,GAAAA;KAAK,CAAA;AAC1B,GAAA;AAEA,EAAA,IAAIQ,KAAK,GAAGJ,IAAI,GAAGE,QAAQ,EAAE;IAC3B,OAAO;AAAEF,MAAAA,IAAI,EAAJA,IAAI;MAAEC,EAAE,EAAED,IAAI,GAAGE,QAAAA;KAAU,CAAA;AACtC,GAAA;EAEA,OAAO;AAAEF,IAAAA,IAAI,EAAJA,IAAI;AAAEC,IAAAA,EAAE,EAAEG,KAAAA;GAAO,CAAA;AAC5B;;;;"}

package/components/RealTimeValuesSidebar/RealTimeSidebar.js

@@ -1 +1,97 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as r}from"react/jsx-runtime";import{memo as o,useRef as a,useEffect as t}from"react";import n from"classnames";import{noop as l}from"lodash";import{withTheme as s}from"@material-ui/core";import d from"./RealTimeValuesBox/RealTimeBoxEditDialog.js";import{useStyles as m}from"./RealTimeSidebarStyles.js";import{ORIENTATIONS as p}from"./enums.js";import u from"./RealTimeSidebarContext.js";import c from"./SidebarFooter.js";import h from"./RealTimeValuesBox/RealTimeBoxList.js";import S from"./SidebarTitle.js";var f=s(o((function(o){var s,f,g,b,v=o.isSidebarOpen,T=o.handleOpenCloseSidebar,C=o.isResponsive,H=o.theme,j=o.sourceArray,O=o.findSource,y=o.onAppSettingChange,R=o.appSettings,x=o.assetKey,z=o.setting,D=o.realTimeTypes,E=o.isDialogOpen,A=o.paramToEdit,B=o.handleOpenCloseDialog,F=o.handleChangeParamToEdit,L=o.sidebarHorizontalHeight,N=void 0===L?400:L,P=o.onLayoutChange,V=void 0===P?l:P,K=a(null),k=m({sidebarHorizontalHeight:N}),W=C?p.horizontal:p.vertical,_=n(v&&"fullSize",((s={})[k.rtSidebarWhiteTheme]=H.isLightTheme,s[k.rtSidebarVertical]=!C,s[k.rtSidebarHorizontal]=C,s)),q=n(k.rtSidebarContent,W,((f={})[k.rtSidebarContentFullSize]=v,f)),w=n([k.rtSidebarHandler],((g={})[k.rtSidebarHandlerFullSize]=v,g));return t((function(){var e;(null===(e=null==K?void 0:K.current)||void 0===e?void 0:e.clientHeight)&&V(K.current.clientHeight)}),[null===(b=null==K?void 0:K.current)||void 0===b?void 0:b.clientHeight,v]),i(u.Provider,e({value:{isSidebarOpen:v,onAppSettingChange:y,appSettings:R,assetKey:x,setting:z,realTimeTypes:D,orientation:W,handleOpenCloseSidebar:T,handleChangeParamToEdit:F,handleOpenCloseDialog:B}},{children:r("div",e({className:_,ref:K},{children:[i("div",{className:w,onClick:function(){return T(!0)}}),i(S,{}),r("div",e({className:q},{children:[i(h,{sourceArray:j,findSource:O}),i(d,{isDialogOpen:E,paramToEdit:A,handleCloseRealTimeDialog:function(){return B(!1)}})]})),i(c,{onSidebarOpened:function(){return T(!0)},onSidebarClosed:function(){return T(!1)}})]}))}))})));export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { noop } from 'lodash';
+import { withTheme } from '@material-ui/core';
+import RealTimeBoxEditDialog from './RealTimeValuesBox/RealTimeBoxEditDialog.js';
+import { useStyles } from './RealTimeSidebarStyles.js';
+import { ORIENTATIONS } from './enums.js';
+import RealTimeSidebarContext from './RealTimeSidebarContext.js';
+import SidebarFooter from './SidebarFooter.js';
+import RealTimeBoxList from './RealTimeValuesBox/RealTimeBoxList.js';
+import SidebarTitle from './SidebarTitle.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function RealTimeSidebar(props) {
+  var _classNames, _sidebarRef$current2;
+  var isSidebarOpen = props.isSidebarOpen,
+    handleOpenCloseSidebar = props.handleOpenCloseSidebar,
+    isResponsive = props.isResponsive,
+    theme = props.theme,
+    sourceArray = props.sourceArray,
+    findSource = props.findSource,
+    onAppSettingChange = props.onAppSettingChange,
+    appSettings = props.appSettings,
+    assetKey = props.assetKey,
+    setting = props.setting,
+    realTimeTypes = props.realTimeTypes,
+    isDialogOpen = props.isDialogOpen,
+    paramToEdit = props.paramToEdit,
+    handleOpenCloseDialog = props.handleOpenCloseDialog,
+    handleChangeParamToEdit = props.handleChangeParamToEdit,
+    _props$sidebarHorizon = props.sidebarHorizontalHeight,
+    sidebarHorizontalHeight = _props$sidebarHorizon === void 0 ? 400 : _props$sidebarHorizon,
+    _props$onLayoutChange = props.onLayoutChange,
+    onLayoutChange = _props$onLayoutChange === void 0 ? noop : _props$onLayoutChange;
+  var sidebarRef = useRef(null);
+  var styles = useStyles({
+    sidebarHorizontalHeight: sidebarHorizontalHeight
+  });
+  var orientation = isResponsive ? ORIENTATIONS.horizontal : ORIENTATIONS.vertical;
+  var sidebarClass = classNames(isSidebarOpen && 'fullSize', (_classNames = {}, _defineProperty(_classNames, styles.rtSidebarWhiteTheme, theme.isLightTheme), _defineProperty(_classNames, styles.rtSidebarVertical, !isResponsive), _defineProperty(_classNames, styles.rtSidebarHorizontal, isResponsive), _classNames));
+  var sidebarContentClass = classNames(styles.rtSidebarContent, orientation, _defineProperty({}, styles.rtSidebarContentFullSize, isSidebarOpen));
+  var sidebarHandlerClass = classNames([styles.rtSidebarHandler], _defineProperty({}, styles.rtSidebarHandlerFullSize, isSidebarOpen));
+  useEffect(function () {
+    var _sidebarRef$current;
+    if (sidebarRef !== null && sidebarRef !== void 0 && (_sidebarRef$current = sidebarRef.current) !== null && _sidebarRef$current !== void 0 && _sidebarRef$current.clientHeight) {
+      onLayoutChange(sidebarRef.current.clientHeight);
+    }
+  }, [sidebarRef === null || sidebarRef === void 0 ? void 0 : (_sidebarRef$current2 = sidebarRef.current) === null || _sidebarRef$current2 === void 0 ? void 0 : _sidebarRef$current2.clientHeight, isSidebarOpen]);
+  return /*#__PURE__*/jsx(RealTimeSidebarContext.Provider, {
+    value: {
+      isSidebarOpen: isSidebarOpen,
+      onAppSettingChange: onAppSettingChange,
+      appSettings: appSettings,
+      assetKey: assetKey,
+      setting: setting,
+      realTimeTypes: realTimeTypes,
+      orientation: orientation,
+      handleOpenCloseSidebar: handleOpenCloseSidebar,
+      handleChangeParamToEdit: handleChangeParamToEdit,
+      handleOpenCloseDialog: handleOpenCloseDialog
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: sidebarClass,
+      ref: sidebarRef,
+      children: [/*#__PURE__*/jsx("div", {
+        className: sidebarHandlerClass,
+        onClick: function onClick() {
+          return handleOpenCloseSidebar(true);
+        }
+      }), /*#__PURE__*/jsx(SidebarTitle, {}), /*#__PURE__*/jsxs("div", {
+        className: sidebarContentClass,
+        children: [/*#__PURE__*/jsx(RealTimeBoxList, {
+          sourceArray: sourceArray,
+          findSource: findSource
+        }), /*#__PURE__*/jsx(RealTimeBoxEditDialog, {
+          isDialogOpen: isDialogOpen,
+          paramToEdit: paramToEdit,
+          handleCloseRealTimeDialog: function handleCloseRealTimeDialog() {
+            return handleOpenCloseDialog(false);
+          }
+        })]
+      }), /*#__PURE__*/jsx(SidebarFooter, {
+        onSidebarOpened: function onSidebarOpened() {
+          return handleOpenCloseSidebar(true);
+        },
+        onSidebarClosed: function onSidebarClosed() {
+          return handleOpenCloseSidebar(false);
+        }
+      })]
+    })
+  });
+}
+var RealTimeSidebar$1 = withTheme(memo(RealTimeSidebar));
+
+export { RealTimeSidebar$1 as default };
+//# sourceMappingURL=RealTimeSidebar.js.map

package/components/RealTimeValuesSidebar/RealTimeSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeSidebar.js","sources":["../../../src/components/RealTimeValuesSidebar/RealTimeSidebar.tsx"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport { withTheme } from '@material-ui/core';\n\nimport RealTimeBoxEditDialog from './RealTimeValuesBox/RealTimeBoxEditDialog';\nimport { RealtimeSidebarProps } from './types';\nimport { useStyles } from './RealTimeSidebarStyles';\nimport { ORIENTATIONS } from './enums';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport SidebarFooter from './SidebarFooter';\nimport RealTimeBoxList from './RealTimeValuesBox/RealTimeBoxList';\nimport SidebarTitle from './SidebarTitle';\n\n// This sidebar will receive all necesssary data from App (collections, realtime types etc.)\nfunction RealTimeSidebar(props: RealtimeSidebarProps) {\n  const {\n    isSidebarOpen,\n    handleOpenCloseSidebar,\n    isResponsive,\n    theme,\n    sourceArray,\n    findSource,\n    onAppSettingChange,\n    appSettings,\n    assetKey,\n    setting,\n    realTimeTypes,\n    isDialogOpen,\n    paramToEdit,\n    handleOpenCloseDialog,\n    handleChangeParamToEdit,\n    sidebarHorizontalHeight = 400,\n    onLayoutChange = noop,\n  } = props;\n  const sidebarRef = useRef(null);\n  const styles = useStyles({ sidebarHorizontalHeight });\n\n  const orientation = isResponsive ? ORIENTATIONS.horizontal : ORIENTATIONS.vertical;\n\n  const sidebarClass = classNames(isSidebarOpen && 'fullSize', {\n    [styles.rtSidebarWhiteTheme]: theme.isLightTheme,\n    [styles.rtSidebarVertical]: !isResponsive,\n    [styles.rtSidebarHorizontal]: isResponsive,\n  });\n\n  const sidebarContentClass = classNames(styles.rtSidebarContent, orientation, {\n    [styles.rtSidebarContentFullSize]: isSidebarOpen,\n  });\n\n  const sidebarHandlerClass = classNames([styles.rtSidebarHandler], {\n    [styles.rtSidebarHandlerFullSize]: isSidebarOpen,\n  });\n\n  useEffect(() => {\n    if (sidebarRef?.current?.clientHeight) {\n      onLayoutChange(sidebarRef.current.clientHeight);\n    }\n  }, [sidebarRef?.current?.clientHeight, isSidebarOpen]);\n\n  return (\n    <RealTimeSidebarContext.Provider\n      value={{\n        isSidebarOpen,\n        onAppSettingChange,\n        appSettings,\n        assetKey,\n        setting,\n        realTimeTypes,\n        orientation,\n        handleOpenCloseSidebar,\n        handleChangeParamToEdit,\n        handleOpenCloseDialog,\n      }}\n    >\n      <div className={sidebarClass} ref={sidebarRef}>\n        <div className={sidebarHandlerClass} onClick={() => handleOpenCloseSidebar(true)} />\n        <SidebarTitle />\n        <div className={sidebarContentClass}>\n          <RealTimeBoxList sourceArray={sourceArray} findSource={findSource} />\n          <RealTimeBoxEditDialog\n            isDialogOpen={isDialogOpen}\n            paramToEdit={paramToEdit}\n            handleCloseRealTimeDialog={() => handleOpenCloseDialog(false)}\n          />\n        </div>\n        <SidebarFooter\n          onSidebarOpened={() => handleOpenCloseSidebar(true)}\n          onSidebarClosed={() => handleOpenCloseSidebar(false)}\n        />\n      </div>\n    </RealTimeSidebarContext.Provider>\n  );\n}\n\nexport default withTheme(memo(RealTimeSidebar as any));\n"],"names":["RealTimeSidebar","props","isSidebarOpen","handleOpenCloseSidebar","isResponsive","theme","sourceArray","findSource","onAppSettingChange","appSettings","assetKey","setting","realTimeTypes","isDialogOpen","paramToEdit","handleOpenCloseDialog","handleChangeParamToEdit","sidebarHorizontalHeight","onLayoutChange","noop","sidebarRef","useRef","styles","useStyles","orientation","ORIENTATIONS","horizontal","vertical","sidebarClass","classNames","rtSidebarWhiteTheme","isLightTheme","rtSidebarVertical","rtSidebarHorizontal","sidebarContentClass","rtSidebarContent","rtSidebarContentFullSize","sidebarHandlerClass","rtSidebarHandler","rtSidebarHandlerFullSize","useEffect","current","clientHeight","_jsx","_jsxs","withTheme","memo"],"mappings":"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"}

package/components/RealTimeValuesSidebar/RealTimeSidebarContext.js

@@ -1 +1,6 @@
-import{createContext as r}from"react";var a=r(null);export{a as default};
+import { createContext } from 'react';
+
+var RealTimeSidebarContext = createContext(null);
+
+export { RealTimeSidebarContext as default };
+//# sourceMappingURL=RealTimeSidebarContext.js.map

package/components/RealTimeValuesSidebar/RealTimeSidebarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeSidebarContext.js","sources":["../../../src/components/RealTimeValuesSidebar/RealTimeSidebarContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport default createContext(null);\n"],"names":["createContext"],"mappings":";;AAEA,6BAAeA,aAAa,CAAC,IAAI,CAAC;;;;"}

package/components/RealTimeValuesSidebar/RealTimeSidebarStyles.js

@@ -1 +1,64 @@
-import{makeStyles as t}from"@material-ui/core";var i=t((function(t){return{rtSidebarVertical:{width:"48px",height:"100%",background:t.palette.background.b5,boxShadow:"4px 0px 8px rgba(0, 0, 0, 0.15)",position:"relative","&.fullSize":{width:"235px"}},rtSidebarHorizontal:function(i){return{position:"absolute",top:i.sidebarHorizontalHeight,left:0,width:"100%",height:i.sidebarHorizontalHeight,background:t.palette.background.b5,"&.fullSize":{height:"auto"}}},rtSidebarWhiteTheme:{background:t.palette.primary.contrastText},rtSidebarContent:{overflowY:"auto",height:"calc(100% - 150px)",visibility:"hidden"},rtSidebarContentFullSize:{visibility:"visible",marginTop:"50px","&.vertical":{height:"calc(100% - 100px)"},"&.horizontal":{height:"auto"}},rtSidebarHandler:{position:"absolute",width:"100%",height:"100%",cursor:"pointer","&:hover":{background:t.palette.background.b7,opacity:"0.3",zIndex:"999"}},rtSidebarHandlerFullSize:{display:"none"}}}));export{i as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    rtSidebarVertical: {
+      width: '48px',
+      height: '100%',
+      background: theme.palette.background.b5,
+      boxShadow: '4px 0px 8px rgba(0, 0, 0, 0.15)',
+      position: 'relative',
+      '&.fullSize': {
+        width: '235px'
+      }
+    },
+    rtSidebarHorizontal: function rtSidebarHorizontal(props) {
+      return {
+        position: 'absolute',
+        top: props.sidebarHorizontalHeight,
+        left: 0,
+        width: '100%',
+        height: props.sidebarHorizontalHeight,
+        background: theme.palette.background.b5,
+        '&.fullSize': {
+          height: 'auto'
+        }
+      };
+    },
+    rtSidebarWhiteTheme: {
+      background: theme.palette.primary.contrastText
+    },
+    rtSidebarContent: {
+      overflowY: 'auto',
+      height: 'calc(100% - 150px)',
+      visibility: 'hidden'
+    },
+    rtSidebarContentFullSize: {
+      visibility: 'visible',
+      marginTop: '50px',
+      '&.vertical': {
+        height: 'calc(100% - 100px)'
+      },
+      '&.horizontal': {
+        height: 'auto'
+      }
+    },
+    rtSidebarHandler: {
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
+      cursor: 'pointer',
+      '&:hover': {
+        background: theme.palette.background.b7,
+        opacity: '0.3',
+        zIndex: '999'
+      }
+    },
+    rtSidebarHandlerFullSize: {
+      display: 'none'
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=RealTimeSidebarStyles.js.map

package/components/RealTimeValuesSidebar/RealTimeSidebarStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeSidebarStyles.js","sources":["../../../src/components/RealTimeValuesSidebar/RealTimeSidebarStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles((theme: any) => ({\n  rtSidebarVertical: {\n    width: '48px',\n    height: '100%',\n    background: theme.palette.background.b5,\n    boxShadow: '4px 0px 8px rgba(0, 0, 0, 0.15)',\n    position: 'relative',\n    '&.fullSize': {\n      width: '235px',\n    },\n  },\n  rtSidebarHorizontal: (props: any) => ({\n    position: 'absolute',\n    top: props.sidebarHorizontalHeight,\n    left: 0,\n    width: '100%',\n    height: props.sidebarHorizontalHeight,\n    background: theme.palette.background.b5,\n    '&.fullSize': {\n      height: 'auto',\n    },\n  }),\n  rtSidebarWhiteTheme: {\n    background: theme.palette.primary.contrastText,\n  },\n  rtSidebarContent: {\n    overflowY: 'auto',\n    height: 'calc(100% - 150px)',\n    visibility: 'hidden',\n  },\n  rtSidebarContentFullSize: {\n    visibility: 'visible',\n    marginTop: '50px',\n    '&.vertical': {\n      height: 'calc(100% - 100px)',\n    },\n    '&.horizontal': {\n      height: 'auto',\n    },\n  },\n  rtSidebarHandler: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    cursor: 'pointer',\n    '&:hover': {\n      background: theme.palette.background.b7,\n      opacity: '0.3',\n      zIndex: '999',\n    },\n  },\n  rtSidebarHandlerFullSize: {\n    display: 'none',\n  },\n}));\n"],"names":["useStyles","makeStyles","theme","rtSidebarVertical","width","height","background","palette","b5","boxShadow","position","rtSidebarHorizontal","props","top","sidebarHorizontalHeight","left","rtSidebarWhiteTheme","primary","contrastText","rtSidebarContent","overflowY","visibility","rtSidebarContentFullSize","marginTop","rtSidebarHandler","cursor","b7","opacity","zIndex","rtSidebarHandlerFullSize","display"],"mappings":";;IAEaA,SAAS,GAAGC,UAAU,CAAC,UAACC,KAAU,EAAA;EAAA,OAAM;AACnDC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAACD,UAAU,CAACE,EAAE;AACvCC,MAAAA,SAAS,EAAE,iCAAiC;AAC5CC,MAAAA,QAAQ,EAAE,UAAU;AACpB,MAAA,YAAY,EAAE;AACZN,QAAAA,KAAK,EAAE,OAAA;AACT,OAAA;KACD;IACDO,mBAAmB,EAAE,6BAACC,KAAU,EAAA;MAAA,OAAM;AACpCF,QAAAA,QAAQ,EAAE,UAAU;QACpBG,GAAG,EAAED,KAAK,CAACE,uBAAuB;AAClCC,QAAAA,IAAI,EAAE,CAAC;AACPX,QAAAA,KAAK,EAAE,MAAM;QACbC,MAAM,EAAEO,KAAK,CAACE,uBAAuB;AACrCR,QAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAACD,UAAU,CAACE,EAAE;AACvC,QAAA,YAAY,EAAE;AACZH,UAAAA,MAAM,EAAE,MAAA;AACV,SAAA;OACD,CAAA;KAAC;AACFW,IAAAA,mBAAmB,EAAE;AACnBV,MAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAACU,OAAO,CAACC,YAAAA;KACnC;AACDC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,SAAS,EAAE,MAAM;AACjBf,MAAAA,MAAM,EAAE,oBAAoB;AAC5BgB,MAAAA,UAAU,EAAE,QAAA;KACb;AACDC,IAAAA,wBAAwB,EAAE;AACxBD,MAAAA,UAAU,EAAE,SAAS;AACrBE,MAAAA,SAAS,EAAE,MAAM;AACjB,MAAA,YAAY,EAAE;AACZlB,QAAAA,MAAM,EAAE,oBAAA;OACT;AACD,MAAA,cAAc,EAAE;AACdA,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDmB,IAAAA,gBAAgB,EAAE;AAChBd,MAAAA,QAAQ,EAAE,UAAU;AACpBN,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,MAAM;AACdoB,MAAAA,MAAM,EAAE,SAAS;AACjB,MAAA,SAAS,EAAE;AACTnB,QAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAACD,UAAU,CAACoB,EAAE;AACvCC,QAAAA,OAAO,EAAE,KAAK;AACdC,QAAAA,MAAM,EAAE,KAAA;AACV,OAAA;KACD;AACDC,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,OAAO,EAAE,MAAA;AACX,KAAA;GACD,CAAA;AAAA,CAAC;;;;"}

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBox.js

@@ -1 +1,76 @@
-import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,Fragment as o,jsx as i}from"react/jsx-runtime";import{memo as t,useContext as a}from"react";import l from"classnames";import{noop as n}from"lodash";import{Divider as d}from"@material-ui/core";import m from"@material-ui/icons/DragIndicator";import{getUnitDisplay as s}from"../../../utils/index.js";import c from"../../IconButton/index.js";import u from"../RealTimeSidebarContext.js";import{useStyles as p}from"./RealTimeBoxStyles.js";var f=t((function(t){var f,x=t.item,h=void 0===x?null:x,v=t.isDraggable,g=void 0===v||v,B=t.dragHandle,b=void 0===B?n:B,N=t.itemSelected,j=void 0===N?null:N,C=p(),D=a(u),T=D.handleOpenCloseDialog,y=D.handleChangeParamToEdit,I=h?s(h.unitType):null,S=h?{borderLeft:"2px solid ".concat(h.color)}:null;return h?r(o,{children:[i("div",e({className:l(C.rtBox,(f={},f[C.rtBoxSelected]=!!j,f.notDraggable=!g,f)),"data-testid":"realtime_box"},{children:r(o,{children:[r("div",e({className:C.rtBoxInner,style:S,onClick:function(){T(!0),y(h.key)},"data-testid":"".concat(h.name,"_edit_item")},{children:[i("div",e({className:C.rtBoxTitle},{children:h.name})),r("div",e({className:C.rtBoxValue},{children:[h.value," ",i("span",{children:I})]}))]})),g&&b(i("div",e({className:C.rtBoxButtonContainer},{children:i(c,e({tooltipProps:{title:"Drag to Reorder"}},{children:i(m,{className:C.dragIcon,color:"error"})}))})))]})})),g&&i(d,{className:C.divider})]}):null}));export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo, useContext } from 'react';
+import classNames from 'classnames';
+import { noop } from 'lodash';
+import { Divider } from '@material-ui/core';
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
+import { getUnitDisplay } from '../../../utils/index.js';
+import IconButton from '../../IconButton/index.js';
+import RealTimeSidebarContext from '../RealTimeSidebarContext.js';
+import { useStyles } from './RealTimeBoxStyles.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function RealTimeBox(props) {
+  var _classNames;
+  var _props$item = props.item,
+    item = _props$item === void 0 ? null : _props$item,
+    _props$isDraggable = props.isDraggable,
+    isDraggable = _props$isDraggable === void 0 ? true : _props$isDraggable,
+    _props$dragHandle = props.dragHandle,
+    dragHandle = _props$dragHandle === void 0 ? noop : _props$dragHandle,
+    _props$itemSelected = props.itemSelected,
+    itemSelected = _props$itemSelected === void 0 ? null : _props$itemSelected;
+  var classes = useStyles();
+  var _useContext = useContext(RealTimeSidebarContext),
+    handleOpenCloseDialog = _useContext.handleOpenCloseDialog,
+    handleChangeParamToEdit = _useContext.handleChangeParamToEdit;
+  var displayUnit = item ? getUnitDisplay(item.unitType) : null;
+  var paramColorStyle = item ? {
+    borderLeft: "2px solid ".concat(item.color)
+  } : null;
+  var handleClick = function handleClick() {
+    handleOpenCloseDialog(true);
+    handleChangeParamToEdit(item.key);
+  };
+  if (!item) return null;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: classNames(classes.rtBox, (_classNames = {}, _defineProperty(_classNames, classes.rtBoxSelected, !!itemSelected), _defineProperty(_classNames, "notDraggable", !isDraggable), _classNames)),
+      "data-testid": "realtime_box",
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs("div", {
+          className: classes.rtBoxInner,
+          style: paramColorStyle,
+          onClick: handleClick,
+          "data-testid": "".concat(item.name, "_edit_item"),
+          children: [/*#__PURE__*/jsx("div", {
+            className: classes.rtBoxTitle,
+            children: item.name
+          }), /*#__PURE__*/jsxs("div", {
+            className: classes.rtBoxValue,
+            children: [item.value, " ", /*#__PURE__*/jsx("span", {
+              children: displayUnit
+            })]
+          })]
+        }), isDraggable && dragHandle( /*#__PURE__*/jsx("div", {
+          className: classes.rtBoxButtonContainer,
+          children: /*#__PURE__*/jsx(IconButton, {
+            tooltipProps: {
+              title: 'Drag to Reorder'
+            },
+            children: /*#__PURE__*/jsx(DragIndicatorIcon, {
+              className: classes.dragIcon,
+              color: "error"
+            })
+          })
+        }))]
+      })
+    }), isDraggable && /*#__PURE__*/jsx(Divider, {
+      className: classes.divider
+    })]
+  });
+}
+var RealTimeBox$1 = memo(RealTimeBox);
+
+export { RealTimeBox$1 as default };
+//# sourceMappingURL=RealTimeBox.js.map

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealTimeBox.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBox.tsx"],"sourcesContent":["import { memo, useContext } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport { Divider } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nimport { getUnitDisplay } from '~/utils';\n\nimport { RealTimeBoxProps } from '../types';\nimport IconButton from '~/components/IconButton';\nimport RealTimeSidebarContext from '../RealTimeSidebarContext';\nimport { useStyles } from './RealTimeBoxStyles';\n\nfunction RealTimeBox(props: RealTimeBoxProps) {\n  const { item = null, isDraggable = true, dragHandle = noop, itemSelected = null } = props;\n\n  const classes = useStyles();\n\n  const { handleOpenCloseDialog, handleChangeParamToEdit } = useContext(RealTimeSidebarContext);\n\n  const displayUnit = item ? getUnitDisplay(item.unitType) : null;\n\n  const paramColorStyle = item\n    ? {\n        borderLeft: `2px solid ${item.color}`,\n      }\n    : null;\n\n  const handleClick = () => {\n    handleOpenCloseDialog(true);\n    handleChangeParamToEdit(item.key);\n  };\n\n  if (!item) return null;\n\n  return (\n    <>\n      <div\n        className={classNames(classes.rtBox, {\n          [classes.rtBoxSelected]: !!itemSelected,\n          notDraggable: !isDraggable,\n        })}\n        data-testid=\"realtime_box\"\n      >\n        <>\n          <div\n            className={classes.rtBoxInner}\n            style={paramColorStyle}\n            onClick={handleClick}\n            data-testid={`${item.name}_edit_item`}\n          >\n            <div className={classes.rtBoxTitle}>{item.name}</div>\n            <div className={classes.rtBoxValue}>\n              {item.value} <span>{displayUnit}</span>\n            </div>\n          </div>\n          {isDraggable &&\n            dragHandle(\n              <div className={classes.rtBoxButtonContainer}>\n                <IconButton tooltipProps={{ title: 'Drag to Reorder' }}>\n                  <DragIndicatorIcon className={classes.dragIcon} color=\"error\" />\n                </IconButton>\n              </div>\n            )}\n        </>\n      </div>\n      {isDraggable && <Divider className={classes.divider} />}\n    </>\n  );\n}\n\nexport default memo(RealTimeBox);\n"],"names":["RealTimeBox","props","item","isDraggable","dragHandle","noop","itemSelected","classes","useStyles","useContext","RealTimeSidebarContext","handleOpenCloseDialog","handleChangeParamToEdit","displayUnit","getUnitDisplay","unitType","paramColorStyle","borderLeft","color","handleClick","key","_jsxs","_Fragment","_jsx","classNames","rtBox","rtBoxSelected","rtBoxInner","name","rtBoxTitle","rtBoxValue","value","rtBoxButtonContainer","title","dragIcon","divider","memo"],"mappings":"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"}