@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
77 lines (63 loc) • 2.59 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _mediaObject = _interopRequireDefault(require("../../../media-object"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */
/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
var displayName = 'PageHeaderObjectHome';
var propTypes = {
/**
* Content to appear on the right hand side of the page header
* 'contentRight' prop will be deprecated soon, instead use 'onRenderActions'
*/
contentRight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
/**
* Icon node passed by PageHeader
*/
icon: _propTypes.default.node,
/**
* Info node passed by PageHeader
*/
info: _propTypes.default.node,
/**
* Heading above title
*/
label: _propTypes.default.node,
/**
* Nav content which appears in the upper right hand corner.
* 'navRight' prop will be deprecated soon, instaed use 'onRenderControls'
*/
navRight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
/**
* Title node passed by PageHeader
*/
title: _propTypes.default.node
};
var ObjectHome = function ObjectHome(props) {
return _react.default.createElement("div", null, _react.default.createElement("div", {
className: "slds-grid"
}, _react.default.createElement("div", {
className: "slds-col slds-has-flexi-truncate"
}, _react.default.createElement(_mediaObject.default, {
body: _react.default.createElement("div", null, props.label, props.title),
className: "slds-no-space slds-grow",
figure: props.icon
})), _react.default.createElement("div", {
className: "slds-col slds-no-flex slds-grid slds-align-top slds-p-bottom_xx-small"
}, props.onRenderControls ? props.onRenderControls : props.navRight)), _react.default.createElement("div", {
className: "slds-grid"
}, _react.default.createElement("div", {
className: "slds-col slds-align-bottom"
}, props.info), _react.default.createElement("div", {
className: "slds-col slds-no-flex slds-grid slds-align-bottom"
}, props.onRenderActions ? props.onRenderActions : props.contentRight)));
};
ObjectHome.displayName = displayName;
ObjectHome.propTypes = propTypes;
var _default = ObjectHome;
exports.default = _default;