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

package/components/AdvancedSlider/AdvancedSlider.js

@@ -1 +1,495 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as o,useState as n,useEffect as i,useMemo as r}from"react";import{makeStyles as a}from"@material-ui/core";import l from"re-resizable";import{withSize as d}from"react-sizeme";import h from"classnames";import{noop as c}from"lodash";import{useThrottledCallback as u}from"../shared/useThrottledCallback.js";import{Handle as s}from"./Handle.js";import{jsx as m,jsxs as v}from"react/jsx-runtime";function f(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function p(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?f(Object(n),!0).forEach((function(o){t(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=function(a){var d,c,f=a.min,g=a.max,b=a.value,z=a.size,H=a.orientation,x=a.valueFormatter,B=a.displayFormatter,O=a.editableHandles,F=a.onChange,j=a.onStop,E=a.reversed,P=a.handlePosition,C=a.handleClasses,L=w(),S=o(null),D=o(null),R=n(x(null==b?void 0:b.at(0))),I=e(R,2),k=I[0],M=I[1],N=n(x(null==b?void 0:b.at(1))),W=e(N,2),X=W[0],Y=W[1],A=o(null),T=n(!1),$=e(T,2),q=$[0],G=$[1];i((function(){A.current||(M(Math.min(x(null==b?void 0:b.at(0)),x(null==b?void 0:b.at(1)))),Y(Math.max(x(null==b?void 0:b.at(0)),x(null==b?void 0:b.at(1)))))}),[null==b?void 0:b.at(0),null==b?void 0:b.at(1)]),i((function(){if("horizontal"===H){var t=z.width/(g-f)*(k-f),e=z.width/(g-f)*(g-X);S.current.updateSize({width:E?e:t,height:z.height}),D.current.updateSize({width:E?t:e,height:z.height})}else if("vertical"===H){var o=z.height/(g-f)*(k-f),n=z.height/(g-f)*(g-X);S.current.updateSize({width:z.width,height:E?n:o}),D.current.updateSize({width:z.width,height:E?o:n})}}),[f,g,k,X,z.width,z.height,H]),i((function(){return q?(document.addEventListener("mousemove",V),document.addEventListener("mouseup",Z),document.addEventListener("touchmove",_),document.addEventListener("touchend",tt)):(document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",Z),document.removeEventListener("touchmove",_),document.removeEventListener("touchend",tt)),function(){document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",Z),document.removeEventListener("touchmove",_),document.removeEventListener("touchend",tt)}}),[q]);var J=u((function(t,e,o){A.current="onResize Event";var n,i,r=o.clientWidth,a=o.clientHeight;"right"===e?E?i=x(g-r/z.width*(g-f)):n=x(f+r/z.width*(g-f)):"left"===e?E?n=x(f+r/z.width*(g-f)):i=x(g-r/z.width*(g-f)):"bottom"===e?E?i=x(g-a/z.height*(g-f)):n=x(f+a/z.height*(g-f)):"top"===e&&(E?n=x(f+a/z.height*(g-f)):i=x(g-a/z.height*(g-f))),n=Math.min(n,X),i=Math.max(i,k),M((function(t){return n||t})),Y((function(t){return i||t})),F([n||k,i||X])})),K=u((function(){A.current=null,j()})),Q=function(t,e){A.current={xPos:t,yPos:e,head:k,tail:X}},U=function(t,e){if(A.current){var o;"horizontal"===H?o=(A.current.xPos-t)/z.width*(g-f):"vertical"===H&&(o=(A.current.yPos-e)/z.height*(g-f));var n,i,r=A.current.head-o*(E?-1:1),a=A.current.tail-o*(E?-1:1),l=A.current.tail-A.current.head;r<=f?(n=f,i=f+l):a>=g?(n=g-l,i=g):(n=r,i=a),n=x(n),i=x(i),M(n),Y(i),F([n,i])}},V=u((function(t){U(t.clientX,t.clientY)})),Z=u((function(){A.current=null,G(!1)})),_=u((function(t){U(t.touches[0].pageX,t.touches[0].pageY)})),tt=u((function(){A.current=null,G(!1)})),et=u((function(t){M(t),F([t,X])})),ot=u((function(t){Y(t),F([k,t])})),nt=r((function(){return(X-k)/(g-f)*("vertical"===H?z.height:z.width)<30}),[f,g,k,X]),it=function(t){var e={min:f,max:X,value:k,onChange:et},o={min:k,max:g,value:X,onChange:ot};return"head"===t?m(s,p({placement:"head",readOnly:!O,displayFormatter:B,orientation:H,classes:C},E?o:e)):"tail"===t?m(s,p({placement:"tail",readOnly:!O,displayFormatter:B,orientation:H,classes:C},E?e:o)):null};return m("div",{className:L.rootWrapper,children:v("div",{className:h(L.root,(d={},t(d,L.horizontalRoot,"horizontal"===H),t(d,L.verticalRoot,"vertical"===H),d)),children:[m(l,{ref:S,minHeight:0,minWidth:0,enable:{right:"horizontal"===H,bottom:"vertical"===H},handleComponent:{right:function(){return it("head")},bottom:function(){return it("head")}},onResize:J,onResizeStop:K}),m("div",{className:L.body,onMouseDown:function(t){Q(t.clientX,t.clientY),G(!0)},onTouchStart:function(t){Q(t.touches[0].pageX,t.touches[0].pageY),G(!0)},children:m("div",nt?{className:h((c={},t(c,L.horizontalBodyHandle,"horizontal"===H),t(c,L.verticalBodyHandle,"vertical"===H),t(c,L.leftBodyHandle,"left"===P),t(c,L.rightBodyHandle,"right"===P),t(c,L.topBodyHandle,"top"===P),t(c,L.bottomBodyHandle,"bottom"===P),c)),children:m("div",{className:L.bodyHandle,children:m(y,{orientation:"vertical"})})}:{className:L.bodyHandleIcon,children:m(y,{orientation:H})})}),m(l,{ref:D,minHeight:0,minWidth:0,enable:{left:"horizontal"===H,top:"vertical"===H},handleComponent:{left:function(){return it("tail")},top:function(){return it("tail")}},onResize:J,onResizeStop:K})]})})};g.defaultProps={orientation:"horizontal",valueFormatter:Math.floor,displayFormatter:function(t){return t},onChange:c,onStop:c,reversed:!1,editableHandles:!0,handleClasses:{}};var b=d({monitorWidth:!0,monitorHeight:!0})(g),y=function(t){var e=t.orientation;return v("svg","horizontal"===e?{width:"8",height:"13",viewBox:"0 0 8 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("rect",{x:"7.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 7.5 0.5)"}),m("rect",{x:"4.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 4.5 0.5)"}),m("rect",{x:"1.5",y:"0.5",width:"12",height:"1",transform:"rotate(90 1.5 0.5)"})]}:{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("rect",{width:"12",height:"1"}),m("rect",{y:"3",width:"12",height:"1"}),m("rect",{y:"6",width:"12",height:"1"})]})},w=a({rootWrapper:{position:"relative",width:"100%",height:"100%",zIndex:100},root:{position:"absolute",width:"100%",height:"100%",zIndex:100,"&:hover $body":{background:"#008BA366"},"&:hover $bodyHandle":{visibility:"visible"}},horizontalRoot:{display:"flex",alignItems:"center"},verticalRoot:{display:"flex",alignItems:"center",flexDirection:"column"},body:{position:"relative",flex:1,width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",background:"#3B3B3B66",color:"#BDBDBD","& svg":{fill:"currentColor"},"&:hover":{cursor:"grab",background:"#008BA366",color:"#FFFFFF"},"&:active":{cursor:"grabbing"},"&:hover $bodyHandleIcon":{visibility:"visible"}},horizontalBodyHandle:{position:"absolute",bottom:-24},verticalBodyHandle:{position:"absolute",left:-24},leftBodyHandle:{position:"absolute",left:-24,right:"auto"},rightBodyHandle:{position:"absolute",right:-24,left:"auto"},topBodyHandle:{position:"absolute",top:-24,bottom:"auto"},bottomBodyHandle:{position:"absolute",bottom:-24,top:"auto"},bodyHandle:{width:24,height:24,borderRadius:"50%",background:"#03BCD4",color:"#FFFFFF",display:"flex",alignItems:"center",justifyContent:"center",visibility:"hidden"},bodyHandleIcon:{visibility:"hidden"}});export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState, useEffect, useMemo } from 'react';
+import { makeStyles } from '@material-ui/core';
+import Resizable from 're-resizable';
+import { withSize } from 'react-sizeme';
+import classNames from 'classnames';
+import { noop } from 'lodash';
+import { useThrottledCallback } from '../shared/useThrottledCallback.js';
+import { Handle } from './Handle.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var AdvancedSlider = function AdvancedSlider(_ref) {
+  var _classnames, _classnames2;
+  var min = _ref.min,
+    max = _ref.max,
+    value = _ref.value,
+    size = _ref.size,
+    orientation = _ref.orientation,
+    valueFormatter = _ref.valueFormatter,
+    displayFormatter = _ref.displayFormatter,
+    editableHandles = _ref.editableHandles,
+    onChange = _ref.onChange,
+    onStop = _ref.onStop,
+    reversed = _ref.reversed,
+    handlePosition = _ref.handlePosition,
+    handleClasses = _ref.handleClasses;
+  var classes = useStyles();
+  var headRef = useRef(null);
+  var tailRef = useRef(null);
+  var _useState = useState(valueFormatter(value === null || value === void 0 ? void 0 : value.at(0))),
+    _useState2 = _slicedToArray(_useState, 2),
+    head = _useState2[0],
+    setHead = _useState2[1];
+  var _useState3 = useState(valueFormatter(value === null || value === void 0 ? void 0 : value.at(1))),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tail = _useState4[0],
+    setTail = _useState4[1];
+  var sliderStateOnCapturing = useRef(null); // NOTE: Store slider state on capturing the handle
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isHandleCaptured = _useState6[0],
+    setIsHandleCaptured = _useState6[1]; // NOTE: user grabbed slider handle
+
+  // NOTE: Overwrite head/tail values based on props
+  useEffect(function () {
+    if (!sliderStateOnCapturing.current) {
+      setHead(Math.min(valueFormatter(value === null || value === void 0 ? void 0 : value.at(0)), valueFormatter(value === null || value === void 0 ? void 0 : value.at(1))));
+      setTail(Math.max(valueFormatter(value === null || value === void 0 ? void 0 : value.at(0)), valueFormatter(value === null || value === void 0 ? void 0 : value.at(1))));
+    }
+  }, [value === null || value === void 0 ? void 0 : value.at(0), value === null || value === void 0 ? void 0 : value.at(1)]);
+
+  // NOTE: Resize blocks based on values
+  useEffect(function () {
+    if (orientation === 'horizontal') {
+      var headWidth = size.width / (max - min) * (head - min);
+      var tailWidth = size.width / (max - min) * (max - tail);
+      headRef.current.updateSize({
+        width: !reversed ? headWidth : tailWidth,
+        height: size.height
+      });
+      tailRef.current.updateSize({
+        width: !reversed ? tailWidth : headWidth,
+        height: size.height
+      });
+    } else if (orientation === 'vertical') {
+      var headHeight = size.height / (max - min) * (head - min);
+      var tailHeight = size.height / (max - min) * (max - tail);
+      headRef.current.updateSize({
+        width: size.width,
+        height: !reversed ? headHeight : tailHeight
+      });
+      tailRef.current.updateSize({
+        width: size.width,
+        height: !reversed ? tailHeight : headHeight
+      });
+    }
+  }, [min, max, head, tail, size.width, size.height, orientation]);
+
+  // NOTE: Add event listener when slider handle is captured
+  useEffect(function () {
+    if (isHandleCaptured) {
+      document.addEventListener('mousemove', onMouseMove);
+      document.addEventListener('mouseup', onMouseUp);
+      document.addEventListener('touchmove', onTouchMove);
+      document.addEventListener('touchend', onTouchEnd);
+    } else {
+      document.removeEventListener('mousemove', onMouseMove);
+      document.removeEventListener('mouseup', onMouseUp);
+      document.removeEventListener('touchmove', onTouchMove);
+      document.removeEventListener('touchend', onTouchEnd);
+    }
+    return function () {
+      document.removeEventListener('mousemove', onMouseMove);
+      document.removeEventListener('mouseup', onMouseUp);
+      document.removeEventListener('touchmove', onTouchMove);
+      document.removeEventListener('touchend', onTouchEnd);
+    };
+  }, [isHandleCaptured]);
+  var onResize = useThrottledCallback(function (e, direction, refToElement) {
+    sliderStateOnCapturing.current = 'onResize Event'; // anything
+
+    var elemWidth = refToElement.clientWidth;
+    var elemHeight = refToElement.clientHeight;
+    var nextHead;
+    var nextTail;
+    if (direction === 'right') {
+      // Horizontal head
+      if (!reversed) {
+        nextHead = valueFormatter(min + elemWidth / size.width * (max - min));
+      } else {
+        nextTail = valueFormatter(max - elemWidth / size.width * (max - min));
+      }
+    } else if (direction === 'left') {
+      // Horizontal tail
+      if (!reversed) {
+        nextTail = valueFormatter(max - elemWidth / size.width * (max - min));
+      } else {
+        nextHead = valueFormatter(min + elemWidth / size.width * (max - min));
+      }
+    } else if (direction === 'bottom') {
+      // Vertical head
+      if (!reversed) {
+        nextHead = valueFormatter(min + elemHeight / size.height * (max - min));
+      } else {
+        nextTail = valueFormatter(max - elemHeight / size.height * (max - min));
+      }
+    } else if (direction === 'top') {
+      // Vertical tail
+      if (!reversed) {
+        nextTail = valueFormatter(max - elemHeight / size.height * (max - min));
+      } else {
+        nextHead = valueFormatter(min + elemHeight / size.height * (max - min));
+      }
+    }
+    nextHead = Math.min(nextHead, tail);
+    nextTail = Math.max(nextTail, head);
+    setHead(function (prev) {
+      return nextHead || prev;
+    });
+    setTail(function (prev) {
+      return nextTail || prev;
+    });
+    onChange([nextHead || head, nextTail || tail]);
+  });
+  var onResizeStop = useThrottledCallback(function /* e, direction, refToElement, delta */
+  () {
+    sliderStateOnCapturing.current = null;
+    onStop();
+  });
+
+  // NOTE: Store mouse position and head, tail values. Triggered by onMouseDown and onTouchStart
+  var rememberInitialState = function rememberInitialState(xPos, yPos) {
+    sliderStateOnCapturing.current = {
+      xPos: xPos,
+      yPos: yPos,
+      head: head,
+      tail: tail
+    };
+  };
+  var calculateNextState = function calculateNextState(xPos, yPos) {
+    if (sliderStateOnCapturing.current) {
+      var diffPixel;
+      var diffValue;
+
+      // NOTE: Calculate next head, tail values based on mouse move
+      if (orientation === 'horizontal') {
+        diffPixel = sliderStateOnCapturing.current.xPos - xPos;
+        diffValue = diffPixel / size.width * (max - min);
+      } else if (orientation === 'vertical') {
+        diffPixel = sliderStateOnCapturing.current.yPos - yPos;
+        diffValue = diffPixel / size.height * (max - min);
+      }
+      var headComputed = sliderStateOnCapturing.current.head - diffValue * (!reversed ? 1 : -1);
+      var tailComputed = sliderStateOnCapturing.current.tail - diffValue * (!reversed ? 1 : -1);
+      var originalGap = sliderStateOnCapturing.current.tail - sliderStateOnCapturing.current.head;
+      var nextHead;
+      var nextTail;
+      if (headComputed <= min) {
+        nextHead = min;
+        nextTail = min + originalGap;
+      } else if (tailComputed >= max) {
+        nextHead = max - originalGap;
+        nextTail = max;
+      } else {
+        nextHead = headComputed;
+        nextTail = tailComputed;
+      }
+      nextHead = valueFormatter(nextHead);
+      nextTail = valueFormatter(nextTail);
+      setHead(nextHead);
+      setTail(nextTail);
+      onChange([nextHead, nextTail]);
+    }
+  };
+
+  // NOTE: Mouse event handlers for the drag handle (middle)
+  var onMouseDown = function onMouseDown(e) {
+    rememberInitialState(e.clientX, e.clientY);
+    setIsHandleCaptured(true);
+  };
+  var onMouseMove = useThrottledCallback(function (e) {
+    calculateNextState(e.clientX, e.clientY);
+  });
+  var onMouseUp = useThrottledCallback(function () {
+    sliderStateOnCapturing.current = null;
+    setIsHandleCaptured(false);
+  });
+
+  // NOTE: Touch event handlers for the drag handle (middle)
+  var onTouchStart = function onTouchStart(e) {
+    rememberInitialState(e.touches[0].pageX, e.touches[0].pageY);
+    setIsHandleCaptured(true);
+  };
+  var onTouchMove = useThrottledCallback(function (e) {
+    calculateNextState(e.touches[0].pageX, e.touches[0].pageY);
+  });
+  var onTouchEnd = useThrottledCallback(function () {
+    sliderStateOnCapturing.current = null;
+    setIsHandleCaptured(false);
+  });
+
+  // NOTE: Callbacks for head/tail input fields
+  var onChangeHead = useThrottledCallback(function (nextHead) {
+    setHead(nextHead);
+    onChange([nextHead, tail]);
+  });
+  var onChangeTail = useThrottledCallback(function (newTail) {
+    setTail(newTail);
+    onChange([head, newTail]);
+  });
+  var isSmallGap = useMemo(function () {
+    var gap = (tail - head) / (max - min) * (orientation === 'vertical' ? size.height : size.width);
+    return gap < 30;
+  }, [min, max, head, tail]);
+  var getHandleComponent = function getHandleComponent(placement) {
+    var headHandleProps = {
+      min: min,
+      max: tail,
+      value: head,
+      onChange: onChangeHead
+    };
+    var tailHandleProps = {
+      min: head,
+      max: max,
+      value: tail,
+      onChange: onChangeTail
+    };
+    if (placement === 'head') {
+      return /*#__PURE__*/jsx(Handle, _objectSpread({
+        placement: "head",
+        readOnly: !editableHandles,
+        displayFormatter: displayFormatter,
+        orientation: orientation,
+        classes: handleClasses
+      }, !reversed ? headHandleProps : tailHandleProps));
+    } else if (placement === 'tail') {
+      return /*#__PURE__*/jsx(Handle, _objectSpread({
+        placement: "tail",
+        readOnly: !editableHandles,
+        displayFormatter: displayFormatter,
+        orientation: orientation,
+        classes: handleClasses
+      }, !reversed ? tailHandleProps : headHandleProps));
+    }
+    return null;
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classes.rootWrapper,
+    children: /*#__PURE__*/jsxs("div", {
+      className: classNames(classes.root, (_classnames = {}, _defineProperty(_classnames, classes.horizontalRoot, orientation === 'horizontal'), _defineProperty(_classnames, classes.verticalRoot, orientation === 'vertical'), _classnames)),
+      children: [/*#__PURE__*/jsx(Resizable, {
+        ref: headRef,
+        minHeight: 0,
+        minWidth: 0,
+        enable: {
+          right: orientation === 'horizontal',
+          bottom: orientation === 'vertical'
+        },
+        handleComponent: {
+          right: function right() {
+            return getHandleComponent('head');
+          },
+          bottom: function bottom() {
+            return getHandleComponent('head');
+          }
+        },
+        onResize: onResize,
+        onResizeStop: onResizeStop
+      }), /*#__PURE__*/jsx("div", {
+        className: classes.body,
+        onMouseDown: onMouseDown,
+        onTouchStart: onTouchStart,
+        children: !isSmallGap ? /*#__PURE__*/jsx("div", {
+          className: classes.bodyHandleIcon,
+          children: /*#__PURE__*/jsx(HandleIcon, {
+            orientation: orientation
+          })
+        }) : /*#__PURE__*/jsx("div", {
+          className: classNames((_classnames2 = {}, _defineProperty(_classnames2, classes.horizontalBodyHandle, orientation === 'horizontal'), _defineProperty(_classnames2, classes.verticalBodyHandle, orientation === 'vertical'), _defineProperty(_classnames2, classes.leftBodyHandle, handlePosition === 'left'), _defineProperty(_classnames2, classes.rightBodyHandle, handlePosition === 'right'), _defineProperty(_classnames2, classes.topBodyHandle, handlePosition === 'top'), _defineProperty(_classnames2, classes.bottomBodyHandle, handlePosition === 'bottom'), _classnames2)),
+          children: /*#__PURE__*/jsx("div", {
+            className: classes.bodyHandle,
+            children: /*#__PURE__*/jsx(HandleIcon, {
+              orientation: "vertical"
+            })
+          })
+        })
+      }), /*#__PURE__*/jsx(Resizable, {
+        ref: tailRef,
+        minHeight: 0,
+        minWidth: 0,
+        enable: {
+          left: orientation === 'horizontal',
+          top: orientation === 'vertical'
+        },
+        handleComponent: {
+          left: function left() {
+            return getHandleComponent('tail');
+          },
+          top: function top() {
+            return getHandleComponent('tail');
+          }
+        },
+        onResize: onResize,
+        onResizeStop: onResizeStop
+      })]
+    })
+  });
+};
+AdvancedSlider.defaultProps = {
+  orientation: 'horizontal',
+  valueFormatter: Math.floor,
+  displayFormatter: function displayFormatter(value) {
+    return value;
+  },
+  onChange: noop,
+  onStop: noop,
+  reversed: false,
+  editableHandles: true,
+  handleClasses: {}
+};
+var AdvancedSlider$1 = withSize({
+  monitorWidth: true,
+  monitorHeight: true
+})(AdvancedSlider);
+var HandleIcon = function HandleIcon(_ref2) {
+  var orientation = _ref2.orientation;
+  return orientation === 'horizontal' ? /*#__PURE__*/jsxs("svg", {
+    width: "8",
+    height: "13",
+    viewBox: "0 0 8 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("rect", {
+      x: "7.5",
+      y: "0.5",
+      width: "12",
+      height: "1",
+      transform: "rotate(90 7.5 0.5)"
+    }), /*#__PURE__*/jsx("rect", {
+      x: "4.5",
+      y: "0.5",
+      width: "12",
+      height: "1",
+      transform: "rotate(90 4.5 0.5)"
+    }), /*#__PURE__*/jsx("rect", {
+      x: "1.5",
+      y: "0.5",
+      width: "12",
+      height: "1",
+      transform: "rotate(90 1.5 0.5)"
+    })]
+  }) : /*#__PURE__*/jsxs("svg", {
+    width: "12",
+    height: "7",
+    viewBox: "0 0 12 7",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("rect", {
+      width: "12",
+      height: "1"
+    }), /*#__PURE__*/jsx("rect", {
+      y: "3",
+      width: "12",
+      height: "1"
+    }), /*#__PURE__*/jsx("rect", {
+      y: "6",
+      width: "12",
+      height: "1"
+    })]
+  });
+};
+var useStyles = makeStyles({
+  rootWrapper: {
+    position: 'relative',
+    width: '100%',
+    height: '100%',
+    zIndex: 100
+  },
+  root: {
+    position: 'absolute',
+    // Set this to absolute to prevent sizeme growth
+    width: '100%',
+    height: '100%',
+    zIndex: 100,
+    '&:hover $body': {
+      background: '#008BA366'
+    },
+    '&:hover $bodyHandle': {
+      visibility: 'visible'
+    }
+  },
+  horizontalRoot: {
+    display: 'flex',
+    alignItems: 'center'
+  },
+  verticalRoot: {
+    display: 'flex',
+    alignItems: 'center',
+    flexDirection: 'column'
+  },
+  body: {
+    position: 'relative',
+    flex: 1,
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    userSelect: 'none',
+    background: '#3B3B3B66',
+    color: '#BDBDBD',
+    '& svg': {
+      fill: 'currentColor'
+    },
+    '&:hover': {
+      cursor: 'grab',
+      background: '#008BA366',
+      color: '#FFFFFF'
+    },
+    '&:active': {
+      cursor: 'grabbing'
+    },
+    '&:hover $bodyHandleIcon': {
+      visibility: 'visible'
+    }
+  },
+  horizontalBodyHandle: {
+    position: 'absolute',
+    bottom: -24
+  },
+  verticalBodyHandle: {
+    position: 'absolute',
+    left: -24
+  },
+  leftBodyHandle: {
+    position: 'absolute',
+    left: -24,
+    right: 'auto'
+  },
+  rightBodyHandle: {
+    position: 'absolute',
+    right: -24,
+    left: 'auto'
+  },
+  topBodyHandle: {
+    position: 'absolute',
+    top: -24,
+    bottom: 'auto'
+  },
+  bottomBodyHandle: {
+    position: 'absolute',
+    bottom: -24,
+    top: 'auto'
+  },
+  bodyHandle: {
+    width: 24,
+    height: 24,
+    borderRadius: '50%',
+    background: '#03BCD4',
+    color: '#FFFFFF',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    visibility: 'hidden'
+  },
+  bodyHandleIcon: {
+    visibility: 'hidden'
+  }
+});
+
+export { AdvancedSlider$1 as default };
+//# sourceMappingURL=AdvancedSlider.js.map

