@parkassist/pa-ui-library/dist/components/PaginationInput/index.js

INX Platform elements

var __rest = this && this.__rest || function (s, e) {
  var t = {};
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};
import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import NumberFormatCustom from '../MaterialInput/Utils/components/InputNumberFormat';
import { MaterialInput } from '../../index';
function PaginationInput(_a) {
  var {
      total,
      onChange
    } = _a,
    rest = __rest(_a, ["total", "onChange"]);
  const suffix = `/${total}`;
  const getValue = event => {
    let value = event.target.value.split(suffix)[0];
    if (value < 1) {
      value = 1;
    }
    if (value > total) {
      value = total;
    }
    return value;
  };
  return _jsx(MaterialInput, Object.assign({}, rest, {
    onBlur: event => {
      const value = getValue(event);
      onChange(value);
    },
    onKeyDown: event => {
      if (event.keyCode === 13) {
        const value = getValue(event);
        onChange(value);
      }
    },
    inputProps: {
      suffix: suffix,
      allowNegative: false
    },
    InputProps: {
      inputComponent: NumberFormatCustom
    }
  }));
}
export default PaginationInput;