@hitachivantara/uikit-react-pentaho 6.0.13 → 6.0.15

package/dist/Canvas/CanvasContext.js

@@ -1,46 +1,42 @@
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { createContext, useState, useCallback, useMemo, useContext } from "react";
-const HvCanvasContext = createContext(null);
-const HvCanvasProvider = ({
-  children
-}) => {
-  const [sidePanelOpen, setSidePanelOpen] = useState(false);
-  const [width, setWidth] = useState(0);
-  const [sidePanelDragging, setSidePanelDragging] = useState(false);
-  const handleSidePanelWidth = useCallback((newWidth) => {
-    setWidth(newWidth);
-  }, []);
-  const handleSidePanelOpen = useCallback((open) => {
-    setSidePanelOpen(open);
-  }, []);
-  const handleSidePanelDragging = useCallback((dragging) => {
-    setSidePanelDragging(dragging);
-  }, []);
-  const value = useMemo(
-    () => ({
-      sidePanelOpen,
-      handleSidePanelOpen,
-      sidePanelWidth: sidePanelOpen ? width : 0,
-      handleSidePanelWidth,
-      sidePanelDragging,
-      handleSidePanelDragging
-    }),
-    [
-      sidePanelOpen,
-      handleSidePanelOpen,
-      width,
-      handleSidePanelWidth,
-      sidePanelDragging,
-      handleSidePanelDragging
-    ]
-  );
-  return /* @__PURE__ */ jsx(HvCanvasContext.Provider, { value, children });
+//#region src/Canvas/CanvasContext.tsx
+var HvCanvasContext = createContext(null);
+var HvCanvasProvider = ({ children }) => {
+	const [sidePanelOpen, setSidePanelOpen] = useState(false);
+	const [width, setWidth] = useState(0);
+	const [sidePanelDragging, setSidePanelDragging] = useState(false);
+	const handleSidePanelWidth = useCallback((newWidth) => {
+		setWidth(newWidth);
+	}, []);
+	const handleSidePanelOpen = useCallback((open) => {
+		setSidePanelOpen(open);
+	}, []);
+	const handleSidePanelDragging = useCallback((dragging) => {
+		setSidePanelDragging(dragging);
+	}, []);
+	const value = useMemo(() => ({
+		sidePanelOpen,
+		handleSidePanelOpen,
+		sidePanelWidth: sidePanelOpen ? width : 0,
+		handleSidePanelWidth,
+		sidePanelDragging,
+		handleSidePanelDragging
+	}), [
+		sidePanelOpen,
+		handleSidePanelOpen,
+		width,
+		handleSidePanelWidth,
+		sidePanelDragging,
+		handleSidePanelDragging
+	]);
+	return /* @__PURE__ */ jsx(HvCanvasContext.Provider, {
+		value,
+		children
+	});
 };
-const useCanvasContext = () => {
-  return useContext(HvCanvasContext);
-};
-export {
-  HvCanvasContext,
-  HvCanvasProvider,
-  useCanvasContext
+var useCanvasContext = () => {
+	return useContext(HvCanvasContext);
 };
+//#endregion
+export { HvCanvasContext, HvCanvasProvider, useCanvasContext };

package/dist/Canvas/PanelTab/PanelTab.js

@@ -1,42 +1,34 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { useClasses } from "./PanelTab.styles.js";
 import { forwardRef, useRef } from "react";
-import { Tab } from "@mui/base";
 import { useDefaultProps } from "@hitachivantara/uikit-react-core";
-import { useClasses } from "./PanelTab.styles.js";
-import { staticClasses } from "./PanelTab.styles.js";
-const HvCanvasPanelTab = forwardRef(function HvCanvasPanelTab2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    style,
-    startActions,
-    endActions,
-    ...others
-  } = useDefaultProps("HvCanvasPanelTab", props);
-  const tabRef = useRef(null);
-  const { classes, cx } = useClasses(classesProp);
-  return (
-    // oxlint-disable-next-line jsx_a11y/click-events-have-key-events,jsx_a11y/no-static-element-interactions, simulate tab click
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        style,
-        className: cx(classes.root, className),
-        onClick: (evt) => {
-          if (evt.target === tabRef.current) return;
-          tabRef.current?.click();
-        },
-        children: [
-          startActions,
-          /* @__PURE__ */ jsx(Tab, { ref: tabRef, className: classes.tab, ...others }),
-          endActions
-        ]
-      }
-    )
-  );
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tab } from "@mui/base";
+//#region src/Canvas/PanelTab/PanelTab.tsx
+/**
+* The tab component to use inside `HvCanvasPanelTabs`.
+*/
+var HvCanvasPanelTab = forwardRef(function HvCanvasPanelTab(props, ref) {
+	const { classes: classesProp, className, style, startActions, endActions, ...others } = useDefaultProps("HvCanvasPanelTab", props);
+	const tabRef = useRef(null);
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		style,
+		className: cx(classes.root, className),
+		onClick: (evt) => {
+			if (evt.target === tabRef.current) return;
+			tabRef.current?.click();
+		},
+		children: [
+			startActions,
+			/* @__PURE__ */ jsx(Tab, {
+				ref: tabRef,
+				className: classes.tab,
+				...others
+			}),
+			endActions
+		]
+	});
 });