package/components/AdvancedSlider/AdvancedSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSlider.js","sources":["../../../src/components/AdvancedSlider/AdvancedSlider.js"],"sourcesContent":["/* eslint-disable no-lonely-if */\n/* eslint-disable no-use-before-define */\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport Resizable from 're-resizable';\nimport { withSize } from 'react-sizeme';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\n\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport { Handle } from './Handle';\n\n/*\ninterface AdvancedSliderProps {\n  min: number;\n  max: number;\n  value: [number, number];\n  valueFormatter?: (value: number) => number;\n  orientation?: 'vertical' | 'horizontal';\n  onChange?: (value: [number, number]) => void;\n  onStop?: () => void;\n  reversed: boolean;\n  handlePosition: 'left' | 'right' | 'top' | 'bottom';\n}\n*/\n\nconst AdvancedSlider = ({\n  min,\n  max,\n  value,\n  size,\n  orientation,\n  valueFormatter,\n  displayFormatter,\n  editableHandles,\n  onChange,\n  onStop,\n  reversed,\n  handlePosition,\n  handleClasses,\n}) => {\n  const classes = useStyles();\n  const headRef = useRef(null);\n  const tailRef = useRef(null);\n\n  const [head, setHead] = useState(valueFormatter(value?.at(0)));\n  const [tail, setTail] = useState(valueFormatter(value?.at(1)));\n  const sliderStateOnCapturing = useRef(null); // NOTE: Store slider state on capturing the handle\n  const [isHandleCaptured, setIsHandleCaptured] = useState(false); // NOTE: user grabbed slider handle\n\n  // NOTE: Overwrite head/tail values based on props\n  useEffect(() => {\n    if (!sliderStateOnCapturing.current) {\n      setHead(Math.min(valueFormatter(value?.at(0)), valueFormatter(value?.at(1))));\n      setTail(Math.max(valueFormatter(value?.at(0)), valueFormatter(value?.at(1))));\n    }\n  }, [value?.at(0), value?.at(1)]);\n\n  // NOTE: Resize blocks based on values\n  useEffect(() => {\n    if (orientation === 'horizontal') {\n      const headWidth = (size.width / (max - min)) * (head - min);\n      const tailWidth = (size.width / (max - min)) * (max - tail);\n\n      headRef.current.updateSize({\n        width: !reversed ? headWidth : tailWidth,\n        height: size.height,\n      });\n      tailRef.current.updateSize({\n        width: !reversed ? tailWidth : headWidth,\n        height: size.height,\n      });\n    } else if (orientation === 'vertical') {\n      const headHeight = (size.height / (max - min)) * (head - min);\n      const tailHeight = (size.height / (max - min)) * (max - tail);\n\n      headRef.current.updateSize({\n        width: size.width,\n        height: !reversed ? headHeight : tailHeight,\n      });\n      tailRef.current.updateSize({\n        width: size.width,\n        height: !reversed ? tailHeight : headHeight,\n      });\n    }\n  }, [min, max, head, tail, size.width, size.height, orientation]);\n\n  // NOTE: Add event listener when slider handle is captured\n  useEffect(() => {\n    if (isHandleCaptured) {\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', onMouseUp);\n      document.addEventListener('touchmove', onTouchMove);\n      document.addEventListener('touchend', onTouchEnd);\n    } else {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('touchmove', onTouchMove);\n      document.removeEventListener('touchend', onTouchEnd);\n    }\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('touchmove', onTouchMove);\n      document.removeEventListener('touchend', onTouchEnd);\n    };\n  }, [isHandleCaptured]);\n\n  const onResize = useThrottledCallback((e, direction, refToElement) => {\n    sliderStateOnCapturing.current = 'onResize Event'; // anything\n\n    const elemWidth = refToElement.clientWidth;\n    const elemHeight = refToElement.clientHeight;\n\n    let nextHead;\n    let nextTail;\n    if (direction === 'right') {\n      // Horizontal head\n      if (!reversed) {\n        nextHead = valueFormatter(min + (elemWidth / size.width) * (max - min));\n      } else {\n        nextTail = valueFormatter(max - (elemWidth / size.width) * (max - min));\n      }\n    } else if (direction === 'left') {\n      // Horizontal tail\n      if (!reversed) {\n        nextTail = valueFormatter(max - (elemWidth / size.width) * (max - min));\n      } else {\n        nextHead = valueFormatter(min + (elemWidth / size.width) * (max - min));\n      }\n    } else if (direction === 'bottom') {\n      // Vertical head\n      if (!reversed) {\n        nextHead = valueFormatter(min + (elemHeight / size.height) * (max - min));\n      } else {\n        nextTail = valueFormatter(max - (elemHeight / size.height) * (max - min));\n      }\n    } else if (direction === 'top') {\n      // Vertical tail\n      if (!reversed) {\n        nextTail = valueFormatter(max - (elemHeight / size.height) * (max - min));\n      } else {\n        nextHead = valueFormatter(min + (elemHeight / size.height) * (max - min));\n      }\n    }\n\n    nextHead = Math.min(nextHead, tail);\n    nextTail = Math.max(nextTail, head);\n\n    setHead(prev => nextHead || prev);\n    setTail(prev => nextTail || prev);\n    onChange([nextHead || head, nextTail || tail]);\n  });\n\n  const onResizeStop = useThrottledCallback((/* e, direction, refToElement, delta */) => {\n    sliderStateOnCapturing.current = null;\n    onStop();\n  });\n\n  // NOTE: Store mouse position and head, tail values. Triggered by onMouseDown and onTouchStart\n  const rememberInitialState = (xPos, yPos) => {\n    sliderStateOnCapturing.current = {\n      xPos,\n      yPos,\n      head,\n      tail,\n    };\n  };\n  const calculateNextState = (xPos, yPos) => {\n    if (sliderStateOnCapturing.current) {\n      let diffPixel;\n      let diffValue;\n\n      // NOTE: Calculate next head, tail values based on mouse move\n      if (orientation === 'horizontal') {\n        diffPixel = sliderStateOnCapturing.current.xPos - xPos;\n        diffValue = (diffPixel / size.width) * (max - min);\n      } else if (orientation === 'vertical') {\n        diffPixel = sliderStateOnCapturing.current.yPos - yPos;\n        diffValue = (diffPixel / size.height) * (max - min);\n      }\n      const headComputed = sliderStateOnCapturing.current.head - diffValue * (!reversed ? 1 : -1);\n      const tailComputed = sliderStateOnCapturing.current.tail - diffValue * (!reversed ? 1 : -1);\n      const originalGap = sliderStateOnCapturing.current.tail - sliderStateOnCapturing.current.head;\n\n      let nextHead;\n      let nextTail;\n      if (headComputed <= min) {\n        nextHead = min;\n        nextTail = min + originalGap;\n      } else if (tailComputed >= max) {\n        nextHead = max - originalGap;\n        nextTail = max;\n      } else {\n        nextHead = headComputed;\n        nextTail = tailComputed;\n      }\n\n      nextHead = valueFormatter(nextHead);\n      nextTail = valueFormatter(nextTail);\n\n      setHead(nextHead);\n      setTail(nextTail);\n      onChange([nextHead, nextTail]);\n    }\n  };\n\n  // NOTE: Mouse event handlers for the drag handle (middle)\n  const onMouseDown = e => {\n    rememberInitialState(e.clientX, e.clientY);\n    setIsHandleCaptured(true);\n  };\n  const onMouseMove = useThrottledCallback(e => {\n    calculateNextState(e.clientX, e.clientY);\n  });\n  const onMouseUp = useThrottledCallback(() => {\n    sliderStateOnCapturing.current = null;\n    setIsHandleCaptured(false);\n  });\n\n  // NOTE: Touch event handlers for the drag handle (middle)\n  const onTouchStart = e => {\n    rememberInitialState(e.touches[0].pageX, e.touches[0].pageY);\n    setIsHandleCaptured(true);\n  };\n  const onTouchMove = useThrottledCallback(e => {\n    calculateNextState(e.touches[0].pageX, e.touches[0].pageY);\n  });\n  const onTouchEnd = useThrottledCallback(() => {\n    sliderStateOnCapturing.current = null;\n    setIsHandleCaptured(false);\n  });\n\n  // NOTE: Callbacks for head/tail input fields\n  const onChangeHead = useThrottledCallback(nextHead => {\n    setHead(nextHead);\n    onChange([nextHead, tail]);\n  });\n  const onChangeTail = useThrottledCallback(newTail => {\n    setTail(newTail);\n    onChange([head, newTail]);\n  });\n\n  const isSmallGap = useMemo(() => {\n    const gap =\n      ((tail - head) / (max - min)) * (orientation === 'vertical' ? size.height : size.width);\n    return gap < 30;\n  }, [min, max, head, tail]);\n\n  const getHandleComponent = placement => {\n    const headHandleProps = {\n      min,\n      max: tail,\n      value: head,\n      onChange: onChangeHead,\n    };\n    const tailHandleProps = {\n      min: head,\n      max,\n      value: tail,\n      onChange: onChangeTail,\n    };\n\n    if (placement === 'head') {\n      return (\n        <Handle\n          placement=\"head\"\n          readOnly={!editableHandles}\n          displayFormatter={displayFormatter}\n          orientation={orientation}\n          classes={handleClasses}\n          {...(!reversed ? headHandleProps : tailHandleProps)}\n        />\n      );\n    } else if (placement === 'tail') {\n      return (\n        <Handle\n          placement=\"tail\"\n          readOnly={!editableHandles}\n          displayFormatter={displayFormatter}\n          orientation={orientation}\n          classes={handleClasses}\n          {...(!reversed ? tailHandleProps : headHandleProps)}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <div className={classes.rootWrapper}>\n      <div\n        className={classnames(classes.root, {\n          [classes.horizontalRoot]: orientation === 'horizontal',\n          [classes.verticalRoot]: orientation === 'vertical',\n        })}\n      >\n        <Resizable\n          ref={headRef}\n          minHeight={0}\n          minWidth={0}\n          enable={{\n            right: orientation === 'horizontal',\n            bottom: orientation === 'vertical',\n          }}\n          handleComponent={{\n            right: () => getHandleComponent('head'),\n            bottom: () => getHandleComponent('head'),\n          }}\n          onResize={onResize}\n          onResizeStop={onResizeStop}\n        />\n\n        <div className={classes.body} onMouseDown={onMouseDown} onTouchStart={onTouchStart}>\n          {!isSmallGap ? (\n            <div className={classes.bodyHandleIcon}>\n              <HandleIcon orientation={orientation} />\n            </div>\n          ) : (\n            <div\n              className={classnames({\n                [classes.horizontalBodyHandle]: orientation === 'horizontal',\n                [classes.verticalBodyHandle]: orientation === 'vertical',\n                [classes.leftBodyHandle]: handlePosition === 'left',\n                [classes.rightBodyHandle]: handlePosition === 'right',\n                [classes.topBodyHandle]: handlePosition === 'top',\n                [classes.bottomBodyHandle]: handlePosition === 'bottom',\n              })}\n            >\n              <div className={classes.bodyHandle}>\n                <HandleIcon orientation=\"vertical\" />\n              </div>\n            </div>\n          )}\n        </div>\n\n        <Resizable\n          ref={tailRef}\n          minHeight={0}\n          minWidth={0}\n          enable={{\n            left: orientation === 'horizontal',\n            top: orientation === 'vertical',\n          }}\n          handleComponent={{\n            left: () => getHandleComponent('tail'),\n            top: () => getHandleComponent('tail'),\n          }}\n          onResize={onResize}\n          onResizeStop={onResizeStop}\n        />\n      </div>\n    </div>\n  );\n};\n\nAdvancedSlider.defaultProps = {\n  orientation: 'horizontal',\n  valueFormatter: Math.floor,\n  displayFormatter: value => value,\n  onChange: noop,\n  onStop: noop,\n  reversed: false,\n  editableHandles: true,\n  handleClasses: {},\n};\n\nexport default withSize({ monitorWidth: true, monitorHeight: true })(AdvancedSlider);\n\nconst HandleIcon = ({ orientation }) => {\n  return orientation === 'horizontal' ? (\n    <svg width=\"8\" height=\"13\" viewBox=\"0 0 8 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect x=\"7.5\" y=\"0.5\" width=\"12\" height=\"1\" transform=\"rotate(90 7.5 0.5)\" />\n      <rect x=\"4.5\" y=\"0.5\" width=\"12\" height=\"1\" transform=\"rotate(90 4.5 0.5)\" />\n      <rect x=\"1.5\" y=\"0.5\" width=\"12\" height=\"1\" transform=\"rotate(90 1.5 0.5)\" />\n    </svg>\n  ) : (\n    <svg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"12\" height=\"1\" />\n      <rect y=\"3\" width=\"12\" height=\"1\" />\n      <rect y=\"6\" width=\"12\" height=\"1\" />\n    </svg>\n  );\n};\n\nconst useStyles = makeStyles({\n  rootWrapper: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n    zIndex: 100,\n  },\n  root: {\n    position: 'absolute', // Set this to absolute to prevent sizeme growth\n    width: '100%',\n    height: '100%',\n    zIndex: 100,\n    '&:hover $body': {\n      background: '#008BA366',\n    },\n    '&:hover $bodyHandle': {\n      visibility: 'visible',\n    },\n  },\n  horizontalRoot: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  verticalRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'column',\n  },\n  body: {\n    position: 'relative',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    userSelect: 'none',\n    background: '#3B3B3B66',\n    color: '#BDBDBD',\n    '& svg': {\n      fill: 'currentColor',\n    },\n    '&:hover': {\n      cursor: 'grab',\n      background: '#008BA366',\n      color: '#FFFFFF',\n    },\n    '&:active': {\n      cursor: 'grabbing',\n    },\n    '&:hover $bodyHandleIcon': {\n      visibility: 'visible',\n    },\n  },\n  horizontalBodyHandle: {\n    position: 'absolute',\n    bottom: -24,\n  },\n  verticalBodyHandle: {\n    position: 'absolute',\n    left: -24,\n  },\n  leftBodyHandle: {\n    position: 'absolute',\n    left: -24,\n    right: 'auto',\n  },\n  rightBodyHandle: {\n    position: 'absolute',\n    right: -24,\n    left: 'auto',\n  },\n  topBodyHandle: {\n    position: 'absolute',\n    top: -24,\n    bottom: 'auto',\n  },\n  bottomBodyHandle: {\n    position: 'absolute',\n    bottom: -24,\n    top: 'auto',\n  },\n  bodyHandle: {\n    width: 24,\n    height: 24,\n    borderRadius: '50%',\n    background: '#03BCD4',\n    color: '#FFFFFF',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    visibility: 'hidden',\n  },\n  bodyHandleIcon: {\n    visibility: 'hidden',\n  },\n});\n"],"names":["AdvancedSlider","min","max","value","size","orientation","valueFormatter","displayFormatter","editableHandles","onChange","onStop","reversed","handlePosition","handleClasses","classes","useStyles","headRef","useRef","tailRef","useState","at","head","setHead","tail","setTail","sliderStateOnCapturing","isHandleCaptured","setIsHandleCaptured","useEffect","current","Math","headWidth","width","tailWidth","updateSize","height","headHeight","tailHeight","document","addEventListener","onMouseMove","onMouseUp","onTouchMove","onTouchEnd","removeEventListener","onResize","useThrottledCallback","e","direction","refToElement","elemWidth","clientWidth","elemHeight","clientHeight","nextHead","nextTail","prev","onResizeStop","rememberInitialState","xPos","yPos","calculateNextState","diffPixel","diffValue","headComputed","tailComputed","originalGap","onMouseDown","clientX","clientY","onTouchStart","touches","pageX","pageY","onChangeHead","onChangeTail","newTail","isSmallGap","useMemo","gap","getHandleComponent","placement","headHandleProps","tailHandleProps","_jsx","rootWrapper","_jsxs","classnames","root","horizontalRoot","verticalRoot","right","bottom","body","bodyHandleIcon","horizontalBodyHandle","verticalBodyHandle","leftBodyHandle","rightBodyHandle","topBodyHandle","bottomBodyHandle","bodyHandle","left","top","defaultProps","floor","noop","withSize","monitorWidth","monitorHeight","HandleIcon","makeStyles","position","zIndex","background","visibility","display","alignItems","flexDirection","flex","justifyContent","userSelect","color","fill","cursor","borderRadius"],"mappings":"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"}