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

package/components/AdvancedSlider/AdvancedSlider.js

@@ -0,0 +1,414 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useRef, useState, useEffect, useMemo } from 'react';
+import { Resizable } from 're-resizable';
+import { withSize } from 'react-sizeme';
+import classNames from 'classnames';
+import { useThrottledCallback } from '../shared/useThrottledCallback.js';
+import { Handle } from './Handle.js';
+import { HandleIcon } from './icons/HandleIcon.js';
+import { getSizedControls } from './utils.js';
+import { useSliderStyles } from './styles/sliderStyles.js';
+import './styles/handleStyles.js';
+import { INPUT_WIDTH, INPUT_HEIGHT, INNER_GAP, MIN_ARROW_GAP, HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION, HORIZONTAL_MIN_GAP, VERTICAL_MIN_GAP } from './constants.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["min", "max", "value", "onChange", "orientation", "valueFormatter", "displayFormatter", "editableHandles", "onStop", "reversed", "handlePosition", "handleClasses", "minimal", "dimension"];
+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 PAGE_NAME = 'twoValuesSliderDefault';
+var AdvancedSlider = function AdvancedSlider(_ref) {
+  var _classnames2, _classnames3;
+  var min = _ref.min,
+    max = _ref.max,
+    value = _ref.value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? HORIZONTAL_ORIENTATION : _ref$orientation,
+    _ref$valueFormatter = _ref.valueFormatter,
+    valueFormatter = _ref$valueFormatter === void 0 ? Math.floor : _ref$valueFormatter,
+    _ref$displayFormatter = _ref.displayFormatter,
+    displayFormatter = _ref$displayFormatter === void 0 ? function (value) {
+      return value;
+    } : _ref$displayFormatter,
+    _ref$editableHandles = _ref.editableHandles,
+    editableHandles = _ref$editableHandles === void 0 ? true : _ref$editableHandles,
+    _ref$onStop = _ref.onStop,
+    onStop = _ref$onStop === void 0 ? function () {} : _ref$onStop,
+    _ref$reversed = _ref.reversed,
+    reversed = _ref$reversed === void 0 ? false : _ref$reversed,
+    handlePosition = _ref.handlePosition,
+    _ref$handleClasses = _ref.handleClasses,
+    handleClasses = _ref$handleClasses === void 0 ? {} : _ref$handleClasses,
+    _ref$minimal = _ref.minimal,
+    minimal = _ref$minimal === void 0 ? false : _ref$minimal,
+    _ref$dimension = _ref.dimension,
+    dimension = _ref$dimension === void 0 ? 'small' : _ref$dimension,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = rest,
+    _ref2$size = _ref2.size,
+    sliderSize = _ref2$size === void 0 ? {} : _ref2$size;
+  var classes = useSliderStyles();
+  var headRef = useRef(null);
+  var tailRef = useRef(null);
+  var isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;
+  var isVerticalOrientation = orientation === VERTICAL_ORIENTATION;
+  var size = minimal ? sliderSize : _objectSpread(_objectSpread({}, sliderSize), {}, {
+    width: isHorizontalOrientation ? sliderSize.width - 2 * INPUT_WIDTH : sliderSize.width,
+    height: isVerticalOrientation ? sliderSize.height - 2 * INPUT_HEIGHT : sliderSize.height
+  });
+  var _useState = useState([valueFormatter(value === null || value === void 0 ? void 0 : value.at(0)), valueFormatter(value === null || value === void 0 ? void 0 : value.at(1))]),
+    _useState2 = _slicedToArray(_useState, 2),
+    range = _useState2[0],
+    setRange = _useState2[1];
+  var sliderStateOnCapturing = useRef(null); // NOTE: Store slider state on capturing the handle
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isHandleCaptured = _useState4[0],
+    setIsHandleCaptured = _useState4[1]; // NOTE: user grabbed slider handle
+
+  var _range = _slicedToArray(range, 2),
+    head = _range[0],
+    tail = _range[1];
+  var _getSizedControls = getSizedControls({
+      isHorizontalOrientation: isHorizontalOrientation,
+      size: size,
+      max: max,
+      min: min,
+      tail: tail,
+      head: head
+    }),
+    headMaxWidth = _getSizedControls.headMaxWidth,
+    tailMaxWidth = _getSizedControls.tailMaxWidth,
+    headMaxHeight = _getSizedControls.headMaxHeight,
+    tailMaxHeight = _getSizedControls.tailMaxHeight;
+
+  // NOTE: Overwrite head/tail values based on props
+  useEffect(function () {
+    if (!sliderStateOnCapturing.current) {
+      var _values = [valueFormatter(value === null || value === void 0 ? void 0 : value.at(0)), valueFormatter(value === null || value === void 0 ? void 0 : value.at(1))];
+      var _head = Math.min.apply(Math, _values);
+      var _tail = Math.max.apply(Math, _values);
+      setRange([_head, _tail]);
+    }
+  }, [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 (isHorizontalOrientation) {
+      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 (isVerticalOrientation) {
+      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 () {
+    var addEventListeners = function addEventListeners() {
+      document.addEventListener('mousemove', onMouseMove);
+      document.addEventListener('mouseup', onMouseUp);
+      document.addEventListener('touchmove', onTouchMove);
+      document.addEventListener('touchend', onTouchEnd);
+    };
+    var removeEventListeners = function removeEventListeners() {
+      document.removeEventListener('mousemove', onMouseMove);
+      document.removeEventListener('mouseup', onMouseUp);
+      document.removeEventListener('touchmove', onTouchMove);
+      document.removeEventListener('touchend', onTouchEnd);
+    };
+    if (isHandleCaptured) {
+      addEventListeners();
+    } else {
+      removeEventListeners();
+      onStop();
+    }
+    return function () {
+      removeEventListeners();
+    };
+  }, [isHandleCaptured]);
+  var onResize = useThrottledCallback(function (e, direction, refToElement) {
+    sliderStateOnCapturing.current = 'onResize Event'; // anything
+
+    var elemWidth = refToElement.clientWidth;
+    var elemHeight = refToElement.clientHeight;
+    var nextHead = head;
+    var nextTail = tail;
+    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);
+    setRange([nextHead, nextTail]);
+    onChange([nextHead, nextTail]);
+  });
+  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 (isHorizontalOrientation) {
+        diffPixel = sliderStateOnCapturing.current.xPos - xPos;
+        diffValue = diffPixel / size.width * (max - min);
+      } else if (isVerticalOrientation) {
+        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);
+      setRange([nextHead, 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) {
+    setRange([nextHead, tail]);
+    onChange([nextHead, tail]);
+    onStop();
+  });
+  var onChangeTail = useThrottledCallback(function (nextTail) {
+    setRange([head, nextTail]);
+    onChange([head, nextTail]);
+    onStop();
+  });
+  var isSmallGap = useMemo(function () {
+    var gap = (tail - head) / (max - min) * (isVerticalOrientation ? size.height : size.width);
+    return gap < 30;
+  }, [min, max, head, tail]);
+  var isInsideArrowsVisible = useMemo(function () {
+    var gap = (tail - head) / (max - min) * (isVerticalOrientation ? size.height : size.width);
+    return gap < INNER_GAP;
+  }, [min, max, head, tail]);
+  var getSingleGap = function getSingleGap(current, maxValue) {
+    return current / maxValue * (isVerticalOrientation ? size.height : size.width);
+  };
+  var arrowsOutsideConfig = useMemo(function () {
+    var minGap = isHorizontalOrientation ? HORIZONTAL_MIN_GAP : VERTICAL_MIN_GAP;
+    if (reversed) {
+      return {
+        isRightArrowInvisible: getSingleGap(head, max) < MIN_ARROW_GAP,
+        isLeftArrowInvisible: getSingleGap(max - tail, max) < MIN_ARROW_GAP,
+        distance: (tail - head) / (max - min) * (isVerticalOrientation ? size.height : size.width) - minGap
+      };
+    }
+    return {
+      isRightArrowInvisible: getSingleGap(max - tail, max) < MIN_ARROW_GAP,
+      isLeftArrowInvisible: getSingleGap(head, max) < MIN_ARROW_GAP,
+      distance: (tail - head) / (max - min) * (isVerticalOrientation ? size.height : size.width) - minGap
+    };
+  }, [min, max, head, tail, reversed]);
+  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({
+        "data-testid": "".concat(PAGE_NAME, "_handle_top"),
+        placement: "head",
+        dimension: dimension,
+        readOnly: !editableHandles,
+        isInsideArrowsVisible: isInsideArrowsVisible,
+        arrowsOutsideConfig: arrowsOutsideConfig,
+        displayFormatter: displayFormatter,
+        orientation: orientation,
+        classes: handleClasses,
+        minimal: minimal
+      }, !reversed ? headHandleProps : tailHandleProps));
+    } else if (placement === 'tail') {
+      return /*#__PURE__*/jsx(Handle, _objectSpread({
+        "data-testid": "".concat(PAGE_NAME, "_handle_bottom"),
+        placement: "tail",
+        dimension: dimension,
+        readOnly: !editableHandles,
+        isInsideArrowsVisible: isInsideArrowsVisible,
+        arrowsOutsideConfig: arrowsOutsideConfig,
+        displayFormatter: displayFormatter,
+        orientation: orientation,
+        classes: handleClasses,
+        minimal: minimal
+      }, !reversed ? tailHandleProps : headHandleProps));
+    }
+    return null;
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(classes.rootWrapper, classes["".concat(orientation, "-").concat(dimension)], _defineProperty({}, classes.rootMinimal, minimal)),
+    children: /*#__PURE__*/jsxs("div", {
+      className: classNames(classes.root, (_classnames2 = {}, _defineProperty(_classnames2, classes.horizontalRoot, isHorizontalOrientation), _defineProperty(_classnames2, classes.verticalRoot, isVerticalOrientation), _defineProperty(_classnames2, classes.minimal, minimal), _classnames2)),
+      children: [/*#__PURE__*/jsx(Resizable, {
+        className: classes.resizable,
+        ref: headRef,
+        minHeight: 0,
+        minWidth: 0,
+        maxWidth: reversed ? tailMaxWidth : headMaxWidth,
+        maxHeight: reversed ? tailMaxHeight : headMaxHeight,
+        enable: {
+          right: isHorizontalOrientation,
+          bottom: isVerticalOrientation
+        },
+        handleComponent: {
+          right: getHandleComponent('head'),
+          bottom: getHandleComponent('head')
+        },
+        onResize: onResize,
+        onResizeStop: onResizeStop
+      }), /*#__PURE__*/jsx("div", {
+        className: classes.body,
+        "data-testid": "slider-body",
+        onMouseDown: onMouseDown,
+        onTouchStart: onTouchStart,
+        children: !isSmallGap ? /*#__PURE__*/jsx("div", {
+          className: classes.bodyHandleIcon,
+          "data-testid": "".concat(PAGE_NAME, "_handle"),
+          children: /*#__PURE__*/jsx(HandleIcon, {
+            orientation: orientation,
+            minimal: minimal
+          })
+        }) : /*#__PURE__*/jsx("div", {
+          className: classNames((_classnames3 = {}, _defineProperty(_classnames3, classes.horizontalBodyHandle, isHorizontalOrientation), _defineProperty(_classnames3, classes.verticalBodyHandle, isVerticalOrientation), _defineProperty(_classnames3, classes.leftBodyHandle, handlePosition === 'left'), _defineProperty(_classnames3, classes.rightBodyHandle, handlePosition === 'right'), _defineProperty(_classnames3, classes.topBodyHandle, handlePosition === 'top'), _defineProperty(_classnames3, classes.bottomBodyHandle, handlePosition === 'bottom'), _classnames3)),
+          children: /*#__PURE__*/jsx("div", {
+            className: classes.bodyHandle,
+            "data-testid": "".concat(PAGE_NAME, "_handle"),
+            children: /*#__PURE__*/jsx(HandleIcon, {
+              orientation: "vertical",
+              minimal: minimal
+            })
+          })
+        })
+      }), /*#__PURE__*/jsx(Resizable, {
+        className: classes.resizable,
+        ref: tailRef,
+        minHeight: 0,
+        minWidth: 0,
+        enable: {
+          left: isHorizontalOrientation,
+          top: isVerticalOrientation
+        },
+        handleComponent: {
+          left: getHandleComponent('tail'),
+          top: getHandleComponent('tail')
+        },
+        onResize: onResize,
+        onResizeStop: onResizeStop
+      })]
+    })
+  });
+};
+var AdvancedSlider$1 = withSize({
+  monitorWidth: true,
+  monitorHeight: true
+})(AdvancedSlider);
+
+export { AdvancedSlider, 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.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport {\n  MouseEventHandler,\n  ReactElement,\n  ReactNode,\n  TouchEventHandler,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {Resizable} from 're-resizable';\nimport {withSize} from 'react-sizeme';\nimport classnames from 'classnames';\n\nimport {useThrottledCallback} from '../shared/useThrottledCallback';\n\nimport {Handle} from './Handle';\nimport {HandleIcon} from './icons';\nimport {getSizedControls} from './utils';\nimport {useSliderStyles} from './styles';\nimport {\n  HORIZONTAL_MIN_GAP,\n  HORIZONTAL_ORIENTATION,\n  INNER_GAP,\n  INPUT_HEIGHT,\n  INPUT_WIDTH,\n  MIN_ARROW_GAP,\n  VERTICAL_MIN_GAP,\n  VERTICAL_ORIENTATION,\n} from './constants';\n\nconst PAGE_NAME = 'twoValuesSliderDefault';\n\nexport type AdvancedSliderProps = {\n  /**\n   * Must be strictly smaller than `max`\n   */\n  min: number;\n  /**\n   * Must be strictly bigger than `min`\n   */\n  max: number;\n  value: [number, number];\n  onChange?: (values: [number, number]) => void;\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Formats value before passing it to onChange\n   * @param value\n   */\n  valueFormatter?: (value: number) => number;\n  /**\n   * Formats value before displaying\n   * @param value\n   */\n  displayFormatter?: (value: number) => ReactNode;\n  editableHandles?: boolean;\n  /**\n   * Called when user stops changing values\n   */\n  onStop?: () => void;\n  /**\n   * Reverses axis\n   */\n  reversed?: boolean;\n  /**\n   * Positions \"floating\" handle (outside of track). Positioned at the `bottom` for horisontal orientation, and at the `right` for vertical\n   */\n  handlePosition?: 'left' | 'right' | 'top' | 'bottom';\n  handleClasses?: Record<string, string>;\n  /**\n   * Hides values in handles\n   */\n  minimal?: boolean;\n  dimension?: 'small' | 'medium' | 'large';\n};\n\nexport const AdvancedSlider = ({\n  min,\n  max,\n  value,\n  onChange = () => {},\n  orientation = HORIZONTAL_ORIENTATION,\n  valueFormatter = Math.floor,\n  displayFormatter = (value: number) => value,\n  editableHandles = true,\n  onStop = () => {},\n  reversed = false,\n  handlePosition,\n  handleClasses = {},\n  minimal = false,\n  dimension = 'small',\n  ...rest\n}: AdvancedSliderProps): ReactElement => {\n  const { size: sliderSize = {} } = rest as { size: any };\n  const classes = useSliderStyles();\n  const headRef = useRef(null);\n  const tailRef = useRef(null);\n  const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n  const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n\n  const size = minimal\n    ? sliderSize\n    : {\n        ...sliderSize,\n        width: isHorizontalOrientation ? sliderSize.width - 2 * INPUT_WIDTH : sliderSize.width,\n        height: isVerticalOrientation ? sliderSize.height - 2 * INPUT_HEIGHT : sliderSize.height,\n      };\n\n  const [range, setRange] = useState([valueFormatter(value?.at(0)), 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  const [head, tail] = range;\n  const { headMaxWidth, tailMaxWidth, headMaxHeight, tailMaxHeight } = getSizedControls({\n    isHorizontalOrientation,\n    size,\n    max,\n    min,\n    tail,\n    head,\n  });\n\n  // NOTE: Overwrite head/tail values based on props\n  useEffect(() => {\n    if (!sliderStateOnCapturing.current) {\n      const values = [valueFormatter(value?.at(0)), valueFormatter(value?.at(1))];\n      const head = Math.min(...values);\n      const tail = Math.max(...values);\n      setRange([head, tail]);\n    }\n  }, [value?.at(0), value?.at(1)]);\n\n  // NOTE: Resize blocks based on values\n  useEffect(() => {\n    if (isHorizontalOrientation) {\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 (isVerticalOrientation) {\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    const addEventListeners = () => {\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', onMouseUp);\n      document.addEventListener('touchmove', onTouchMove);\n      document.addEventListener('touchend', onTouchEnd);\n    };\n    const removeEventListeners = () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('touchmove', onTouchMove);\n      document.removeEventListener('touchend', onTouchEnd);\n    };\n\n    if (isHandleCaptured) {\n      addEventListeners();\n    } else {\n      removeEventListeners();\n      onStop();\n    }\n\n    return () => {\n      removeEventListeners();\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 = head;\n    let nextTail = tail;\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    setRange([nextHead, nextTail]);\n    onChange([nextHead, nextTail]);\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: number, yPos: number) => {\n    sliderStateOnCapturing.current = {\n      xPos,\n      yPos,\n      head,\n      tail,\n    };\n  };\n  const calculateNextState = (xPos: number, yPos: number) => {\n    if (sliderStateOnCapturing.current) {\n      let diffPixel;\n      let diffValue;\n\n      // NOTE: Calculate next head, tail values based on mouse move\n      if (isHorizontalOrientation) {\n        diffPixel = sliderStateOnCapturing.current.xPos - xPos;\n        diffValue = (diffPixel / size.width) * (max - min);\n      } else if (isVerticalOrientation) {\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      setRange([nextHead, nextTail]);\n      onChange([nextHead, nextTail]);\n    }\n  };\n\n  // NOTE: Mouse event handlers for the drag handle (middle)\n  const onMouseDown: MouseEventHandler<HTMLDivElement> = 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: TouchEventHandler<HTMLDivElement> = 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    setRange([nextHead, tail]);\n    onChange([nextHead, tail]);\n    onStop();\n  });\n  const onChangeTail = useThrottledCallback(nextTail => {\n    setRange([head, nextTail]);\n    onChange([head, nextTail]);\n    onStop();\n  });\n\n  const isSmallGap = useMemo(() => {\n    const gap = ((tail - head) / (max - min)) * (isVerticalOrientation ? size.height : size.width);\n    return gap < 30;\n  }, [min, max, head, tail]);\n\n  const isInsideArrowsVisible = useMemo(() => {\n    const gap = ((tail - head) / (max - min)) * (isVerticalOrientation ? size.height : size.width);\n    return gap < INNER_GAP;\n  }, [min, max, head, tail]);\n\n  const getSingleGap = (current: number, maxValue: number) =>\n    (current / maxValue) * (isVerticalOrientation ? size.height : size.width);\n\n  const arrowsOutsideConfig = useMemo(() => {\n    const minGap = isHorizontalOrientation ? HORIZONTAL_MIN_GAP : VERTICAL_MIN_GAP;\n\n    if (reversed) {\n      return {\n        isRightArrowInvisible: getSingleGap(head, max) < MIN_ARROW_GAP,\n        isLeftArrowInvisible: getSingleGap(max - tail, max) < MIN_ARROW_GAP,\n        distance:\n          ((tail - head) / (max - min)) * (isVerticalOrientation ? size.height : size.width) -\n          minGap,\n      };\n    }\n    return {\n      isRightArrowInvisible: getSingleGap(max - tail, max) < MIN_ARROW_GAP,\n      isLeftArrowInvisible: getSingleGap(head, max) < MIN_ARROW_GAP,\n      distance:\n        ((tail - head) / (max - min)) * (isVerticalOrientation ? size.height : size.width) - minGap,\n    };\n  }, [min, max, head, tail, reversed]);\n\n  const getHandleComponent = (placement: 'head' | 'tail') => {\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          data-testid={`${PAGE_NAME}_handle_top`}\n          placement=\"head\"\n          dimension={dimension}\n          readOnly={!editableHandles}\n          isInsideArrowsVisible={isInsideArrowsVisible}\n          arrowsOutsideConfig={arrowsOutsideConfig}\n          displayFormatter={displayFormatter}\n          orientation={orientation}\n          classes={handleClasses}\n          minimal={minimal}\n          {...(!reversed ? headHandleProps : tailHandleProps)}\n        />\n      );\n    } else if (placement === 'tail') {\n      return (\n        <Handle\n          data-testid={`${PAGE_NAME}_handle_bottom`}\n          placement=\"tail\"\n          dimension={dimension}\n          readOnly={!editableHandles}\n          isInsideArrowsVisible={isInsideArrowsVisible}\n          arrowsOutsideConfig={arrowsOutsideConfig}\n          displayFormatter={displayFormatter}\n          orientation={orientation}\n          classes={handleClasses}\n          minimal={minimal}\n          {...(!reversed ? tailHandleProps : headHandleProps)}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  return (\n    <div\n      className={classnames(classes.rootWrapper, classes[`${orientation}-${dimension}`], {\n        [classes.rootMinimal]: minimal,\n      })}\n    >\n      <div\n        className={classnames(classes.root, {\n          [classes.horizontalRoot]: isHorizontalOrientation,\n          [classes.verticalRoot]: isVerticalOrientation,\n          [classes.minimal]: minimal,\n        })}\n      >\n        <Resizable\n          className={classes.resizable}\n          ref={headRef}\n          minHeight={0}\n          minWidth={0}\n          maxWidth={reversed ? tailMaxWidth : headMaxWidth}\n          maxHeight={reversed ? tailMaxHeight : headMaxHeight}\n          enable={{\n            right: isHorizontalOrientation,\n            bottom: isVerticalOrientation,\n          }}\n          handleComponent={{\n            right: getHandleComponent('head'),\n            bottom: getHandleComponent('head'),\n          }}\n          onResize={onResize}\n          onResizeStop={onResizeStop}\n        />\n\n        <div\n          className={classes.body}\n          data-testid=\"slider-body\"\n          onMouseDown={onMouseDown}\n          onTouchStart={onTouchStart}\n        >\n          {!isSmallGap ? (\n            <div className={classes.bodyHandleIcon} data-testid={`${PAGE_NAME}_handle`}>\n              <HandleIcon orientation={orientation} minimal={minimal} />\n            </div>\n          ) : (\n            <div\n              className={classnames({\n                [classes.horizontalBodyHandle]: isHorizontalOrientation,\n                [classes.verticalBodyHandle]: isVerticalOrientation,\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} data-testid={`${PAGE_NAME}_handle`}>\n                <HandleIcon orientation=\"vertical\" minimal={minimal} />\n              </div>\n            </div>\n          )}\n        </div>\n\n        <Resizable\n          className={classes.resizable}\n          ref={tailRef}\n          minHeight={0}\n          minWidth={0}\n          enable={{\n            left: isHorizontalOrientation,\n            top: isVerticalOrientation,\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\nexport default withSize({\n  monitorWidth: true,\n  monitorHeight: true,\n})(AdvancedSlider);\n"],"names":["PAGE_NAME","AdvancedSlider","min","max","value","onChange","orientation","HORIZONTAL_ORIENTATION","valueFormatter","Math","floor","displayFormatter","editableHandles","onStop","reversed","handlePosition","handleClasses","minimal","dimension","rest","size","sliderSize","classes","useSliderStyles","headRef","useRef","tailRef","isHorizontalOrientation","isVerticalOrientation","VERTICAL_ORIENTATION","width","INPUT_WIDTH","height","INPUT_HEIGHT","useState","at","range","setRange","sliderStateOnCapturing","isHandleCaptured","setIsHandleCaptured","head","tail","getSizedControls","headMaxWidth","tailMaxWidth","headMaxHeight","tailMaxHeight","useEffect","current","values","headWidth","tailWidth","updateSize","headHeight","tailHeight","addEventListeners","document","addEventListener","onMouseMove","onMouseUp","onTouchMove","onTouchEnd","removeEventListeners","removeEventListener","onResize","useThrottledCallback","e","direction","refToElement","elemWidth","clientWidth","elemHeight","clientHeight","nextHead","nextTail","onResizeStop","rememberInitialState","xPos","yPos","calculateNextState","diffPixel","diffValue","headComputed","tailComputed","originalGap","onMouseDown","clientX","clientY","onTouchStart","touches","pageX","pageY","onChangeHead","onChangeTail","isSmallGap","useMemo","gap","isInsideArrowsVisible","INNER_GAP","getSingleGap","maxValue","arrowsOutsideConfig","minGap","HORIZONTAL_MIN_GAP","VERTICAL_MIN_GAP","isRightArrowInvisible","MIN_ARROW_GAP","isLeftArrowInvisible","distance","getHandleComponent","placement","headHandleProps","tailHandleProps","_jsx","classnames","rootWrapper","rootMinimal","_jsxs","root","horizontalRoot","verticalRoot","resizable","right","bottom","body","bodyHandleIcon","horizontalBodyHandle","verticalBodyHandle","leftBodyHandle","rightBodyHandle","topBodyHandle","bottomBodyHandle","bodyHandle","left","top","withSize","monitorWidth","monitorHeight"],"mappings":"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"}

package/components/AdvancedSlider/Handle.js

@@ -0,0 +1,162 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+import { Input } from '@material-ui/core';
+import classNames from 'classnames';
+import './styles/sliderStyles.js';
+import { useHandleStyles } from './styles/handleStyles.js';
+import { getIsInputValueValid, getValidatedValue } from './utils.js';
+import { HOVER_ARREA_WIDTH_BY_DIMENSION, HOVER_ARREA_HEIGHT, HORIZONTAL_ORIENTATION, VERTICAL_ORIENTATION, HEAD_PLACEMENT } from './constants.js';
+import { LeftIcon, RightIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var isBuggySymbolEntered = function isBuggySymbolEntered(event) {
+  var _event$target, _event$nativeEvent;
+  var value = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value;
+  var floatValue = value ? parseFloat(value) : 0;
+  var isValidValue = floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;
+  var char = event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.data;
+  var pointCount = value.split('.').length - 1;
+  var isValidChar = !char || char === '.' || char === '-' || char >= '0' && char <= '9';
+  var isNotValidMinus = char === '-' && value === '';
+  return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;
+};
+
+/*
+interface HandleProps {
+  value: number | string;
+  orientation: 'vertical' | 'horizontal';
+  placement: 'head' | 'tail';
+  onChange: (newValue: number) => void;
+  min: number;
+  max: number;
+  minimal?: boolean;
+}
+*/
+var Handle = function Handle(_ref) {
+  var _classnames, _classnames2, _classnames3, _classnames4;
+  var value = _ref.value,
+    orientation = _ref.orientation,
+    placement = _ref.placement,
+    dimension = _ref.dimension,
+    readOnly = _ref.readOnly,
+    onChange = _ref.onChange,
+    min = _ref.min,
+    max = _ref.max,
+    displayFormatter = _ref.displayFormatter,
+    isInsideArrowsVisible = _ref.isInsideArrowsVisible,
+    arrowsOutsideConfig = _ref.arrowsOutsideConfig,
+    classes = _ref.classes,
+    minimal = _ref.minimal,
+    dataTestId = _ref['data-testid'];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasError = _useState2[0],
+    setHasError = _useState2[1];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internal = _useState4[0],
+    setInternal = _useState4[1];
+  var inputRef = useRef(null);
+  var isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;
+  var isVerticalOrientation = orientation === VERTICAL_ORIENTATION;
+  var isHeadPlacement = placement === HEAD_PLACEMENT;
+  var styles = useHandleStyles({
+    distance: arrowsOutsideConfig === null || arrowsOutsideConfig === void 0 ? void 0 : arrowsOutsideConfig.distance,
+    minimal: minimal,
+    hoverAreaHeight: isHorizontalOrientation ? HOVER_ARREA_WIDTH_BY_DIMENSION[dimension] : HOVER_ARREA_HEIGHT,
+    hoverAreaWidth: isHorizontalOrientation ? HOVER_ARREA_HEIGHT : HOVER_ARREA_WIDTH_BY_DIMENSION[dimension]
+  });
+  var onChangeValue = function onChangeValue(e) {
+    var newValue = e.target.value;
+    if (isBuggySymbolEntered(e)) {
+      return;
+    }
+    setInternal(newValue);
+    if (hasError) setHasError(false);
+  };
+  var handleKeyDown = function handleKeyDown(_ref2) {
+    var keyCode = _ref2.keyCode,
+      target = _ref2.target;
+    if (keyCode !== 13) return;
+    handleValueSubmit(target.value);
+  };
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
+    handleValueSubmit(target.value);
+  };
+  var handleValueSubmit = function handleValueSubmit(value) {
+    if (readOnly) {
+      return;
+    }
+    var formattedValue = Number(value);
+    var isInputValid = getIsInputValueValid(formattedValue);
+    if (!isInputValid) {
+      setHasError(true);
+      return;
+    }
+    onChange(getValidatedValue(formattedValue, min, max));
+  };
+  useEffect(function () {
+    setInternal(value);
+    if (hasError) setHasError(false);
+  }, [value]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.root, classes.handleRoot, styles[dimension], (_classnames = {}, _defineProperty(_classnames, styles.horizontalHeadRoot, isHorizontalOrientation && isHeadPlacement), _defineProperty(_classnames, styles.horizontalTailRoot, isHorizontalOrientation && !isHeadPlacement), _defineProperty(_classnames, styles.verticalHeadRoot, isVerticalOrientation && isHeadPlacement), _defineProperty(_classnames, styles.verticalTailRoot, isVerticalOrientation && !isHeadPlacement), _defineProperty(_classnames, styles.minimalHandleRoot, minimal), _classnames)),
+    children: [/*#__PURE__*/jsx(LeftIcon, {
+      size: 16,
+      className: classNames(styles.leftArrow, (_classnames2 = {}, _defineProperty(_classnames2, styles.reversedLeftArrow, isVerticalOrientation), _defineProperty(_classnames2, styles.isInvisible, isInsideArrowsVisible && !isHeadPlacement || isHeadPlacement && (arrowsOutsideConfig === null || arrowsOutsideConfig === void 0 ? void 0 : arrowsOutsideConfig.isLeftArrowInvisible)), _classnames2)),
+      fill: "white"
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.handle, classes.handle, (_classnames3 = {}, _defineProperty(_classnames3, styles.horizontalHeadHandle, isHorizontalOrientation && isHeadPlacement), _defineProperty(_classnames3, styles.horizontalTailHandle, isHorizontalOrientation && !isHeadPlacement), _defineProperty(_classnames3, styles.verticalHeadHandle, isVerticalOrientation && isHeadPlacement), _defineProperty(_classnames3, styles.verticalTailHandle, isVerticalOrientation && !isHeadPlacement), _defineProperty(_classnames3, styles.minimalHandle, minimal), _defineProperty(_classnames3, styles.minimalVerticalHandle, minimal && isVerticalOrientation), _classnames3)),
+      "data-testid": dataTestId,
+      children: !minimal && /*#__PURE__*/jsx(Input, {
+        inputProps: {
+          'data-testid': 'handle-input'
+        },
+        readOnly: readOnly,
+        inputRef: inputRef,
+        onKeyDown: handleKeyDown,
+        onBlur: handleBlur,
+        classes: {
+          root: classNames(styles.inputRoot, hasError && styles.hasError)
+        },
+        value: readOnly ? displayFormatter(internal) : internal,
+        onChange: onChangeValue,
+        disableUnderline: true,
+        error: !(Number.isFinite(+internal) && +internal >= min && +internal <= max)
+      })
+    }), /*#__PURE__*/jsx(RightIcon, {
+      size: 16,
+      className: classNames(styles.rightArrow, (_classnames4 = {}, _defineProperty(_classnames4, styles.reversedRightArrow, isVerticalOrientation), _defineProperty(_classnames4, styles.isInvisible, isInsideArrowsVisible && isHeadPlacement || !isHeadPlacement && (arrowsOutsideConfig === null || arrowsOutsideConfig === void 0 ? void 0 : arrowsOutsideConfig.isRightArrowInvisible)), _classnames4)),
+      fill: "white"
+    })]
+  });
+};
+
+export { Handle };
+//# sourceMappingURL=Handle.js.map