@kiwicom/orbit-components/lib/Stepper/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = exports.StepperStateless = void 0;
var React = _interopRequireWildcard(require("react"));
var _StepperStateless = _interopRequireDefault(require("./StepperStateless"));
exports.StepperStateless = _StepperStateless.default;
var _validateIncrement = _interopRequireDefault(require("../utils/validateIncrement"));
var _validateDecrement = _interopRequireDefault(require("../utils/validateDecrement"));
var _useStateWithCallback = _interopRequireDefault(require("../hooks/useStateWithCallback"));
const Stepper = ({
  onChange,
  defaultValue = 0,
  maxWidth = 108,
  ...props
}) => {
  const [value, setValue] = (0, _useStateWithCallback.default)(defaultValue, onChange);
  const incrementCounter = () => {
    const {
      maxValue = Number.POSITIVE_INFINITY,
      step = 1
    } = props;
    setValue((0, _validateIncrement.default)({
      value,
      maxValue,
      step
    }));
  };
  const decrementCounter = () => {
    const {
      minValue = Number.NEGATIVE_INFINITY,
      step = 1
    } = props;
    setValue((0, _validateDecrement.default)({
      value,
      minValue,
      step
    }));
  };
  const handleKeyDown = ev => {
    if (ev.keyCode === 40) {
      ev.preventDefault();
      decrementCounter();
    }
    if (ev.keyCode === 38) {
      ev.preventDefault();
      incrementCounter();
    }
  };
  const {
    onBlur,
    onFocus,
    disabled,
    name,
    dataTest,
    id,
    minValue,
    maxValue,
    titleIncrement,
    titleDecrement,
    active
  } = props;
  return /*#__PURE__*/React.createElement(_StepperStateless.default, {
    onKeyDown: handleKeyDown,
    maxWidth: maxWidth,
    onIncrement: incrementCounter,
    onDecrement: decrementCounter,
    minValue: minValue,
    maxValue: maxValue,
    onFocus: onFocus,
    onBlur: onBlur,
    active: active,
    disabled: disabled,
    dataTest: dataTest,
    id: id,
    value: value,
    name: name,
    titleIncrement: titleIncrement,
    titleDecrement: titleDecrement
  });
};
var _default = Stepper;
exports.default = _default;