first commit

frontend/node_modules/rc-slider/lib/Slider.js

@@ -0,0 +1,493 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
+var _useMergedState3 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _isEqual = _interopRequireDefault(require("rc-util/lib/isEqual"));
+var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
+var React = _interopRequireWildcard(require("react"));
+var _Handles = _interopRequireDefault(require("./Handles"));
+var _Marks = _interopRequireDefault(require("./Marks"));
+var _Steps = _interopRequireDefault(require("./Steps"));
+var _Tracks = _interopRequireDefault(require("./Tracks"));
+var _context = _interopRequireDefault(require("./context"));
+var _useDrag3 = _interopRequireDefault(require("./hooks/useDrag"));
+var _useOffset3 = _interopRequireDefault(require("./hooks/useOffset"));
+var _useRange3 = _interopRequireDefault(require("./hooks/useRange"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * New:
+ * - click mark to update range value
+ * - handleRender
+ * - Fix handle with count not correct
+ * - Fix pushable not work in some case
+ * - No more FindDOMNode
+ * - Move all position related style into inline style
+ * - Key: up is plus, down is minus
+ * - fix Key with step = null not align with marks
+ * - Change range should not trigger onChange
+ * - keyboard support pushable
+ */
+
+var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-slider' : _props$prefixCls,
+    className = props.className,
+    style = props.style,
+    classNames = props.classNames,
+    styles = props.styles,
+    id = props.id,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
+    autoFocus = props.autoFocus,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 0 : _props$min,
+    _props$max = props.max,
+    max = _props$max === void 0 ? 100 : _props$max,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    range = props.range,
+    count = props.count,
+    onChange = props.onChange,
+    onBeforeChange = props.onBeforeChange,
+    onAfterChange = props.onAfterChange,
+    onChangeComplete = props.onChangeComplete,
+    _props$allowCross = props.allowCross,
+    allowCross = _props$allowCross === void 0 ? true : _props$allowCross,
+    _props$pushable = props.pushable,
+    pushable = _props$pushable === void 0 ? false : _props$pushable,
+    reverse = props.reverse,
+    vertical = props.vertical,
+    _props$included = props.included,
+    included = _props$included === void 0 ? true : _props$included,
+    startPoint = props.startPoint,
+    trackStyle = props.trackStyle,
+    handleStyle = props.handleStyle,
+    railStyle = props.railStyle,
+    dotStyle = props.dotStyle,
+    activeDotStyle = props.activeDotStyle,
+    marks = props.marks,
+    dots = props.dots,
+    handleRender = props.handleRender,
+    activeHandleRender = props.activeHandleRender,
+    track = props.track,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    ariaLabelForHandle = props.ariaLabelForHandle,
+    ariaLabelledByForHandle = props.ariaLabelledByForHandle,
+    ariaRequired = props.ariaRequired,
+    ariaValueTextFormatterForHandle = props.ariaValueTextFormatterForHandle;
+  var handlesRef = React.useRef(null);
+  var containerRef = React.useRef(null);
+  var direction = React.useMemo(function () {
+    if (vertical) {
+      return reverse ? 'ttb' : 'btt';
+    }
+    return reverse ? 'rtl' : 'ltr';
+  }, [reverse, vertical]);
+
+  // ============================ Range =============================
+  var _useRange = (0, _useRange3.default)(range),
+    _useRange2 = (0, _slicedToArray2.default)(_useRange, 5),
+    rangeEnabled = _useRange2[0],
+    rangeEditable = _useRange2[1],
+    rangeDraggableTrack = _useRange2[2],
+    minCount = _useRange2[3],
+    maxCount = _useRange2[4];
+  var mergedMin = React.useMemo(function () {
+    return isFinite(min) ? min : 0;
+  }, [min]);
+  var mergedMax = React.useMemo(function () {
+    return isFinite(max) ? max : 100;
+  }, [max]);
+
+  // ============================= Step =============================
+  var mergedStep = React.useMemo(function () {
+    return step !== null && step <= 0 ? 1 : step;
+  }, [step]);
+
+  // ============================= Push =============================
+  var mergedPush = React.useMemo(function () {
+    if (typeof pushable === 'boolean') {
+      return pushable ? mergedStep : false;
+    }
+    return pushable >= 0 ? pushable : false;
+  }, [pushable, mergedStep]);
+
+  // ============================ Marks =============================
+  var markList = React.useMemo(function () {
+    return Object.keys(marks || {}).map(function (key) {
+      var mark = marks[key];
+      var markObj = {
+        value: Number(key)
+      };
+      if (mark && (0, _typeof2.default)(mark) === 'object' && ! /*#__PURE__*/React.isValidElement(mark) && ('label' in mark || 'style' in mark)) {
+        markObj.style = mark.style;
+        markObj.label = mark.label;
+      } else {
+        markObj.label = mark;
+      }
+      return markObj;
+    }).filter(function (_ref) {
+      var label = _ref.label;
+      return label || typeof label === 'number';
+    }).sort(function (a, b) {
+      return a.value - b.value;
+    });
+  }, [marks]);
+
+  // ============================ Format ============================
+  var _useOffset = (0, _useOffset3.default)(mergedMin, mergedMax, mergedStep, markList, allowCross, mergedPush),
+    _useOffset2 = (0, _slicedToArray2.default)(_useOffset, 2),
+    formatValue = _useOffset2[0],
+    offsetValues = _useOffset2[1];
+
+  // ============================ Values ============================
+  var _useMergedState = (0, _useMergedState3.default)(defaultValue, {
+      value: value
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    mergedValue = _useMergedState2[0],
+    setValue = _useMergedState2[1];
+  var rawValues = React.useMemo(function () {
+    var valueList = mergedValue === null || mergedValue === undefined ? [] : Array.isArray(mergedValue) ? mergedValue : [mergedValue];
+    var _valueList = (0, _slicedToArray2.default)(valueList, 1),
+      _valueList$ = _valueList[0],
+      val0 = _valueList$ === void 0 ? mergedMin : _valueList$;
+    var returnValues = mergedValue === null ? [] : [val0];
+
+    // Format as range
+    if (rangeEnabled) {
+      returnValues = (0, _toConsumableArray2.default)(valueList);
+
+      // When count provided or value is `undefined`, we fill values
+      if (count || mergedValue === undefined) {
+        var pointCount = count >= 0 ? count + 1 : 2;
+        returnValues = returnValues.slice(0, pointCount);
+
+        // Fill with count
+        while (returnValues.length < pointCount) {
+          var _returnValues;
+          returnValues.push((_returnValues = returnValues[returnValues.length - 1]) !== null && _returnValues !== void 0 ? _returnValues : mergedMin);
+        }
+      }
+      returnValues.sort(function (a, b) {
+        return a - b;
+      });
+    }
+
+    // Align in range
+    returnValues.forEach(function (val, index) {
+      returnValues[index] = formatValue(val);
+    });
+    return returnValues;
+  }, [mergedValue, rangeEnabled, mergedMin, count, formatValue]);
+
+  // =========================== onChange ===========================
+  var getTriggerValue = function getTriggerValue(triggerValues) {
+    return rangeEnabled ? triggerValues : triggerValues[0];
+  };
+  var triggerChange = (0, _useEvent.default)(function (nextValues) {
+    // Order first
+    var cloneNextValues = (0, _toConsumableArray2.default)(nextValues).sort(function (a, b) {
+      return a - b;
+    });
+
+    // Trigger event if needed
+    if (onChange && !(0, _isEqual.default)(cloneNextValues, rawValues, true)) {
+      onChange(getTriggerValue(cloneNextValues));
+    }
+
+    // We set this later since it will re-render component immediately
+    setValue(cloneNextValues);
+  });
+  var finishChange = (0, _useEvent.default)(function (draggingDelete) {
+    // Trigger from `useDrag` will tell if it's a delete action
+    if (draggingDelete) {
+      handlesRef.current.hideHelp();
+    }
+    var finishValue = getTriggerValue(rawValues);
+    onAfterChange === null || onAfterChange === void 0 || onAfterChange(finishValue);
+    (0, _warning.default)(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');
+    onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(finishValue);
+  });
+  var onDelete = function onDelete(index) {
+    if (disabled || !rangeEditable || rawValues.length <= minCount) {
+      return;
+    }
+    var cloneNextValues = (0, _toConsumableArray2.default)(rawValues);
+    cloneNextValues.splice(index, 1);
+    onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(cloneNextValues));
+    triggerChange(cloneNextValues);
+    var nextFocusIndex = Math.max(0, index - 1);
+    handlesRef.current.hideHelp();
+    handlesRef.current.focus(nextFocusIndex);
+  };
+  var _useDrag = (0, _useDrag3.default)(containerRef, direction, rawValues, mergedMin, mergedMax, formatValue, triggerChange, finishChange, offsetValues, rangeEditable, minCount),
+    _useDrag2 = (0, _slicedToArray2.default)(_useDrag, 5),
+    draggingIndex = _useDrag2[0],
+    draggingValue = _useDrag2[1],
+    draggingDelete = _useDrag2[2],
+    cacheValues = _useDrag2[3],
+    onStartDrag = _useDrag2[4];
+
+  /**
+   * When `rangeEditable` will insert a new value in the values array.
+   * Else it will replace the value in the values array.
+   */
+  var changeToCloseValue = function changeToCloseValue(newValue, e) {
+    if (!disabled) {
+      // Create new values
+      var cloneNextValues = (0, _toConsumableArray2.default)(rawValues);
+      var valueIndex = 0;
+      var valueBeforeIndex = 0; // Record the index which value < newValue
+      var valueDist = mergedMax - mergedMin;
+      rawValues.forEach(function (val, index) {
+        var dist = Math.abs(newValue - val);
+        if (dist <= valueDist) {
+          valueDist = dist;
+          valueIndex = index;
+        }
+        if (val < newValue) {
+          valueBeforeIndex = index;
+        }
+      });
+      var focusIndex = valueIndex;
+      if (rangeEditable && valueDist !== 0 && (!maxCount || rawValues.length < maxCount)) {
+        cloneNextValues.splice(valueBeforeIndex + 1, 0, newValue);
+        focusIndex = valueBeforeIndex + 1;
+      } else {
+        cloneNextValues[valueIndex] = newValue;
+      }
+
+      // Fill value to match default 2 (only when `rawValues` is empty)
+      if (rangeEnabled && !rawValues.length && count === undefined) {
+        cloneNextValues.push(newValue);
+      }
+      var nextValue = getTriggerValue(cloneNextValues);
+      onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(nextValue);
+      triggerChange(cloneNextValues);
+      if (e) {
+        var _document$activeEleme, _document$activeEleme2;
+        (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 || (_document$activeEleme2 = _document$activeEleme.blur) === null || _document$activeEleme2 === void 0 || _document$activeEleme2.call(_document$activeEleme);
+        handlesRef.current.focus(focusIndex);
+        onStartDrag(e, focusIndex, cloneNextValues);
+      } else {
+        // https://github.com/ant-design/ant-design/issues/49997
+        onAfterChange === null || onAfterChange === void 0 || onAfterChange(nextValue);
+        (0, _warning.default)(!onAfterChange, '[rc-slider] `onAfterChange` is deprecated. Please use `onChangeComplete` instead.');
+        onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(nextValue);
+      }
+    }
+  };
+
+  // ============================ Click =============================
+  var onSliderMouseDown = function onSliderMouseDown(e) {
+    e.preventDefault();
+    var _containerRef$current = containerRef.current.getBoundingClientRect(),
+      width = _containerRef$current.width,
+      height = _containerRef$current.height,
+      left = _containerRef$current.left,
+      top = _containerRef$current.top,
+      bottom = _containerRef$current.bottom,
+      right = _containerRef$current.right;
+    var clientX = e.clientX,
+      clientY = e.clientY;
+    var percent;
+    switch (direction) {
+      case 'btt':
+        percent = (bottom - clientY) / height;
+        break;
+      case 'ttb':
+        percent = (clientY - top) / height;
+        break;
+      case 'rtl':
+        percent = (right - clientX) / width;
+        break;
+      default:
+        percent = (clientX - left) / width;
+    }
+    var nextValue = mergedMin + percent * (mergedMax - mergedMin);
+    changeToCloseValue(formatValue(nextValue), e);
+  };
+
+  // =========================== Keyboard ===========================
+  var _React$useState = React.useState(null),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    keyboardValue = _React$useState2[0],
+    setKeyboardValue = _React$useState2[1];
+  var onHandleOffsetChange = function onHandleOffsetChange(offset, valueIndex) {
+    if (!disabled) {
+      var next = offsetValues(rawValues, offset, valueIndex);
+      onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(rawValues));
+      triggerChange(next.values);
+      setKeyboardValue(next.value);
+    }
+  };
+  React.useEffect(function () {
+    if (keyboardValue !== null) {
+      var valueIndex = rawValues.indexOf(keyboardValue);
+      if (valueIndex >= 0) {
+        handlesRef.current.focus(valueIndex);
+      }
+    }
+    setKeyboardValue(null);
+  }, [keyboardValue]);
+
+  // ============================= Drag =============================
+  var mergedDraggableTrack = React.useMemo(function () {
+    if (rangeDraggableTrack && mergedStep === null) {
+      if (process.env.NODE_ENV !== 'production') {
+        (0, _warning.default)(false, '`draggableTrack` is not supported when `step` is `null`.');
+      }
+      return false;
+    }
+    return rangeDraggableTrack;
+  }, [rangeDraggableTrack, mergedStep]);
+  var onStartMove = (0, _useEvent.default)(function (e, valueIndex) {
+    onStartDrag(e, valueIndex);
+    onBeforeChange === null || onBeforeChange === void 0 || onBeforeChange(getTriggerValue(rawValues));
+  });
+
+  // Auto focus for updated handle
+  var dragging = draggingIndex !== -1;
+  React.useEffect(function () {
+    if (!dragging) {
+      var valueIndex = rawValues.lastIndexOf(draggingValue);
+      handlesRef.current.focus(valueIndex);
+    }
+  }, [dragging]);
+
+  // =========================== Included ===========================
+  var sortedCacheValues = React.useMemo(function () {
+    return (0, _toConsumableArray2.default)(cacheValues).sort(function (a, b) {
+      return a - b;
+    });
+  }, [cacheValues]);
+
+  // Provide a range values with included [min, max]
+  // Used for Track, Mark & Dot
+  var _React$useMemo = React.useMemo(function () {
+      if (!rangeEnabled) {
+        return [mergedMin, sortedCacheValues[0]];
+      }
+      return [sortedCacheValues[0], sortedCacheValues[sortedCacheValues.length - 1]];
+    }, [sortedCacheValues, rangeEnabled, mergedMin]),
+    _React$useMemo2 = (0, _slicedToArray2.default)(_React$useMemo, 2),
+    includedStart = _React$useMemo2[0],
+    includedEnd = _React$useMemo2[1];
+
+  // ============================= Refs =============================
+  React.useImperativeHandle(ref, function () {
+    return {
+      focus: function focus() {
+        handlesRef.current.focus(0);
+      },
+      blur: function blur() {
+        var _containerRef$current2;
+        var _document = document,
+          activeElement = _document.activeElement;
+        if ((_containerRef$current2 = containerRef.current) !== null && _containerRef$current2 !== void 0 && _containerRef$current2.contains(activeElement)) {
+          activeElement === null || activeElement === void 0 || activeElement.blur();
+        }
+      }
+    };
+  });
+
+  // ========================== Auto Focus ==========================
+  React.useEffect(function () {
+    if (autoFocus) {
+      handlesRef.current.focus(0);
+    }
+  }, []);
+
+  // =========================== Context ============================
+  var context = React.useMemo(function () {
+    return {
+      min: mergedMin,
+      max: mergedMax,
+      direction: direction,
+      disabled: disabled,
+      keyboard: keyboard,
+      step: mergedStep,
+      included: included,
+      includedStart: includedStart,
+      includedEnd: includedEnd,
+      range: rangeEnabled,
+      tabIndex: tabIndex,
+      ariaLabelForHandle: ariaLabelForHandle,
+      ariaLabelledByForHandle: ariaLabelledByForHandle,
+      ariaRequired: ariaRequired,
+      ariaValueTextFormatterForHandle: ariaValueTextFormatterForHandle,
+      styles: styles || {},
+      classNames: classNames || {}
+    };
+  }, [mergedMin, mergedMax, direction, disabled, keyboard, mergedStep, included, includedStart, includedEnd, rangeEnabled, tabIndex, ariaLabelForHandle, ariaLabelledByForHandle, ariaRequired, ariaValueTextFormatterForHandle, styles, classNames]);
+
+  // ============================ Render ============================
+  return /*#__PURE__*/React.createElement(_context.default.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: (0, _classnames.default)(prefixCls, className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-vertical"), vertical), "".concat(prefixCls, "-horizontal"), !vertical), "".concat(prefixCls, "-with-marks"), markList.length)),
+    style: style,
+    onMouseDown: onSliderMouseDown,
+    id: id
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)("".concat(prefixCls, "-rail"), classNames === null || classNames === void 0 ? void 0 : classNames.rail),
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, railStyle), styles === null || styles === void 0 ? void 0 : styles.rail)
+  }), track !== false && /*#__PURE__*/React.createElement(_Tracks.default, {
+    prefixCls: prefixCls,
+    style: trackStyle,
+    values: rawValues,
+    startPoint: startPoint,
+    onStartMove: mergedDraggableTrack ? onStartMove : undefined
+  }), /*#__PURE__*/React.createElement(_Steps.default, {
+    prefixCls: prefixCls,
+    marks: markList,
+    dots: dots,
+    style: dotStyle,
+    activeStyle: activeDotStyle
+  }), /*#__PURE__*/React.createElement(_Handles.default, {
+    ref: handlesRef,
+    prefixCls: prefixCls,
+    style: handleStyle,
+    values: cacheValues,
+    draggingIndex: draggingIndex,
+    draggingDelete: draggingDelete,
+    onStartMove: onStartMove,
+    onOffsetChange: onHandleOffsetChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    handleRender: handleRender,
+    activeHandleRender: activeHandleRender,
+    onChangeComplete: finishChange,
+    onDelete: rangeEditable ? onDelete : undefined
+  }), /*#__PURE__*/React.createElement(_Marks.default, {
+    prefixCls: prefixCls,
+    marks: markList,
+    onClick: changeToCloseValue
+  })));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Slider.displayName = 'Slider';
+}
+var _default = exports.default = Slider;