diff --git a/canvas_modules/common-canvas/src/object-model/redux/canvas-store.js b/canvas_modules/common-canvas/src/object-model/redux/canvas-store.js index b7c9bb108b..a662432f19 100644 --- a/canvas_modules/common-canvas/src/object-model/redux/canvas-store.js +++ b/canvas_modules/common-canvas/src/object-model/redux/canvas-store.js @@ -259,6 +259,10 @@ export default class CanavasStore { return this.cloneData(this.store.getState().tooltip); } + isLeftFlyoutOpen() { + return this.store.getState().leftflyout.isOpen; + } + isRightFlyoutOpen() { return this.store.getState().rightflyout.isOpen; } diff --git a/canvas_modules/common-canvas/src/palette/palette.scss b/canvas_modules/common-canvas/src/palette/palette.scss index c6012352af..9c74db85c6 100644 --- a/canvas_modules/common-canvas/src/palette/palette.scss +++ b/canvas_modules/common-canvas/src/palette/palette.scss @@ -52,6 +52,10 @@ $palette-search-container-height: 41px; } } +.palette-nav { + height: 100%; +} + .palette-flyout-content { position: absolute; // Needed to allow the scroll of categories/nodes to work. height: 100%; diff --git a/canvas_modules/harness/src/client/components/custom-canvases/stages/stages-canvas.jsx b/canvas_modules/harness/src/client/components/custom-canvases/stages/stages-canvas.jsx index 704ab3ef64..f183897f9e 100644 --- a/canvas_modules/harness/src/client/components/custom-canvases/stages/stages-canvas.jsx +++ b/canvas_modules/harness/src/client/components/custom-canvases/stages/stages-canvas.jsx @@ -13,12 +13,14 @@ * See the License for the specific language governing permissions and * limitations under the License. */ +/* eslint no-alert: "off" */ import React from "react"; import PropTypes from "prop-types"; import { CommonCanvas, CanvasController, Palette } from "common-canvas"; // eslint-disable-line import/no-unresolved +import { Button } from "@carbon/react"; import { Edit, OpenPanelFilledLeft, Search } from "@carbon/react/icons"; import MultiCommandPanel from "./multi-command-panel"; @@ -31,7 +33,8 @@ export default class StagesCanvas extends React.Component { super(props); this.state = { - leftFlyout: null + leftFlyout: null, + showLeftFlyout: false }; this.canvasController = new CanvasController(); @@ -52,12 +55,26 @@ export default class StagesCanvas extends React.Component { return { linkId: link.id, pipelineId: pId, decorations: decs }; }); this.canvasController.setLinksMultiDecorations(pipelineLinkDecorations); + + // Palette header object - used in a real application to open an asset browser. + this.paletteHeader = ( +