UNPKG

@momentum-ui/react-collaboration

Version:

Cisco Momentum UI Framework for React Collaboration Applications

43 lines 3.39 kB
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 './SpaceTreeNode.constants'; import './SpaceTreeNode.style.scss'; import SpaceRowContent from '../SpaceRowContent'; import TreeNodeBase from '../TreeNodeBase'; /** * The SpaceTreeNode component. * @deprecated Use the equivalent from momentum.design (NPM: `@momentum-design/components/dist/react`) */ var SpaceTreeNode = forwardRef(function (props, providedRef) { var className = props.className, isDraft = props.isDraft, 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, 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", "avatar", "firstLine", "secondLine", "isNewActivity", "isUnread", "teamColor", "isMention", "isEnterRoom", "isAlert", "isAlertMuted", "isError", "action", "isSelected", "isCompact", "rightIconTooltip", "isDisabled", "menuItems", "onSelectMenuItem", "menuTriggerLabel"]); var internalRef = useRef(); var ref = providedRef || internalRef; return (React.createElement(TreeNodeBase, __assign({ className: classnames(className, STYLE.wrapper), /* @ts-expect-error ref types not matching */ ref: ref, size: isCompact ? 32 : 50, shape: "isPilled" }, rest), function () { return (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 })); })); }); SpaceTreeNode.displayName = 'SpaceTreeNode'; export default SpaceTreeNode; //# sourceMappingURL=SpaceTreeNode.js.map