UNPKG

@blueprintjs/core

Version:

Core styles & components

55 lines 3.1 kB
"use strict"; /* * Copyright 2021 Palantir Technologies, Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ Object.defineProperty(exports, "__esModule", { value: true }); exports.PanelView = void 0; const tslib_1 = require("tslib"); const React = tslib_1.__importStar(require("react")); const common_1 = require("../../common"); const buttons_1 = require("../button/buttons"); const text_1 = require("../text/text"); const PanelView = ({ panel, onClose, onOpen, previousPanel, showHeader, }) => { const hasPreviousPanel = previousPanel !== undefined; const handleClose = React.useCallback(() => { // only remove this panel if it is not the only one. if (hasPreviousPanel) { onClose(panel); } }, [onClose, panel, hasPreviousPanel]); const maybeBackButton = previousPanel === undefined ? null : (React.createElement(buttons_1.Button, { "aria-label": "Back", className: common_1.Classes.PANEL_STACK_HEADER_BACK, icon: "chevron-left", onClick: handleClose, size: "small", text: previousPanel.title, title: previousPanel.htmlTitle, variant: "minimal" })); // `panel.renderPanel` is simply a function that returns a React.JSX.Element. It may be an FC which // uses hooks. In order to avoid React errors due to inconsistent hook calls, we must encapsulate // those hooks with their own lifecycle through a very simple wrapper component. const PanelWrapper = React.useMemo(() => () => // N.B. A type cast is required because of error TS2345, where technically `panel.props` could be // instantiated with a type unrelated to our generic constraint `T` here. We know // we're sending the right values here though, and it makes the consumer API for this // component type safe, so it's ok to do this... panel.renderPanel({ closePanel: handleClose, openPanel: onOpen, ...panel.props, }), [panel, handleClose, onOpen]); return (React.createElement("div", { className: common_1.Classes.PANEL_STACK_VIEW }, showHeader && (React.createElement("div", { className: common_1.Classes.PANEL_STACK_HEADER }, React.createElement("span", null, maybeBackButton), React.createElement(text_1.Text, { className: common_1.Classes.HEADING, ellipsize: true, title: panel.htmlTitle }, panel.title), React.createElement("span", null))), React.createElement(PanelWrapper, null))); }; exports.PanelView = PanelView; exports.PanelView.displayName = `${common_1.DISPLAYNAME_PREFIX}.PanelView`; //# sourceMappingURL=panelView.js.map