react-mui-counter/Counter.js

React Material Counter

"use strict";

require("core-js/modules/es.object.assign.js");

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

require("core-js/modules/web.dom-collections.iterator.js");

var _react = _interopRequireWildcard(require("react"));

var _material = require("@mui/material");

var _iconsMaterial = require("@mui/icons-material");

var _propTypes = _interopRequireDefault(require("prop-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

const Counter = props => {
  const [value, setValue] = (0, _react.useState)(props.value);

  const handleClick = (event, action) => {
    action === "add" ? setValue(prevValue => {
      let val = prevValue + 1;
      props.onChange && props.onChange(val);
      return val;
    }) : setValue(prevValue => {
      let val = prevValue === 0 ? 0 : prevValue - 1;
      props.onChange && props.onChange(val);
      return val;
    });
  };

  return /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, props, {
    value: value,
    sx: props.sx,
    size: props.size,
    InputProps: {
      inputProps: {
        style: {
          textAlign: "center"
        }
      },
      readOnly: true,
      startAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
        position: "start"
      }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
        edge: "start",
        color: "success",
        disabled: props.disabled,
        onClick: e => handleClick(e, "add")
      }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.AddCircle, null))),
      endAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
        position: "end"
      }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
        edge: "end",
        color: "error",
        disabled: props.disabled || value === 0,
        onClick: e => handleClick(e, "subtract")
      }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.RemoveCircle, null)))
    }
  }));
};

Counter.propTypes = {
  value: _propTypes.default.number,
  onChange: _propTypes.default.func,
  sx: _propTypes.default.object,
  size: _propTypes.default.oneOf(['small', 'normal']),
  disabled: _propTypes.default.bool
};
Counter.defaultProps = {
  value: 0,
  onChange: null,
  sx: {},
  size: 'normal',
  disabled: false
};
var _default = Counter;
exports.default = _default;