-export {
-  HvCanvasPanelTab,
-  staticClasses as canvasPanelTabClasses
-};
+//#endregion
+export { HvCanvasPanelTab };

package/dist/Canvas/PanelTab/PanelTab.styles.js

@@ -1,48 +1,41 @@
+import { createClasses, outlineStyles, theme } from "@hitachivantara/uikit-react-core";
 import { tabClasses } from "@mui/base";
-import { createClasses, theme, outlineStyles } from "@hitachivantara/uikit-react-core";
-const { staticClasses, useClasses } = createClasses("HvCanvasPanelTab", {
-  root: {
-    height: "100%",
-    display: "flex",
-    position: "relative",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: `${theme.radii.large} ${theme.radii.large} 0 0`,
-    backgroundColor: theme.colors.bgPage,
-    overflow: "hidden",
-    width: "100%",
-    boxShadow: "0px -2px 8px 0px #4141410F",
-    color: theme.colors.textDisabled,
-    "&:hover": {
-      cursor: "pointer"
-    },
-    "&:has(:focus)": {
-      backgroundColor: theme.colors.bgContainer
-    },
-    [`:has(.${tabClasses.selected})`]: {
-      color: theme.colors.text,
-      backgroundColor: theme.colors.bgContainer
-    },
-    "&:has(:focus-visible)": {
-      ...outlineStyles
-    }
-  },
-  tab: {
-    appearance: "none",
-    color: theme.colors.textSubtle,
-    backgroundColor: "inherit",
-    cursor: "inherit",
-    textAlign: "initial",
-    flex: 1,
-    paddingInlineEnd: 0,
-    paddingInlineStart: 0,
-    [`&.${tabClasses.selected}`]: {
-      color: theme.colors.text,
-      fontWeight: theme.fontWeights.semibold
-    }
-  }
+//#region src/Canvas/PanelTab/PanelTab.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvCanvasPanelTab", {
+	root: {
+		height: "100%",
+		display: "flex",
+		position: "relative",
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: `${theme.radii.large} ${theme.radii.large} 0 0`,
+		backgroundColor: theme.colors.bgPage,
+		overflow: "hidden",
+		width: "100%",
+		boxShadow: "0px -2px 8px 0px #4141410F",
+		color: theme.colors.textDisabled,
+		"&:hover": { cursor: "pointer" },
+		"&:has(:focus)": { backgroundColor: theme.colors.bgContainer },
+		[`:has(.${tabClasses.selected})`]: {
+			color: theme.colors.text,
+			backgroundColor: theme.colors.bgContainer
+		},
+		"&:has(:focus-visible)": { ...outlineStyles }
+	},
+	tab: {
+		appearance: "none",
+		color: theme.colors.textSubtle,
+		backgroundColor: "inherit",
+		cursor: "inherit",
+		textAlign: "initial",
+		flex: 1,
+		paddingInlineEnd: 0,
+		paddingInlineStart: 0,
+		[`&.${tabClasses.selected}`]: {
+			color: theme.colors.text,
+			fontWeight: theme.fontWeights.semibold
+		}
+	}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Canvas/PanelTabs/PanelTabs.js

@@ -1,30 +1,25 @@
-import { jsx } from "react/jsx-runtime";
+import { useClasses } from "./PanelTabs.styles.js";
 import { forwardRef } from "react";
-import { Tabs, TabsList } from "@mui/base";
 import { useDefaultProps } from "@hitachivantara/uikit-react-core";
-import { useClasses } from "./PanelTabs.styles.js";
-import { staticClasses } from "./PanelTabs.styles.js";
-const HvCanvasPanelTabs = forwardRef(function HvCanvasPanelTabs2(props, ref) {
-  const {
-    selectionFollowsFocus = true,
-    children,
-    className,
-    classes: classesProp,
-    ...others
-  } = useDefaultProps("HvCanvasPanelTabs", props);
-  const { classes, cx } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(
-    Tabs,
-    {
-      ref,
-      className: cx(classes.root, className),
-      selectionFollowsFocus,
-      ...others,
-      children: /* @__PURE__ */ jsx(TabsList, { className: classes.list, children })
-    }
-  );
+import { jsx } from "react/jsx-runtime";
+import { Tabs, TabsList } from "@mui/base";
+//#region src/Canvas/PanelTabs/PanelTabs.tsx
+/**
+* A tabs component to use in a canvas context.
+*/
+var HvCanvasPanelTabs = forwardRef(function HvCanvasPanelTabs(props, ref) {
+	const { selectionFollowsFocus = true, children, className, classes: classesProp, ...others } = useDefaultProps("HvCanvasPanelTabs", props);
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx(Tabs, {
+		ref,
+		className: cx(classes.root, className),
+		selectionFollowsFocus,
+		...others,
+		children: /* @__PURE__ */ jsx(TabsList, {
+			className: classes.list,
+			children
+		})
+	});
 });
-export {
-  HvCanvasPanelTabs,
-  staticClasses as canvasPanelTabsClasses
-};
+//#endregion
+export { HvCanvasPanelTabs };

package/dist/Canvas/PanelTabs/PanelTabs.styles.js

@@ -1,16 +1,12 @@
 import { createClasses } from "@hitachivantara/uikit-react-core";
-const { staticClasses, useClasses } = createClasses(
-  "HvCanvasPanelTabs",
-  {
-    root: {},
-    list: {
-      display: "flex",
-      width: "100%",
-      height: 48
-    }
-  }
-);
-export {
-  staticClasses,
-  useClasses
-};
+//#region src/Canvas/PanelTabs/PanelTabs.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvCanvasPanelTabs", {
+	root: {},
+	list: {
+		display: "flex",
+		width: "100%",
+		height: 48
+	}
+});
+//#endregion
+export { staticClasses, useClasses };

package/dist/Canvas/SidePanel/SidePanel.js

@@ -1,153 +1,107 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useEffect } from "react";
-import { useDefaultProps, useUniqueId, useLabels, useControlled, HvPanel, HvButton } from "@hitachivantara/uikit-react-core";
-import { End } from "@hitachivantara/uikit-react-icons";
 import { useCanvasContext } from "../CanvasContext.js";
+import { HvCanvasPanelTab } from "../PanelTab/PanelTab.js";
+import { HvCanvasPanelTabs } from "../PanelTabs/PanelTabs.js";
 import { useClasses } from "./SidePanel.styles.js";
-import { staticClasses } from "./SidePanel.styles.js";
 import { useResizable } from "./useResizable.js";
-import { HvCanvasPanelTabs } from "../PanelTabs/PanelTabs.js";
-import { HvCanvasPanelTab } from "../PanelTab/PanelTab.js";
-const DEFAULT_LABELS = {
-  open: "Open",
-  close: "Close"
+import { forwardRef, useEffect, useId } from "react";
+import { HvButton, HvPanel, useControlled, useDefaultProps, useLabels, useUniqueId } from "@hitachivantara/uikit-react-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { End } from "@hitachivantara/uikit-react-icons";
+//#region src/Canvas/SidePanel/SidePanel.tsx
+var DEFAULT_LABELS = {
+	open: "Open",
+	close: "Close"
 };
-const HvCanvasSidePanel = forwardRef(function HvCanvasSidePanel2(props, ref) {
-  const {
-    id: idProp,
-    tab: tabProp,
-    open: openProp,
-    defaultOpen = false,
-    tabs,
-    onToggle,
-    onTabChange,
-    labels: labelsProp,
-    minWidth = 100,
-    maxWidth = 500,
-    initialWidth = 320,
-    onResize,
-    className,
-    children,
-    classes: classesProp,
-    ...others
-  } = useDefaultProps("HvCanvasSidePanel", props);
-  const id = useUniqueId(idProp);
-  const panelId = useId();
-  const {
-    handleSidePanelWidth,
-    sidePanelOpen,
-    handleSidePanelOpen,
-    handleSidePanelDragging
-  } = useCanvasContext() || {};
-  const { classes, cx } = useClasses(classesProp);
-  const labels = useLabels(DEFAULT_LABELS, labelsProp);
-  const [open, setOpen] = useControlled(openProp, defaultOpen);
-  const [selectedTab, setSelectedTab] = useControlled(
-    tabProp,
-    tabs?.[0]?.id ?? "none"
-  );
-  useEffect(() => {
-    handleSidePanelOpen?.(open);
-  }, [handleSidePanelOpen, open]);
-  useEffect(() => {
-    handleSidePanelWidth?.(initialWidth);
-  }, [handleSidePanelWidth, initialWidth]);
-  const updateWidth = (width2) => {
-    handleSidePanelWidth?.(width2);
-    onResize?.(width2);
-  };
-  const { width, isDragging, getContainerProps, getSeparatorProps } = useResizable({
-    ref,
-    initialWidth,
-    minWidth,
-    maxWidth,
-    onResize: updateWidth
-  });
-  useEffect(() => {
-    handleSidePanelDragging?.(isDragging);
-  }, [handleSidePanelDragging, isDragging]);
-  const handleTogglePanel = (event) => {
-    setOpen((prev) => !prev);
-    handleSidePanelOpen?.(!sidePanelOpen);
-    onToggle?.(event, !open);
-  };
-  const handleTabChange = (event, tabId) => {
-    setSelectedTab(tabId);
-    onTabChange?.(event, tabId);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        id,
-        className: cx(classes.root, className, {
-          [classes.open]: open,
-          [classes.close]: !open
-        }),
-        ...getContainerProps({ style: { ...!open && { width: 0 } } }),
-        ...others,
-        children: [
-          tabs && /* @__PURE__ */ jsx(
-            HvCanvasPanelTabs,
-            {
-              className: classes.tabs,
-              value: selectedTab,
-              onChange: handleTabChange,
-              children: tabs.map((tab) => /* @__PURE__ */ jsx(
-                HvCanvasPanelTab,
-                {
-                  id: `${id}-${tab.id}`,
-                  value: tab.id,
-                  children: tab.content
-                },
-                tab.id
-              ))
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            HvPanel,
-            {
-              role: tabs ? "tabpanel" : void 0,
-              id: panelId,
-              "aria-labelledby": tabs ? `${id}-${selectedTab}` : void 0,
-              className: classes.content,
-              children
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-resizing": isDragging || void 0,
-        className: classes.separator,
-        ...getSeparatorProps()
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        icon: true,
-        variant: "primaryGhost",
-        "aria-label": open ? labels.close : labels.open,
-        onClick: handleTogglePanel,
-        "aria-expanded": open,
-        "aria-controls": panelId,
-        className: cx(classes.handle, {
-          [classes.handleOpen]: open,
-          [classes.handleClose]: !open
-        }),
-        style: {
-          left: open ? width : 0,
-          transition: isDragging ? "none" : void 0
-        },
-        children: /* @__PURE__ */ jsx(End, { rotate: open })
-      }
-    )
-  ] });
+/**
+* A side panel component to use in a canvas context.
+*/
+var HvCanvasSidePanel = forwardRef(function HvCanvasSidePanel(props, ref) {
+	const { id: idProp, tab: tabProp, open: openProp, defaultOpen = false, tabs, onToggle, onTabChange, labels: labelsProp, minWidth = 100, maxWidth = 500, initialWidth = 320, onResize, className, children, classes: classesProp, ...others } = useDefaultProps("HvCanvasSidePanel", props);
+	const id = useUniqueId(idProp);
+	const panelId = useId();
+	const { handleSidePanelWidth, sidePanelOpen, handleSidePanelOpen, handleSidePanelDragging } = useCanvasContext() || {};
+	const { classes, cx } = useClasses(classesProp);
+	const labels = useLabels(DEFAULT_LABELS, labelsProp);
+	const [open, setOpen] = useControlled(openProp, defaultOpen);
+	const [selectedTab, setSelectedTab] = useControlled(tabProp, tabs?.[0]?.id ?? "none");
+	useEffect(() => {
+		handleSidePanelOpen?.(open);
+	}, [handleSidePanelOpen, open]);
+	useEffect(() => {
+		handleSidePanelWidth?.(initialWidth);
+	}, [handleSidePanelWidth, initialWidth]);
+	const updateWidth = (width) => {
+		handleSidePanelWidth?.(width);
+		onResize?.(width);
+	};
+	const { width, isDragging, getContainerProps, getSeparatorProps } = useResizable({
+		ref,
+		initialWidth,
+		minWidth,
+		maxWidth,
+		onResize: updateWidth
+	});
+	useEffect(() => {
+		handleSidePanelDragging?.(isDragging);
+	}, [handleSidePanelDragging, isDragging]);
+	const handleTogglePanel = (event) => {
+		setOpen((prev) => !prev);
+		handleSidePanelOpen?.(!sidePanelOpen);
+		onToggle?.(event, !open);
+	};
+	const handleTabChange = (event, tabId) => {
+		setSelectedTab(tabId);
+		onTabChange?.(event, tabId);
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			id,
+			className: cx(classes.root, className, {
+				[classes.open]: open,
+				[classes.close]: !open
+			}),
+			...getContainerProps({ style: { ...!open && { width: 0 } } }),
+			...others,
+			children: [tabs && /* @__PURE__ */ jsx(HvCanvasPanelTabs, {
+				className: classes.tabs,
+				value: selectedTab,
+				onChange: handleTabChange,
+				children: tabs.map((tab) => /* @__PURE__ */ jsx(HvCanvasPanelTab, {
+					id: `${id}-${tab.id}`,
+					value: tab.id,
+					children: tab.content
+				}, tab.id))
+			}), /* @__PURE__ */ jsx(HvPanel, {
+				role: tabs ? "tabpanel" : void 0,
+				id: panelId,
+				"aria-labelledby": tabs ? `${id}-${selectedTab}` : void 0,
+				className: classes.content,
+				children
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			"data-resizing": isDragging || void 0,
+			className: classes.separator,
+			...getSeparatorProps()
+		}),
+		/* @__PURE__ */ jsx(HvButton, {
+			icon: true,
+			variant: "primaryGhost",
+			"aria-label": open ? labels.close : labels.open,
+			onClick: handleTogglePanel,
+			"aria-expanded": open,
+			"aria-controls": panelId,
+			className: cx(classes.handle, {
+				[classes.handleOpen]: open,
+				[classes.handleClose]: !open
+			}),
+			style: {
+				left: open ? width : 0,
+				transition: isDragging ? "none" : void 0
+			},
+			children: /* @__PURE__ */ jsx(End, { rotate: open })
+		})
+	] });
 });
-export {
-  HvCanvasSidePanel,
-  staticClasses as canvasSidePanelClasses
-};
+//#endregion
+export { HvCanvasSidePanel };