@wulperstudio/cms/node/components/WTabs/WTabs.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _uuid = require("uuid");
var _material = require("@mui/material");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["children", "value", "index"];
// Se remueve de la exportacion
function TabPanel(props) {
  var children = props.children,
    value = props.value,
    index = props.index,
    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
    role: "tabpanel",
    hidden: value !== index,
    id: "vertical-tabpanel-".concat(index),
    "aria-labelledby": "vertical-tab-".concat(index)
  }, other.containerProps, {
    children: value === index && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
      sx: {
        pt: 3
      }
    }, other.childrenProps, {
      children: children
    }))
  }));
}
var WTabs = function WTabs(_ref) {
  var tabs = _ref.tabs,
    tabsProps = _ref.tabsProps,
    tabProps = _ref.tabProps,
    tabPanelProps = _ref.tabPanelProps;
  var _React$useState = _react["default"].useState(0),
    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
    value = _React$useState2[0],
    setValue = _React$useState2[1];
  var handleChange = function handleChange(event, newValue) {
    setValue(newValue);
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.StyledTabs, Object.assign({
      value: value,
      onChange: handleChange
    }, tabsProps, {
      children: tabs.map(function (_ref2) {
        var label = _ref2.label;
        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.StyledTab, Object.assign({
          label: label
        }, tabProps), (0, _uuid.v4)());
      })
    })), tabs.map(function (_ref3, i) {
      var items = _ref3.items;
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanel, Object.assign({
        value: value,
        index: i
      }, tabPanelProps, {
        children: items
      }), (0, _uuid.v4)());
    })]
  });
};
var _default = exports["default"] = WTabs;