@wulperstudio/cms/node/organisms/GenerateGroups/GenerateGroups.js

Wulper Studio Library Components CMS

"use strict";

var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
/* eslint-disable react/no-array-index-key */

var GenerateGroups = function GenerateGroups(_ref) {
  var _ref$position = _ref.position,
    position = _ref$position === void 0 ? 'right' : _ref$position,
    title = _ref.title,
    TitleProps = _ref.TitleProps,
    selectors = _ref.selectors,
    AddComponent = _ref.AddComponent,
    onClickAdd = _ref.onClickAdd,
    onChange = _ref.onChange,
    rootProps = _ref.rootProps,
    rootSelectorsProps = _ref.rootSelectorsProps,
    wrapSelectorProps = _ref.wrapSelectorProps;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Root, Object.assign({}, rootProps, {
    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({
      fontSize: "14px",
      lineHeight: "18px",
      color: "typography.main"
    }, TitleProps, {
      children: title
    })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.RootSelectors, Object.assign({}, rootSelectorsProps, {
      children: [position === 'left' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "left",
        onClick: function onClick() {
          if (onClickAdd) onClickAdd();
        },
        children: AddComponent
      }), selectors == null ? void 0 : selectors.map(function (selector, index) {
        return /*#__PURE__*/(0, _react.createElement)(_styled.WrapSelector, Object.assign({}, wrapSelectorProps, {
          key: index,
          onClick: function onClick() {
            if (onChange) {
              onChange(index);
            }
          }
        }), selector);
      }), position === 'right' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "right",
        onClick: function onClick() {
          if (onClickAdd) onClickAdd();
        },
        children: AddComponent
      })]
    }))]
  }));
};
var _default = exports["default"] = GenerateGroups;