add all frontend files

node_modules/rc-slider/es/Handles/Handle.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { OnStartMove } from '../interface';
+interface RenderProps {
+    index: number;
+    prefixCls: string;
+    value: number;
+    dragging: boolean;
+    draggingDelete: boolean;
+}
+export interface HandleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onFocus' | 'onMouseEnter'> {
+    prefixCls: string;
+    style?: React.CSSProperties;
+    value: number;
+    valueIndex: number;
+    dragging: boolean;
+    draggingDelete: boolean;
+    onStartMove: OnStartMove;
+    onDelete?: (index: number) => void;
+    onOffsetChange: (value: number | 'min' | 'max', valueIndex: number) => void;
+    onFocus: (e: React.FocusEvent<HTMLDivElement>, index: number) => void;
+    onMouseEnter: (e: React.MouseEvent<HTMLDivElement>, index: number) => void;
+    render?: (origin: React.ReactElement<React.HTMLAttributes<HTMLDivElement>>, props: RenderProps) => React.ReactElement;
+    onChangeComplete?: () => void;
+    mock?: boolean;
+}
+declare const Handle: React.ForwardRefExoticComponent<HandleProps & React.RefAttributes<HTMLDivElement>>;
+export default Handle;

node_modules/rc-slider/es/Handles/Handle.js

