@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/RangeSlider/inputs/FromInput.js

@@ -1 +1,42 @@
-import{round as n}from"lodash";import{RangeSliderControl as t}from"../constants.js";import e from"../Input.css.js";import{jsx as r}from"react/jsx-runtime";var o=function(o){var a=o.compStyles,i=o.fromInputRef,u=o.disabled,s=o.precision,p=o.from,f=o.fromInputValue,l=o.onInputChange,m=o.validateInputChange,c=n(p,s);return r("div",{children:r("input",{style:a,ref:i,disabled:u,className:e.rangeSliderInput,type:"text",size:"".concat(c).length||1,value:f,onChange:function(n){l(t.FROM,n)},onBlur:function(n){return m(t.FROM,n)},onKeyDown:function(n){"Enter"===n.key&&m(t.FROM,n)}})})};export{o as default};
+import { round } from 'lodash';
+import { RangeSliderControl } from '../constants.js';
+import styles from '../Input.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var FromInput = function FromInput(props) {
+  var compStyles = props.compStyles,
+    fromInputRef = props.fromInputRef,
+    disabled = props.disabled,
+    precision = props.precision,
+    from = props.from,
+    fromInputValue = props.fromInputValue,
+    onInputChange = props.onInputChange,
+    validateInputChange = props.validateInputChange;
+  var roundedFrom = round(from, precision);
+  var onKeyDown = function onKeyDown(event) {
+    if (event.key === 'Enter') {
+      validateInputChange(RangeSliderControl.FROM, event);
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsx("input", {
+      style: compStyles,
+      ref: fromInputRef,
+      disabled: disabled,
+      className: styles.rangeSliderInput,
+      type: "text",
+      size: "".concat(roundedFrom).length || 1,
+      value: fromInputValue,
+      onChange: function onChange(event) {
+        onInputChange(RangeSliderControl.FROM, event);
+      },
+      onBlur: function onBlur(event) {
+        return validateInputChange(RangeSliderControl.FROM, event);
+      },
+      onKeyDown: onKeyDown
+    })
+  });
+};
+
+export { FromInput as default };
+//# sourceMappingURL=FromInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FromInput.js","sources":["../../../../src/components/RangeSlider/inputs/FromInput.js"],"sourcesContent":["import { round } from 'lodash';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst FromInput = props => {\n  const {\n    compStyles,\n    fromInputRef,\n    disabled,\n    precision,\n    from,\n    fromInputValue,\n    onInputChange,\n    validateInputChange,\n  } = props;\n\n  const roundedFrom = round(from, precision);\n\n  const onKeyDown = event => {\n    if (event.key === 'Enter') {\n      validateInputChange(RangeSliderControl.FROM, event);\n    }\n  };\n\n  return (\n    <div>\n      <input\n        style={compStyles}\n        ref={fromInputRef}\n        disabled={disabled}\n        className={styles.rangeSliderInput}\n        type=\"text\"\n        size={`${roundedFrom}`.length || 1}\n        value={fromInputValue}\n        onChange={event => {\n          onInputChange(RangeSliderControl.FROM, event);\n        }}\n        onBlur={event => validateInputChange(RangeSliderControl.FROM, event)}\n        onKeyDown={onKeyDown}\n      />\n    </div>\n  );\n};\n\nexport default FromInput;\n"],"names":["FromInput","props","compStyles","fromInputRef","disabled","precision","from","fromInputValue","onInputChange","validateInputChange","roundedFrom","round","onKeyDown","event","key","RangeSliderControl","FROM","_jsx","styles","rangeSliderInput","length"],"mappings":";;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;AACzB,EAAA,IACEC,UAAU,GAQRD,KAAK,CARPC,UAAU;IACVC,YAAY,GAOVF,KAAK,CAPPE,YAAY;IACZC,QAAQ,GAMNH,KAAK,CANPG,QAAQ;IACRC,SAAS,GAKPJ,KAAK,CALPI,SAAS;IACTC,IAAI,GAIFL,KAAK,CAJPK,IAAI;IACJC,cAAc,GAGZN,KAAK,CAHPM,cAAc;IACdC,aAAa,GAEXP,KAAK,CAFPO,aAAa;IACbC,mBAAmB,GACjBR,KAAK,CADPQ,mBAAmB,CAAA;AAGrB,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACL,IAAI,EAAED,SAAS,CAAC,CAAA;AAE1C,EAAA,IAAMO,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;AACzB,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;AACrD,KAAA;GACD,CAAA;EAED,oBACEI,GAAA,CAAA,KAAA,EAAA;IAAA,QACE,eAAAA,GAAA,CAAA,OAAA,EAAA;AACE,MAAA,KAAK,EAAEf,UAAW;AAClB,MAAA,GAAG,EAAEC,YAAa;AAClB,MAAA,QAAQ,EAAEC,QAAS;MACnB,SAAS,EAAEc,MAAM,CAACC,gBAAiB;AACnC,MAAA,IAAI,EAAC,MAAM;AACX,MAAA,IAAI,EAAE,EAAGT,CAAAA,MAAAA,CAAAA,WAAW,CAAGU,CAAAA,MAAM,IAAI,CAAE;AACnC,MAAA,KAAK,EAAEb,cAAe;MACtB,QAAQ,EAAE,SAAAM,QAAAA,CAAAA,KAAK,EAAI;AACjBL,QAAAA,aAAa,CAACO,kBAAkB,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;OAC7C;MACF,MAAM,EAAE,gBAAAA,KAAK,EAAA;AAAA,QAAA,OAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;OAAC;AACrE,MAAA,SAAS,EAAED,SAAAA;AAAU,KAAA,CAAA;GAEnB,CAAA,CAAA;AAEV;;;;"}

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,49 @@
-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:"#008ba3",textDecoration:"underline"}:{}}};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: '#008ba3',
+    textDecoration: 'underline'
+  };
+}
+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: '#008ba3',\n    textDecoration: 'underline',\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","textDecoration","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,SAAS;AAC1BC,IAAAA,cAAc,EAAE,WAAA;GACjB,CAAA;AACH,CAAA;AAEO,IAAMC,kBAAkB,GAAG;AAChC7B,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,57 @@
-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:"#008ba3",textDecoration:"underline"}:{}}};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: '#008ba3',
+    textDecoration: 'underline'
+  };
+}
+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: '#008ba3',\n    textDecoration: 'underline',\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","textDecoration","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,SAAS;AAC1BC,IAAAA,cAAc,EAAE,WAAA;GACjB,CAAA;AACH,CAAA;AACO,IAAMC,gBAAgB,GAAG;AAC9B9B,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,60 @@
-import{TOOLTIP_MARGIN as t}from"./constants.js";var o=function(t,o,r){return 100*(t-o)/(r-o)},r=function(t,o,r){return o+t*(r-o)/100},n=function(t,o,r,n,i){return t<n?{from:n,to:r}:t>r-i?{from:r-i,to:r}:{from:t,to:r}},i=function(t,o,r,n,i){return t>n?{from:o,to:n}:t<o+i?{from:o,to:o+i}:{from:o,to:t}},f=function(o){var r=o.isHorizontalOrientation,n=o.railPosition,i=o.tooltipPosition;return{top:r?n.y-t:i.y,left:r?i.x:n.x-t,right:r?i.x:n.x+t,bottom:r?n.y:i.y,width:0,height:0}};export{o as calculatePercentForValue,r as calculateValueFromPercent,f as getToolipBoundingClientRect,n as updateFromValue,i as updateToValue};
+import { TOOLTIP_MARGIN } from './constants.js';
+
+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
+  };
+};
+var getToolipBoundingClientRect = function getToolipBoundingClientRect(_ref) {
+  var isHorizontalOrientation = _ref.isHorizontalOrientation,
+    railPosition = _ref.railPosition,
+    tooltipPosition = _ref.tooltipPosition;
+  return {
+    top: isHorizontalOrientation ? railPosition.y - TOOLTIP_MARGIN : tooltipPosition.y,
+    left: isHorizontalOrientation ? tooltipPosition.x : railPosition.x - TOOLTIP_MARGIN,
+    right: isHorizontalOrientation ? tooltipPosition.x : railPosition.x + TOOLTIP_MARGIN,
+    bottom: isHorizontalOrientation ? railPosition.y : tooltipPosition.y,
+    width: 0,
+    height: 0
+  };
+};
+
+export { calculatePercentForValue, calculateValueFromPercent, getToolipBoundingClientRect, 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":["import { TOOLTIP_MARGIN } from './constants';\n\nexport 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\nexport const getToolipBoundingClientRect = ({\n  isHorizontalOrientation,\n  railPosition,\n  tooltipPosition,\n}) => ({\n  top: isHorizontalOrientation ? railPosition.y - TOOLTIP_MARGIN : tooltipPosition.y,\n  left: isHorizontalOrientation ? tooltipPosition.x : railPosition.x - TOOLTIP_MARGIN,\n  right: isHorizontalOrientation ? tooltipPosition.x : railPosition.x + TOOLTIP_MARGIN,\n  bottom: isHorizontalOrientation ? railPosition.y : tooltipPosition.y,\n  width: 0,\n  height: 0,\n});\n"],"names":["calculatePercentForValue","arg","min","max","calculateValueFromPercent","updateFromValue","newFrom","from","to","minRange","updateToValue","newTo","getToolipBoundingClientRect","isHorizontalOrientation","railPosition","tooltipPosition","top","y","TOOLTIP_MARGIN","left","x","right","bottom","width","height"],"mappings":";;AAMO,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,EAAC;AAEYC,IAAAA,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAA,IAAA,EAAA;EAAA,IACtCC,uBAAuB,QAAvBA,uBAAuB;AACvBC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,eAAe,QAAfA,eAAe,CAAA;EAAA,OACV;IACLC,GAAG,EAAEH,uBAAuB,GAAGC,YAAY,CAACG,CAAC,GAAGC,cAAc,GAAGH,eAAe,CAACE,CAAC;IAClFE,IAAI,EAAEN,uBAAuB,GAAGE,eAAe,CAACK,CAAC,GAAGN,YAAY,CAACM,CAAC,GAAGF,cAAc;IACnFG,KAAK,EAAER,uBAAuB,GAAGE,eAAe,CAACK,CAAC,GAAGN,YAAY,CAACM,CAAC,GAAGF,cAAc;IACpFI,MAAM,EAAET,uBAAuB,GAAGC,YAAY,CAACG,CAAC,GAAGF,eAAe,CAACE,CAAC;AACpEM,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,MAAM,EAAE,CAAA;GACT,CAAA;AAAA;;;;"}

package/components/RealTimeValuesSidebar/RealTimeSidebar.js

@@ -1 +1,97 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as r,useRef as a,useEffect as o}from"react";import t from"classnames";import{noop as n}from"lodash";import{withTheme as l}from"@material-ui/core";import d from"./RealTimeValuesBox/RealTimeBoxEditDialog.js";import{useStyles as s}from"./RealTimeSidebarStyles.js";import{ORIENTATIONS as m}from"./enums.js";import p from"./RealTimeSidebarContext.js";import u from"./SidebarFooter.js";import c from"./RealTimeValuesBox/RealTimeBoxList.js";import h from"./SidebarTitle.js";var S=l(r((function(r){var l,S,f,g,b=r.isSidebarOpen,v=r.handleOpenCloseSidebar,T=r.isResponsive,C=r.theme,H=r.sourceArray,O=r.findSource,j=r.onAppSettingChange,y=r.appSettings,R=r.assetKey,x=r.setting,z=r.realTimeTypes,D=r.isDialogOpen,E=r.paramToEdit,A=r.handleOpenCloseDialog,B=r.handleChangeParamToEdit,F=r.sidebarHorizontalHeight,L=void 0===F?400:F,N=r.onLayoutChange,P=void 0===N?n:N,V=a(null),K=s({sidebarHorizontalHeight:L}),k=T?m.horizontal:m.vertical,W=t(b&&"fullSize",((l={})[K.rtSidebarWhiteTheme]=C.isLightTheme,l[K.rtSidebarVertical]=!T,l[K.rtSidebarHorizontal]=T,l)),q=t(K.rtSidebarContent,k,((S={})[K.rtSidebarContentFullSize]=b,S)),w=t([K.rtSidebarHandler],((f={})[K.rtSidebarHandlerFullSize]=b,f));return o((function(){var e;(null===(e=null==V?void 0:V.current)||void 0===e?void 0:e.clientHeight)&&P(V.current.clientHeight)}),[null===(g=null==V?void 0:V.current)||void 0===g?void 0:g.clientHeight,b]),e(p.Provider,{value:{isSidebarOpen:b,onAppSettingChange:j,appSettings:y,assetKey:R,setting:x,realTimeTypes:z,orientation:k,handleOpenCloseSidebar:v,handleChangeParamToEdit:B,handleOpenCloseDialog:A},children:i("div",{className:W,ref:V,children:[e("div",{className:w,onClick:function(){return v(!0)}}),e(h,{}),i("div",{className:q,children:[e(c,{sourceArray:H,findSource:O}),e(d,{isDialogOpen:D,paramToEdit:E,handleCloseRealTimeDialog:function(){return A(!1)}})]}),e(u,{onSidebarOpened:function(){return v(!0)},onSidebarClosed:function(){return v(!1)}})]})})})));export{S 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,66 @@
-import{makeStyles as t}from"@material-ui/core";var i=t((function(t){return{rtSidebarVertical:{width:"48px",height:"100%",background:t.palette.background.b5,borderRadius:"8px 0 0 8px",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,borderRadius:"0 0 8px 8px",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,
+      borderRadius: '8px 0 0 8px',
+      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,
+        borderRadius: '0 0 8px 8px',
+        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    borderRadius: '8px 0 0 8px',\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    borderRadius: '0 0 8px 8px',\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","borderRadius","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,YAAY,EAAE,aAAa;AAC3BC,MAAAA,SAAS,EAAE,iCAAiC;AAC5CC,MAAAA,QAAQ,EAAE,UAAU;AACpB,MAAA,YAAY,EAAE;AACZP,QAAAA,KAAK,EAAE,OAAA;AACT,OAAA;KACD;IACDQ,mBAAmB,EAAE,6BAACC,KAAU,EAAA;MAAA,OAAM;AACpCF,QAAAA,QAAQ,EAAE,UAAU;QACpBG,GAAG,EAAED,KAAK,CAACE,uBAAuB;AAClCC,QAAAA,IAAI,EAAE,CAAC;AACPP,QAAAA,YAAY,EAAE,aAAa;AAC3BL,QAAAA,KAAK,EAAE,MAAM;QACbC,MAAM,EAAEQ,KAAK,CAACE,uBAAuB;AACrCT,QAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAACD,UAAU,CAACE,EAAE;AACvC,QAAA,YAAY,EAAE;AACZH,UAAAA,MAAM,EAAE,MAAA;AACV,SAAA;OACD,CAAA;KAAC;AACFY,IAAAA,mBAAmB,EAAE;AACnBX,MAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAACW,OAAO,CAACC,YAAAA;KACnC;AACDC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,SAAS,EAAE,MAAM;AACjBhB,MAAAA,MAAM,EAAE,oBAAoB;AAC5BiB,MAAAA,UAAU,EAAE,QAAA;KACb;AACDC,IAAAA,wBAAwB,EAAE;AACxBD,MAAAA,UAAU,EAAE,SAAS;AACrBE,MAAAA,SAAS,EAAE,MAAM;AACjB,MAAA,YAAY,EAAE;AACZnB,QAAAA,MAAM,EAAE,oBAAA;OACT;AACD,MAAA,cAAc,EAAE;AACdA,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;KACD;AACDoB,IAAAA,gBAAgB,EAAE;AAChBd,MAAAA,QAAQ,EAAE,UAAU;AACpBP,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,MAAM;AACdqB,MAAAA,MAAM,EAAE,SAAS;AACjB,MAAA,SAAS,EAAE;AACTpB,QAAAA,UAAU,EAAEJ,KAAK,CAACK,OAAO,CAACD,UAAU,CAACqB,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;;;;"}