@wulperstudio/cms/node/base/renderTagVariants/renderTagVariants.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RenderTextTotal = exports.RenderTagChipAvatar = exports.RenderTagChip = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _Chip = require("../../components/Chip");
var _jsxRuntime = require("react/jsx-runtime");
/* eslint-disable react/no-unused-prop-types */

var RenderTextTotal = exports.RenderTextTotal = function RenderTextTotal(_ref) {
  var total = _ref.total,
    setShowPlaceholder = _ref.setShowPlaceholder;
  _react["default"].useEffect(function () {
    if (total > 0) {
      setShowPlaceholder(false);
    } else {
      setShowPlaceholder(true);
    }
    return function () {
      setShowPlaceholder(true);
    };
  }, [total, setShowPlaceholder]);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
    children: [total, ' ', "selected"]
  });
};
var RenderTagChip = exports.RenderTagChip = function RenderTagChip(_ref2) {
  var label = _ref2.label;
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
    size: "medium",
    label: label,
    chipProps: {
      sx: {
        color: theme.palette.primary.main,
        backgroundColor: theme.palette.primary.light,
        fontSize: '16px',
        fontWeight: '500',
        mr: 1
      }
    }
  });
};
var RenderTagChipAvatarBase = function RenderTagChipAvatarBase(_ref3) {
  var label = _ref3.label,
    avatarImg = _ref3.avatarImg,
    ref = _ref3.ref,
    _AvatarProps = _ref3.AvatarProps;
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
    size: "medium",
    label: label,
    chipProps: {
      avatar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, Object.assign({
        alt: "user",
        src: avatarImg
      }, _AvatarProps)),
      ref: ref,
      sx: {
        color: theme.palette.primary.main,
        fontSize: '12px',
        fontWeight: '500',
        mr: 1,
        backgroundColor: theme.palette.primary.light
      }
    }
  });
};
var RenderTagChipAvatar = exports.RenderTagChipAvatar = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderTagChipAvatarBase, Object.assign({}, props, {
    ref: ref
  }));
});