@@ -0,0 +1,164 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["prefixCls", "value", "valueIndex", "onStartMove", "onDelete", "style", "render", "dragging", "draggingDelete", "onOffsetChange", "onChangeComplete", "onFocus", "onMouseEnter"];
+import cls from 'classnames';
+import KeyCode from "rc-util/es/KeyCode";
+import * as React from 'react';
+import SliderContext from "../context";
+import { getDirectionStyle, getIndex } from "../util";
+var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var prefixCls = props.prefixCls,
+    value = props.value,
+    valueIndex = props.valueIndex,
+    onStartMove = props.onStartMove,
+    onDelete = props.onDelete,
+    style = props.style,
+    render = props.render,
+    dragging = props.dragging,
+    draggingDelete = props.draggingDelete,
+    onOffsetChange = props.onOffsetChange,
+    onChangeComplete = props.onChangeComplete,
+    onFocus = props.onFocus,
+    onMouseEnter = props.onMouseEnter,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(SliderContext),
+    min = _React$useContext.min,
+    max = _React$useContext.max,
+    direction = _React$useContext.direction,
+    disabled = _React$useContext.disabled,
+    keyboard = _React$useContext.keyboard,
+    range = _React$useContext.range,
+    tabIndex = _React$useContext.tabIndex,
+    ariaLabelForHandle = _React$useContext.ariaLabelForHandle,
+    ariaLabelledByForHandle = _React$useContext.ariaLabelledByForHandle,
+    ariaRequired = _React$useContext.ariaRequired,
+    ariaValueTextFormatterForHandle = _React$useContext.ariaValueTextFormatterForHandle,
+    styles = _React$useContext.styles,
+    classNames = _React$useContext.classNames;
+  var handlePrefixCls = "".concat(prefixCls, "-handle");
+
+  // ============================ Events ============================
+  var onInternalStartMove = function onInternalStartMove(e) {
+    if (!disabled) {
+      onStartMove(e, valueIndex);
+    }
+  };
+  var onInternalFocus = function onInternalFocus(e) {
+    onFocus === null || onFocus === void 0 || onFocus(e, valueIndex);
+  };
+  var onInternalMouseEnter = function onInternalMouseEnter(e) {
+    onMouseEnter(e, valueIndex);
+  };
+
+  // =========================== Keyboard ===========================
+  var onKeyDown = function onKeyDown(e) {
+    if (!disabled && keyboard) {
+      var offset = null;
+
+      // Change the value
+      switch (e.which || e.keyCode) {
+        case KeyCode.LEFT:
+          offset = direction === 'ltr' || direction === 'btt' ? -1 : 1;
+          break;
+        case KeyCode.RIGHT:
+          offset = direction === 'ltr' || direction === 'btt' ? 1 : -1;
+          break;
+
+        // Up is plus
+        case KeyCode.UP:
+          offset = direction !== 'ttb' ? 1 : -1;
+          break;
+
+        // Down is minus
+        case KeyCode.DOWN:
+          offset = direction !== 'ttb' ? -1 : 1;
+          break;
+        case KeyCode.HOME:
+          offset = 'min';
+          break;
+        case KeyCode.END:
+          offset = 'max';
+          break;
+        case KeyCode.PAGE_UP:
+          offset = 2;
+          break;
+        case KeyCode.PAGE_DOWN:
+          offset = -2;
+          break;
+        case KeyCode.BACKSPACE:
+        case KeyCode.DELETE:
+          onDelete === null || onDelete === void 0 || onDelete(valueIndex);
+          break;
+      }
+      if (offset !== null) {
+        e.preventDefault();
+        onOffsetChange(offset, valueIndex);
+      }
+    }
+  };
+  var handleKeyUp = function handleKeyUp(e) {
+    switch (e.which || e.keyCode) {
+      case KeyCode.LEFT:
+      case KeyCode.RIGHT:
+      case KeyCode.UP:
+      case KeyCode.DOWN:
+      case KeyCode.HOME:
+      case KeyCode.END:
+      case KeyCode.PAGE_UP:
+      case KeyCode.PAGE_DOWN:
+        onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete();
+        break;
+    }
+  };
+
+  // ============================ Offset ============================
+  var positionStyle = getDirectionStyle(direction, value, min, max);
+
+  // ============================ Render ============================
+  var divProps = {};
+  if (valueIndex !== null) {
+    var _getIndex;
+    divProps = {
+      tabIndex: disabled ? null : getIndex(tabIndex, valueIndex),
+      role: 'slider',
+      'aria-valuemin': min,
+      'aria-valuemax': max,
+      'aria-valuenow': value,
+      'aria-disabled': disabled,
+      'aria-label': getIndex(ariaLabelForHandle, valueIndex),
+      'aria-labelledby': getIndex(ariaLabelledByForHandle, valueIndex),
+      'aria-required': getIndex(ariaRequired, valueIndex),
+      'aria-valuetext': (_getIndex = getIndex(ariaValueTextFormatterForHandle, valueIndex)) === null || _getIndex === void 0 ? void 0 : _getIndex(value),
+      'aria-orientation': direction === 'ltr' || direction === 'rtl' ? 'horizontal' : 'vertical',
+      onMouseDown: onInternalStartMove,
+      onTouchStart: onInternalStartMove,
+      onFocus: onInternalFocus,
+      onMouseEnter: onInternalMouseEnter,
+      onKeyDown: onKeyDown,
+      onKeyUp: handleKeyUp
+    };
+  }
+  var handleNode = /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: cls(handlePrefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(handlePrefixCls, "-").concat(valueIndex + 1), valueIndex !== null && range), "".concat(handlePrefixCls, "-dragging"), dragging), "".concat(handlePrefixCls, "-dragging-delete"), draggingDelete), classNames.handle),
+    style: _objectSpread(_objectSpread(_objectSpread({}, positionStyle), style), styles.handle)
+  }, divProps, restProps));
+
+  // Customize
+  if (render) {
+    handleNode = render(handleNode, {
+      index: valueIndex,
+      prefixCls: prefixCls,
+      value: value,
+      dragging: dragging,
+      draggingDelete: draggingDelete
+    });
+  }
+  return handleNode;
+});
+if (process.env.NODE_ENV !== 'production') {
+  Handle.displayName = 'Handle';
+}
+export default Handle;

