@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
41 lines • 3.4 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import React, { forwardRef, useRef } from 'react';
import classnames from 'classnames';
import { DEFAULTS, STYLE } from './SpaceListItem.constants';
import './SpaceListItem.style.scss';
import ListItemBase from '../ListItemBase';
import SpaceRowContent from '../SpaceRowContent';
/**
* The SpaceListItem component.
*/
var SpaceListItem = forwardRef(function (props, providedRef) {
var className = props.className, isDraft = props.isDraft, id = props.id, style = props.style, avatar = props.avatar, firstLine = props.firstLine, secondLine = props.secondLine, isNewActivity = props.isNewActivity, isUnread = props.isUnread, teamColor = props.teamColor, isMention = props.isMention, isEnterRoom = props.isEnterRoom, isAlert = props.isAlert, isAlertMuted = props.isAlertMuted, isError = props.isError, action = props.action, isSelected = props.isSelected, _a = props.isCompact, isCompact = _a === void 0 ? false : _a, itemIndex = props.itemIndex, rightIconTooltip = props.rightIconTooltip, _b = props.isDisabled, isDisabled = _b === void 0 ? DEFAULTS.DISABLED : _b, menuItems = props.menuItems, onSelectMenuItem = props.onSelectMenuItem, menuTriggerLabel = props.menuTriggerLabel, rest = __rest(props, ["className", "isDraft", "id", "style", "avatar", "firstLine", "secondLine", "isNewActivity", "isUnread", "teamColor", "isMention", "isEnterRoom", "isAlert", "isAlertMuted", "isError", "action", "isSelected", "isCompact", "itemIndex", "rightIconTooltip", "isDisabled", "menuItems", "onSelectMenuItem", "menuTriggerLabel"]);
var internalRef = useRef();
var ref = providedRef || internalRef;
return (React.createElement(ListItemBase, __assign({ ref: ref, size: isCompact ? 32 : 50, shape: "isPilled", className: classnames(className, STYLE.wrapper), id: id, style: style }, rest, { isDisabled: isDisabled, isSelected: isSelected, itemIndex: itemIndex }),
React.createElement(SpaceRowContent, { isNewActivity: isNewActivity, isDraft: isDraft, avatar: avatar, firstLine: firstLine, secondLine: secondLine, isUnread: isUnread, teamColor: teamColor, isMention: isMention, isEnterRoom: isEnterRoom, isAlertMuted: isAlertMuted, isAlert: isAlert, isError: isError, action: action, isSelected: isSelected, isCompact: isCompact, rightIconTooltip: rightIconTooltip, isDisabled: isDisabled, menuItems: menuItems, onSelectMenuItem: onSelectMenuItem, menuTriggerLabel: menuTriggerLabel })));
});
SpaceListItem.displayName = 'SpaceListItem';
export default SpaceListItem;
//# sourceMappingURL=SpaceListItem.js.map