@carbon/ibm-security/lib/components/TypeLayout/TypeLayout.js

Carbon for Cloud & Cognitive IBM Security UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.namespace = exports.TypeLayoutRow = exports.TypeLayoutCell = exports.TypeLayoutBody = exports.TypeLayout = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classnames2 = _interopRequireDefault(require("classnames"));
var _propTypes = require("prop-types");
var _react = _interopRequireDefault(require("react"));
var _namespace = require("../../globals/namespace");
var _propTypes2 = _interopRequireDefault(require("../../globals/prop-types"));
var _StructuredList = require("../StructuredList");
var _excluded = ["border", "bordered", "children", "className", "size"],
  _excluded2 = ["children", "className"],
  _excluded3 = ["children", "className"],
  _excluded4 = ["children", "className"];
/**
 * @file Type layout.
 * @copyright IBM Security 2019 - 2021
 */
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var namespace = exports.namespace = (0, _namespace.getComponentNamespace)('type-layout__container');

// TODO: `2.x` - Remove deprecated prop `bordered`.

/**
 * Type layouts provide an orderly layout of terms and definitions.
 */
var TypeLayout = exports.TypeLayout = function TypeLayout(_ref) {
  var border = _ref.border,
    bordered = _ref.bordered,
    children = _ref.children,
    className = _ref.className,
    size = _ref.size,
    other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_StructuredList.StructuredListWrapper, (0, _extends2.default)({
    className: (0, _classnames2.default)(namespace, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(namespace, "--bordered"), border || bordered), "".concat(namespace, "--").concat(size), size), className)
  }, other), children);
};
var TypeLayoutBody = exports.TypeLayoutBody = function TypeLayoutBody(_ref2) {
  var children = _ref2.children,
    className = _ref2.className,
    other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
  return /*#__PURE__*/_react.default.createElement(_StructuredList.StructuredListBody, (0, _extends2.default)({
    className: (0, _classnames2.default)("".concat(namespace, "__body"), className)
  }, other), children);
};
var TypeLayoutCell = exports.TypeLayoutCell = function TypeLayoutCell(_ref3) {
  var children = _ref3.children,
    className = _ref3.className,
    other = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
  return /*#__PURE__*/_react.default.createElement(_StructuredList.StructuredListCell, (0, _extends2.default)({
    className: (0, _classnames2.default)("".concat(namespace, "__cell"), className),
    tabIndex: "-1"
  }, other), children);
};
var TypeLayoutRow = exports.TypeLayoutRow = function TypeLayoutRow(_ref4) {
  var children = _ref4.children,
    className = _ref4.className,
    other = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
  return /*#__PURE__*/_react.default.createElement(_StructuredList.StructuredListRow, (0, _extends2.default)({
    className: (0, _classnames2.default)("".concat(namespace, "__row"), className),
    role: "row"
  }, other), children);
};
var propTypes = {
  /** Provide the contents of the node */
  children: _propTypes.node,
  /** Provide an optional class to be applied to the containing node */
  className: _propTypes.string
};
TypeLayout.propTypes = _objectSpread(_objectSpread({}, propTypes), {}, {
  /** Specify if the type layout has a border */
  border: _propTypes.bool,
  /** Deprecated in favor of `border` */
  bordered: (0, _propTypes2.default)('border', _propTypes.bool),
  /** Specify the size of the type layout, from a list of available sizes */
  size: (0, _propTypes.oneOf)(['xs', 'sm', 'md', 'lg'])
});
var defaultProps = {
  children: null,
  className: null
};
TypeLayout.defaultProps = _objectSpread(_objectSpread({}, defaultProps), {}, {
  border: false,
  bordered: null,
  size: 'md'
});
TypeLayoutBody.propTypes = propTypes;
TypeLayoutBody.defaultProps = defaultProps;
TypeLayoutCell.propTypes = propTypes;
TypeLayoutCell.defaultProps = defaultProps;
TypeLayoutRow.propTypes = propTypes;
TypeLayoutRow.defaultProps = defaultProps;