@zohodesk/dot/lib/v1/list/SecondryPanel/SecondryPanel.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SecondryPanelItem = SecondryPanelItem;
exports.SecondryPanelLI = SecondryPanelLI;
exports.SecondryPanelUL = SecondryPanelUL;
exports["default"] = SecondryPanel;

var _react = _interopRequireDefault(require("react"));

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _Layout = require("@zohodesk/components/es/v1/Layout");

var _Dot = _interopRequireDefault(require("../Dot/Dot"));

var _SecondryPanelModule = _interopRequireDefault(require("../../../list/SecondryPanel/SecondryPanel.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/**** Libraries ****/

/**** Components ****/

/**** CSS ****/
function SecondryPanel(props) {
  var children = props.children,
      className = props.className;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: className
  }, children);
}

SecondryPanel.propTypes = _propTypes.SecondryPanel_propTypes;
SecondryPanel.defaultProps = _defaultProps.SecondryPanel_defaultProps;

function SecondryPanelUL(props) {
  var children = props.children,
      className = props.className,
      dataId = props.dataId,
      align = props.align;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    isInline: true,
    isCover: false,
    alignBox: "row",
    align: align,
    className: "".concat(_SecondryPanelModule["default"].listItemContainer, " ").concat(className),
    dataId: dataId
  }, children);
}

SecondryPanelUL.propTypes = _propTypes.SecondryPanelUL_propTypes;
SecondryPanelUL.defaultProps = _defaultProps.SecondryPanelUL_defaultProps;

function SecondryPanelLI(props) {
  var children = props.children,
      className = props.className,
      isShrink = props.isShrink,
      dataId = props.dataId;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    flexible: true,
    dataId: dataId // eslint-disable-next-line react/forbid-component-props
    ,
    className: className,
    adjust: true,
    shrink: isShrink ? true : false
  }, children);
}

SecondryPanelLI.propTypes = _propTypes.SecondryPanelLI_propTypes;
SecondryPanelLI.defaultProps = _defaultProps.SecondryPanelLI_defaultProps;

function SecondryPanelItem(props) {
  var children = props.children,
      className = props.className,
      dotClass = props.dotClass,
      isDot = props.isDot,
      flex = props.flex,
      clipped = props.clipped,
      dotSpacingType = props.dotSpacingType,
      title = props.title;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    align: "baseline",
    isInline: flex ? false : true,
    className: className,
    "data-title": title,
    alignBox: "row"
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    flexible: true,
    shrink: clipped,
    className: "".concat(clipped ? _SecondryPanelModule["default"].dottedStyle : '')
  }, children), isDot ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Dot["default"] // eslint-disable-next-line react/forbid-component-props
  , {
    className: "".concat(dotClass ? dotClass : ''),
    spacingType: dotSpacingType
  })) : null);
}

SecondryPanelItem.propTypes = _propTypes.SecondryPanelItem_propTypes;
SecondryPanelItem.defaultProps = _defaultProps.SecondryPanelItem_defaultProps;