alm-search-01/dist/components/Counter/Counter.js

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

"use strict";

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

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

var _styles = require("@material-ui/core/styles");

var _core = require("@material-ui/core");

var _AddBoxRounded = _interopRequireDefault(require("@material-ui/icons/AddBoxRounded"));

var _IndeterminateCheckBoxRounded = _interopRequireDefault(require("@material-ui/icons/IndeterminateCheckBoxRounded"));

var _brandStyles = _interopRequireDefault(require("../../utils/brandStyles"));

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

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    container: {
      alignItems: 'center',
      display: 'flex',
      justifyContent: 'center'
    },
    listItem: {
      padding: 0
    },
    listText: {
      width: 20,
      textAlign: 'center',
      fontWeight: '500',
      fontSize: '18px',
      paddingRight: theme.spacing(2),
      paddingLeft: theme.spacing(2),
      color: '#333'
    },
    iconButton: {
      padding: 0
    },
    icon: {
      minWidth: 'inherit'
    },
    iconColor: {
      color: function color(getBrandStyles) {
        return getBrandStyles.colorTwo;
      },
      fontSize: 36
    },
    disabledIconColor: {
      color: function color(getBrandStyles) {
        return getBrandStyles.iconDisColor;
      },
      fontSize: 36,
      opacity: '.3'
    }
  };
});

var Counter = function Counter(_ref) {
  var count = _ref.count,
      leftLabel = _ref.leftLabel,
      rightLabel = _ref.rightLabel,
      isMinDisabled = _ref.isMinDisabled,
      isMaxDisabled = _ref.isMaxDisabled,
      onRemove = _ref.onRemove,
      onAdd = _ref.onAdd,
      brand = _ref.brand;
  // console.log('count, isMinDisabled, isMaxDisabled, onRemove, onAdd');
  // console.log(count, isMinDisabled, isMaxDisabled, onRemove, onAdd);
  var classes = useStyles((0, _brandStyles.default)(brand));
  return _react.default.createElement(_core.List, null, _react.default.createElement(_core.ListItem, {
    classes: {
      root: classes.listItem
    }
  }, leftLabel ? leftLabel + ' ' : '', _react.default.createElement(_core.ListItemIcon, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_core.IconButton, {
    disabled: isMinDisabled,
    onClick: onRemove,
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_IndeterminateCheckBoxRounded.default, {
    classes: {
      root: isMinDisabled ? classes.disabledIconColor : classes.iconColor
    }
  }))), _react.default.createElement(_core.ListItemText, {
    classes: {
      primary: classes.listText
    },
    primary: count
  }), _react.default.createElement(_core.ListItemIcon, {
    classes: {
      root: classes.icon
    }
  }, _react.default.createElement(_core.IconButton, {
    disabled: isMaxDisabled,
    onClick: onAdd,
    classes: {
      root: classes.iconButton
    }
  }, _react.default.createElement(_AddBoxRounded.default, {
    classes: {
      root: isMaxDisabled ? classes.disabledIconColor : classes.iconColor
    }
  }))), rightLabel ? ' ' + rightLabel : ''));
};

var _default = Counter;
exports.default = _default;