@eccenca/gui-elements
Version:
GUI elements based on other libraries, usable in React application, written in Typescript.
24 lines • 1.65 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ChatContentCollapsed = void 0;
const react_1 = __importDefault(require("react"));
const Markdown_1 = require("../../cmem/markdown/Markdown");
const IconButton_1 = require("../Icon/IconButton");
const TextReducer_1 = require("../TextReducer/TextReducer");
/**
* Adds an auto collapsing feature for convenience to `ChatContent`.
*/
const ChatContentCollapsed = ({ children, collapsed = true, textReducerProps = {}, textCollapse = "Collapse", textExpand = "Expand", }) => {
const [displayCollapsed, setDispayCollapsed] = react_1.default.useState(collapsed);
const childrenAsTextline = (react_1.default.createElement(TextReducer_1.TextReducer, Object.assign({ useOverflowTextWrapper: true }, textReducerProps), typeof children.props.children === "string" ? (react_1.default.createElement(Markdown_1.Markdown, null, children.props.children)) : (children.props.children)));
return react_1.default.cloneElement(children, {
children: displayCollapsed ? childrenAsTextline : children.props.children,
actionButton: (react_1.default.createElement(IconButton_1.IconButton, { text: displayCollapsed ? textExpand : textCollapse, name: displayCollapsed ? "toggler-showmore" : "toggler-showless", onClick: () => setDispayCollapsed(!displayCollapsed) })),
});
};
exports.ChatContentCollapsed = ChatContentCollapsed;
exports.default = exports.ChatContentCollapsed;
//# sourceMappingURL=ChatContentCollapsed.js.map