node_modules/rc-slider/es/Handles/index.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { OnStartMove } from '../interface';
+import type { HandleProps } from './Handle';
+export interface HandlesProps {
+    prefixCls: string;
+    style?: React.CSSProperties | React.CSSProperties[];
+    values: number[];
+    onStartMove: OnStartMove;
+    onOffsetChange: (value: number | 'min' | 'max', valueIndex: number) => void;
+    onFocus?: (e: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;
+    onDelete?: (index: number) => void;
+    handleRender?: HandleProps['render'];
+    /**
+     * When config `activeHandleRender`,
+     * it will render another hidden handle for active usage.
+     * This is useful for accessibility or tooltip usage.
+     */
+    activeHandleRender?: HandleProps['render'];
+    draggingIndex: number;
+    draggingDelete: boolean;
+    onChangeComplete?: () => void;
+}
+export interface HandlesRef {
+    focus: (index: number) => void;
+    hideHelp: VoidFunction;
+}
+declare const Handles: React.ForwardRefExoticComponent<HandlesProps & React.RefAttributes<HandlesRef>>;
+export default Handles;

node_modules/rc-slider/es/Handles/index.js

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["prefixCls", "style", "onStartMove", "onOffsetChange", "values", "handleRender", "activeHandleRender", "draggingIndex", "draggingDelete", "onFocus"];
+import * as React from 'react';
+import { flushSync } from 'react-dom';
+import { getIndex } from "../util";
+import Handle from "./Handle";
+var Handles = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var prefixCls = props.prefixCls,
+    style = props.style,
+    onStartMove = props.onStartMove,
+    onOffsetChange = props.onOffsetChange,
+    values = props.values,
+    handleRender = props.handleRender,
+    activeHandleRender = props.activeHandleRender,
+    draggingIndex = props.draggingIndex,
+    draggingDelete = props.draggingDelete,
+    onFocus = props.onFocus,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var handlesRef = React.useRef({});
+
+  // =========================== Active ===========================
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activeVisible = _React$useState2[0],
+    setActiveVisible = _React$useState2[1];
+  var _React$useState3 = React.useState(-1),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeIndex = _React$useState4[0],
+    setActiveIndex = _React$useState4[1];
+  var onActive = function onActive(index) {
+    setActiveIndex(index);
+    setActiveVisible(true);
+  };
+  var onHandleFocus = function onHandleFocus(e, index) {
+    onActive(index);
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  };
+  var onHandleMouseEnter = function onHandleMouseEnter(e, index) {
+    onActive(index);
+  };
+
+  // =========================== Render ===========================
+  React.useImperativeHandle(ref, function () {
+    return {
+      focus: function focus(index) {
+        var _handlesRef$current$i;
+        (_handlesRef$current$i = handlesRef.current[index]) === null || _handlesRef$current$i === void 0 || _handlesRef$current$i.focus();
+      },
+      hideHelp: function hideHelp() {
+        flushSync(function () {
+          setActiveVisible(false);
+        });
+      }
+    };
+  });
+
+  // =========================== Render ===========================
+  // Handle Props
+  var handleProps = _objectSpread({
+    prefixCls: prefixCls,
+    onStartMove: onStartMove,
+    onOffsetChange: onOffsetChange,
+    render: handleRender,
+    onFocus: onHandleFocus,
+    onMouseEnter: onHandleMouseEnter
+  }, restProps);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, values.map(function (value, index) {
+    var dragging = draggingIndex === index;
+    return /*#__PURE__*/React.createElement(Handle, _extends({
+      ref: function ref(node) {
+        if (!node) {
+          delete handlesRef.current[index];
+        } else {
+          handlesRef.current[index] = node;
+        }
+      },
+      dragging: dragging,
+      draggingDelete: dragging && draggingDelete,
+      style: getIndex(style, index),
+      key: index,
+      value: value,
+      valueIndex: index
+    }, handleProps));
+  }), activeHandleRender && activeVisible && /*#__PURE__*/React.createElement(Handle, _extends({
+    key: "a11y"
+  }, handleProps, {
+    value: values[activeIndex],
+    valueIndex: null,
+    dragging: draggingIndex !== -1,
+    draggingDelete: draggingDelete,
+    render: activeHandleRender,
+    style: {
+      pointerEvents: 'none'
+    },
+    tabIndex: null,
+    "aria-hidden": true
+  })));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Handles.displayName = 'Handles';
+}
+export default Handles;