@gechiui/components/build/range-control/input-range.js

UI components for GeChiUI.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@gechiui/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _lodash = require("lodash");

var _rangeControlStyles = require("./styles/range-control-styles");

var _utils = require("./utils");

// @ts-nocheck

/**
 * External dependencies
 */

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function InputRange(_ref, ref) {
  let {
    describedBy,
    label,
    onHideTooltip = _lodash.noop,
    onMouseLeave = _lodash.noop,
    onMouseMove = _lodash.noop,
    onShowTooltip = _lodash.noop,
    value,
    ...props
  } = _ref;
  const hoverInteractions = (0, _utils.useDebouncedHoverInteraction)({
    onHide: onHideTooltip,
    onMouseLeave,
    onMouseMove,
    onShow: onShowTooltip
  });
  return (0, _element.createElement)(_rangeControlStyles.InputRange, (0, _extends2.default)({}, props, hoverInteractions, {
    "aria-describedby": describedBy,
    "aria-label": label,
    "aria-hidden": false,
    ref: ref,
    tabIndex: 0,
    type: "range",
    value: value
  }));
}

const ForwardedComponent = (0, _element.forwardRef)(InputRange);
var _default = ForwardedComponent;
exports.default = _default;
//# sourceMappingURL=input-range.js.map