@sberdevices/plasma-temple/dist/components/Cart/CartItem/CartItem.js

SberDevices CanvasApp Templates.

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

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

var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));

var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));

var _plasmaUi = /*#__PURE__*/require("@sberdevices/plasma-ui");

var _CartItemImage = /*#__PURE__*/require("../CartItemImage/CartItemImage");

var _CartItemDetails = /*#__PURE__*/require("../CartItemDetails/CartItemDetails");

var _CartItemQuantityButton = /*#__PURE__*/require("../CartItemQuantityButton/CartItemQuantityButton");

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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  componentId: "plasma-temple__sc-rdt91p-0"
})(["display:flex;align-items:center;margin-top:0.5rem;margin-bottom:1rem;", " ", ""], /*#__PURE__*/(0, _plasmaUi.mediaQuery)('M', 2)( /*#__PURE__*/(0, _styledComponents.css)(["margin-top:0.375rem;margin-bottom:0.75rem;"])), /*#__PURE__*/(0, _plasmaUi.mediaQuery)('S', 1)( /*#__PURE__*/(0, _styledComponents.css)(["margin-top:0;margin-bottom:1.25rem;"])));

var StyledImageContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  componentId: "plasma-temple__sc-rdt91p-1"
})(["margin-right:1rem;height:4rem;width:4rem;opacity:", ";", " ", ""], function (_ref) {
  var disabled = _ref.disabled;
  return disabled ? 0.24 : 1;
}, /*#__PURE__*/(0, _plasmaUi.mediaQuery)('M', 2)( /*#__PURE__*/(0, _styledComponents.css)(["margin-right:0.375rem;height:3rem;width:3rem;"])), /*#__PURE__*/(0, _plasmaUi.mediaQuery)('S', 1)( /*#__PURE__*/(0, _styledComponents.css)(["margin-right:0.75rem;height:3.5rem;width:3.5rem;"])));

var StyledDetailsContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
  componentId: "plasma-temple__sc-rdt91p-2"
})(["flex:1;overflow:hidden;margin-right:0.5rem;opacity:", ";", ""], function (_ref2) {
  var disabled = _ref2.disabled;
  return disabled ? 0.24 : 1;
}, /*#__PURE__*/(0, _plasmaUi.mediaQuery)('S', 1)( /*#__PURE__*/(0, _styledComponents.css)(["margin-right:0.75rem;"])));

function CartItemComponent(_ref3) {
  var item = _ref3.item,
      index = _ref3.index,
      currency = _ref3.currency,
      plusDisabled = _ref3.plusDisabled,
      withBadge = _ref3.withBadge,
      defaultImage = _ref3.defaultImage,
      onPlus = _ref3.onPlus,
      onMinus = _ref3.onMinus,
      onRemove = _ref3.onRemove,
      onItemClick = _ref3.onImageClick,
      className = _ref3.className,
      imageComponent = _ref3.imageComponent,
      detailsComponent = _ref3.detailsComponent,
      quantityButtonComponent = _ref3.quantityButtonComponent;
  var Image = imageComponent !== null && imageComponent !== void 0 ? imageComponent : _CartItemImage.CartItemImage;
  var Details = detailsComponent !== null && detailsComponent !== void 0 ? detailsComponent : _CartItemDetails.CartItemDetails;
  var QuantityButton = quantityButtonComponent !== null && quantityButtonComponent !== void 0 ? quantityButtonComponent : _CartItemQuantityButton.CartItemQuantityButton;
  return /*#__PURE__*/_react["default"].createElement(StyledContainer, {
    className: className,
    "data-cy": "CartItem"
  }, /*#__PURE__*/_react["default"].createElement(StyledImageContainer, {
    disabled: item.disabled
  }, /*#__PURE__*/_react["default"].createElement(Image, {
    index: index,
    item: item,
    withBadge: withBadge,
    defaultImage: defaultImage,
    onClick: onItemClick
  })), /*#__PURE__*/_react["default"].createElement(StyledDetailsContainer, {
    disabled: item.disabled
  }, /*#__PURE__*/_react["default"].createElement(Details, {
    item: item,
    currency: currency
  })), /*#__PURE__*/_react["default"].createElement(QuantityButton, {
    item: item,
    plusDisabled: plusDisabled,
    onPlus: onPlus,
    onMinus: onMinus,
    onRemove: onRemove
  }));
}
/** Компонент отдельной позиции в корзине */


var CartItem = /*#__PURE__*/_react["default"].memo(CartItemComponent);

exports.CartItem = CartItem;
//# sourceMappingURL=CartItem.js.map