@zohodesk/components/lib/v1/Heading/Heading.js

In this Package, we Provide Some Basic Components to Build Web App

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Heading;

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

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

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

var _cssUtils = require("../../utils/cssUtils");

var _HeadingModule = _interopRequireDefault(require("../../Heading/Heading.module.css"));

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

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function Heading(props) {
  var tagName = props.tagName,
      className = props.className,
      onClick = props.onClick,
      onDoubleClick = props.onDoubleClick,
      title = props.title,
      dataTitle = props.dataTitle,
      dataId = props.dataId,
      a11y = props.a11y,
      whiteSpace = props.whiteSpace;
  return /*#__PURE__*/_react["default"].createElement(tagName, _objectSpread({
    className: "".concat(_HeadingModule["default"].reset, " ").concat(whiteSpace ? _cssUtils.whiteSpaceClassMapping[whiteSpace] : '', " ").concat(className),
    onClick: onClick,
    onDoubleClick: onDoubleClick,
    'data-title': dataTitle || title,
    'data-id': dataId,
    'data-test-id': dataId,
    'data-title-wrap': whiteSpace
  }, a11y), title);
}

Heading.propTypes = _propTypes.propTypes;
Heading.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
//   Heading.docs = {
//     folderName: 'Style Guide',
//     componentGroup: 'Accessibility'
//   };
// }