@wulperstudio/cms/node/components/IconButtonOutput/IconButtonOutput.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _IconButtonComponent = require("../IconButtonComponent");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["type"];
/* eslint-disable react/no-array-index-key */
/* eslint-disable react/prop-types */
var IconButtonOutput = function IconButtonOutput(props) {
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Box, {
    showBorder: props.showBorder,
    backgroundColor: props.backgroundColor,
    showBoxShadow: props.showBoxShadow,
    showDivider: props.showDivider,
    children: [props.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Label, {
      children: props.label
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, Object.assign({
      direction: "row",
      spacing: "10px",
      sx: {
        width: '100%',
        overflow: 'auto',
        p: 1
      }
    }, props.BoxIconsProps, {
      children: props.listIcon && props.listIcon.map(function (_ref, i) {
        var _ref$type = _ref.type,
          type = _ref$type === void 0 ? 'url' : _ref$type,
          item = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
          children: [type === 'url' && /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
            href: item.url,
            target: "_blank",
            rel: "noreferrer",
            style: {
              textDecoration: 'none',
              color: 'unset'
            },
            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
              iconProps: Object.assign({
                onClick: item.onClick,
                sx: {
                  boxShadow: theme.shadows[1]
                }
              }, props.iconProps, item.iconProps),
              children: item.icon
            })
          }), type === 'button' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
            iconProps: Object.assign({
              onClick: item.onClick,
              sx: {
                boxShadow: theme.shadows[1]
              }
            }, props.iconProps, item.iconProps),
            children: item.icon
          })]
        }, i);
      })
    }))]
  });
};
var _default = exports["default"] = IconButtonOutput;