@hitachivantara/uikit-react-pentaho
Version:
UI Kit Pentaho React components.
60 lines (59 loc) • 2.41 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const react = require("react");
const uikitReactCore = require("@hitachivantara/uikit-react-core");
const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const CanvasContext = require("../CanvasContext.cjs");
const Toolbar_styles = require("./Toolbar.styles.cjs");
const DEFAULT_LABELS = {
back: "Back"
};
const HvCanvasToolbar = react.forwardRef(
function HvCanvasToolbar2(props, ref) {
const {
title: titleProp,
backButton,
labels: labelsProp,
className,
style,
children,
backButtonProps,
classes: classesProp,
...others
} = uikitReactCore.useDefaultProps("HvCanvasToolbar", props);
const { classes, cx } = Toolbar_styles.useClasses(classesProp);
const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProp);
const canvasContext = CanvasContext.useCanvasContext();
const sidePanelWidth = canvasContext?.sidePanelWidth ?? 0;
const title = typeof titleProp === "string" ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { variant: "title4", children: titleProp }) : titleProp;
return /* @__PURE__ */ jsxRuntime.jsxs(
"div",
{
ref,
className: cx(classes.root, className),
style: uikitReactUtils.mergeStyles(style, {
"--sidepanel-width": `${sidePanelWidth}px`,
transition: canvasContext?.sidePanelDragging ? void 0 : "width 0.3s ease"
}),
...others,
children: [
/* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.back, children: backButton ?? /* @__PURE__ */ jsxRuntime.jsx(
uikitReactCore.HvIconButton,
{
title: labels.back,
variant: "primaryGhost",
...backButtonProps,
children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Previous, {})
}
) }),
/* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.title, children: title }),
children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.actions, children })
]
}
);
}
);
exports.canvasToolbarClasses = Toolbar_styles.staticClasses;
exports.HvCanvasToolbar = HvCanvasToolbar;