@hitachivantara/uikit-react-pentaho 0.10.20 → 6.0.0-next.2

package/dist/cjs/Canvas/SidePanel/SidePanel.styles.cjs

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const boxShadow = `4px 0px 8px -4px ${uikitReactCore.theme.alpha("textDark", "12%")}`;
-const { staticClasses, useClasses } = uikitReactCore.createClasses(
-  "HvCanvasSidePanel",
-  {
-    root: {
-      height: "100%",
-      position: "absolute",
-      top: 0,
-      left: 0,
-      boxShadow,
-      backgroundColor: "transparent",
-      transition: "visibility 0.3s ease, width 0.3s ease",
-      overflow: "hidden",
-      "&$open": {
-        width: 320,
-        visibility: "visible"
-      },
-      "&$close": {
-        width: 0,
-        visibility: "hidden"
-      }
-    },
-    tabs: {},
-    content: {
-      height: "100%"
-    },
-    handle: {
-      height: 44,
-      width: 44,
-      display: "flex",
-      justifyContent: "center",
-      boxShadow,
-      borderRadius: `0px ${uikitReactCore.theme.radii.large} ${uikitReactCore.theme.radii.large} 0px`,
-      position: "absolute",
-      transition: "left 0.3s ease",
-      "&&": {
-        // override action state styles
-        backgroundColor: uikitReactCore.theme.colors.bgContainer
-      },
-      top: "calc(50% - 44px)",
-      // subtract handle's full height
-      "&$handleOpen": {
-        left: 320
-      },
-      "&$handleClose": {
-        left: 0
-      }
-    },
-    open: {},
-    close: {},
-    handleOpen: {},
-    handleClose: {}
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Canvas/SidePanel/useResizable.cjs

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const useResizable = (resizableOptions) => {
-  const { ref, initialWidth, minWidth, maxWidth, onResize } = resizableOptions;
-  const [width, setWidth] = react.useState(initialWidth);
-  const [isHover, setIsHover] = react.useState(false);
-  const [isDragging, setIsDragging] = react.useState(false);
-  const panelRef = react.useRef(null);
-  const forkedRef = uikitReactCore.useForkRef(ref, panelRef);
-  const mouseMove = (event) => {
-    if (panelRef.current) {
-      const rect = panelRef.current.getBoundingClientRect();
-      const newWidth = event.clientX - rect.left;
-      if (newWidth >= minWidth && newWidth <= maxWidth) {
-        setWidth(newWidth);
-        onResize?.(newWidth);
-      }
-    }
-  };
-  const handleMouseMove = (event) => {
-    if (panelRef.current) {
-      const rect = panelRef.current.getBoundingClientRect();
-      const isHoverBorder = event.clientX >= rect.right - 5 && event.clientX <= rect.right + 5;
-      setIsHover(isHoverBorder);
-    }
-  };
-  const handleMouseUp = () => {
-    if (!panelRef.current) return;
-    panelRef.current.style.userSelect = "";
-    panelRef.current?.parentElement?.removeEventListener(
-      "mousemove",
-      mouseMove
-    );
-    panelRef.current?.parentElement?.removeEventListener(
-      "mouseup",
-      handleMouseUp
-    );
-    setIsDragging(false);
-  };
-  const startResizing = () => {
-    if (!panelRef.current) return;
-    panelRef.current.style.userSelect = "none";
-    panelRef.current.parentElement?.addEventListener("mousemove", mouseMove);
-    panelRef.current.parentElement?.addEventListener("mouseup", handleMouseUp);
-    setIsDragging(true);
-  };
-  const getContainerProps = (overrides = {}) => ({
-    ref: forkedRef,
-    style: {
-      width,
-      transition: isDragging ? "none" : void 0,
-      ...overrides.style
-    }
-  });
-  const getSeparatorProps = (overrides = {}) => ({
-    style: {
-      left: width,
-      position: "absolute",
-      top: 0,
-      bottom: 0,
-      width: 5,
-      cursor: "col-resize",
-      ...overrides.style
-    },
-    onMouseMove: handleMouseMove,
-    onMouseLeave: () => setIsHover(false),
-    onMouseDown: () => {
-      if (isHover) startResizing();
-    },
-    role: "separator"
-  });
-  return { width, isDragging, getContainerProps, getSeparatorProps };
-};
-exports.useResizable = useResizable;

package/dist/cjs/Canvas/Toolbar/Toolbar.cjs

@@ -1,59 +0,0 @@
-"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;

package/dist/cjs/Canvas/Toolbar/Toolbar.styles.cjs

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvCanvasToolbar", {
-  root: {
-    width: `calc(100% - var(--sidepanel-width) - 2 * ${uikitReactCore.theme.space.sm})`,
-    height: 54,
-    display: "flex",
-    alignItems: "center",
-    borderRadius: uikitReactCore.theme.radii.full,
-    backgroundColor: uikitReactCore.theme.colors.bgContainer,
-    position: "absolute",
-    right: uikitReactCore.theme.space.sm,
-    top: 0
-  },
-  back: {
-    borderRadius: `${uikitReactCore.theme.radii.full} 0 0 ${uikitReactCore.theme.radii.full}`,
-    minWidth: 68,
-    backgroundColor: uikitReactCore.theme.colors.bgHover,
-    height: "100%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  title: {
-    display: "flex",
-    alignItems: "center",
-    padding: uikitReactCore.theme.spacing(0, "md"),
-    height: "100%",
-    flexGrow: 1
-  },
-  actions: {
-    display: "flex",
-    flexWrap: "nowrap",
-    overflow: "auto",
-    paddingRight: uikitReactCore.theme.space.md
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabEditor.cjs

@@ -1,154 +0,0 @@
-"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 { staticClasses, useClasses } = uikitReactCore.createClasses(
-  "HvCanvasToolbarTabs-editor",
-  {
-    root: {
-      position: "relative",
-      display: "flex",
-      width: "100%",
-      overflow: "hidden",
-      "&:has($label:hover:not($edit))": {
-        color: uikitReactCore.theme.colors.textSubtle,
-        "& $editIcon": { visibility: "visible" }
-      }
-    },
-    edit: {
-      color: uikitReactCore.theme.colors.textSubtle,
-      borderColor: "currentColor",
-      backgroundColor: uikitReactCore.theme.colors.bgContainer,
-      cursor: "text"
-    },
-    label: {
-      width: "100%",
-      boxSizing: "border-box",
-      border: "1px solid transparent",
-      borderRadius: uikitReactCore.theme.radii.base,
-      padding: uikitReactCore.theme.spacing(0, "sm", 0, "xs"),
-      textAlign: "start",
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      outline: "none",
-      "&:not($edit)": {
-        textOverflow: "ellipsis"
-      },
-      "&:hover:not($edit)": {
-        color: uikitReactCore.theme.colors.textSubtle,
-        borderColor: uikitReactCore.theme.colors.bgHover,
-        backgroundColor: uikitReactCore.theme.colors.bgHover
-      }
-    },
-    editIcon: {
-      position: "absolute",
-      right: uikitReactCore.theme.space.xxs,
-      top: 4,
-      width: 16,
-      height: 16,
-      visibility: "hidden",
-      pointerEvents: "none"
-    }
-  }
-);
-const sanitize = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-const ToolbarTabEditor = ({
-  id,
-  className,
-  edit: editProp,
-  value: valueProp,
-  defaultValue: defaultValueProp = "",
-  classes: classesProp,
-  onInput: onInputProp,
-  onClick: onClickProp,
-  onBlur: onBlurProp,
-  onKeyDown: onKeyDownProp,
-  onChange: onChangeProp,
-  onEditChange: onEditChangeProp,
-  ...others
-}) => {
-  const { cx, classes } = useClasses(classesProp);
-  const contentEditableRef = react.useRef(null);
-  const [value, setValue] = uikitReactCore.useControlled(
-    valueProp ? sanitize(valueProp) : valueProp,
-    defaultValueProp ? sanitize(defaultValueProp) : defaultValueProp
-  );
-  const [cachedValue, setCachedValue] = react.useState(value);
-  const [isEditing, setIsEditing] = uikitReactCore.useControlled(editProp, false);
-  const moveCursorToEnd = () => {
-    if (!contentEditableRef.current) return;
-    const element = contentEditableRef.current;
-    const range = document.createRange();
-    const selection = window.getSelection();
-    range.selectNodeContents(element);
-    range.collapse(false);
-    selection?.removeAllRanges();
-    selection?.addRange(range);
-    element.scrollLeft = element.scrollWidth;
-  };
-  const scrollContentToStart = () => {
-    if (!contentEditableRef.current) return;
-    const element = contentEditableRef.current;
-    element.scrollLeft = 0;
-  };
-  const changeEdit = (edit) => {
-    setIsEditing(edit);
-    onEditChangeProp?.(edit);
-  };
-  uikitReactCore.useEnhancedEffect(() => {
-    if (isEditing) moveCursorToEnd();
-  }, [isEditing, value]);
-  const handleInput = (event) => {
-    const newValue = sanitize(event.target.textContent) || "";
-    setValue(newValue);
-    onInputProp?.(event);
-    onChangeProp?.(event, newValue);
-  };
-  const handleClick = (event) => {
-    setCachedValue(value);
-    changeEdit(true);
-    onClickProp?.(event);
-  };
-  const handleBlur = (event) => {
-    changeEdit(false);
-    scrollContentToStart();
-    const newValue = value.trim() || cachedValue;
-    setValue(newValue);
-    onBlurProp?.(event, newValue);
-  };
-  const handleKeyDown = (event) => {
-    if (uikitReactCore.isKey(event, "Enter")) {
-      handleBlur(event);
-    } else if (uikitReactCore.isKey(event, "Esc")) {
-      changeEdit(false);
-      setValue(cachedValue);
-      onChangeProp?.(event, cachedValue);
-    }
-    onKeyDownProp?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className: cx(classes.root, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      uikitReactCore.HvTypography,
-      {
-        ref: contentEditableRef,
-        contentEditable: isEditing,
-        className: cx(classes.label, { [classes.edit]: isEditing }),
-        variant: "label",
-        component: "span",
-        onInput: handleInput,
-        onClick: handleClick,
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        dangerouslySetInnerHTML: {
-          __html: value
-        },
-        ...others
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Edit, { className: classes.editIcon, iconSize: "XS" })
-  ] });
-};
-exports.ToolbarTabEditor = ToolbarTabEditor;
-exports.toolbarTabEditorClasses = staticClasses;

package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabs.cjs

@@ -1,231 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const reactResizeDetector = require("react-resize-detector");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const ToolbarTabEditor = require("./ToolbarTabEditor.cjs");
-const ToolbarTabs_styles = require("./ToolbarTabs.styles.cjs");
-const PanelTabs = require("../PanelTabs/PanelTabs.cjs");
-const PanelTab = require("../PanelTab/PanelTab.cjs");
-const DEFAULT_LABELS = {
-  create: "Create new",
-  undefined: "Undefined",
-  dropdownMenu: "Dropdown menu"
-};
-const HvCanvasToolbarTabs = react.forwardRef(function HvCanvasToolbarTabs2(props, ref) {
-  const {
-    children,
-    className,
-    selectedTabId: selectedTabIdProp,
-    icon: iconProp,
-    disableTabEdit = false,
-    hideCreateNew = false,
-    tabs: tabsProp,
-    defaultTabs: defaultTabsProp = [],
-    labels: labelsProp,
-    classes: classesProp,
-    onTabChange: onTabChangeProp,
-    onChange: onChangeProp,
-    ...others
-  } = uikitReactCore.useDefaultProps("HvCanvasToolbarTabs", props);
-  const { classes, cx } = ToolbarTabs_styles.useClasses(classesProp);
-  const labels = uikitReactCore.useLabels(DEFAULT_LABELS, labelsProp);
-  const { width: actionsWidth = 0, ref: actionsRef } = reactResizeDetector.useResizeDetector({
-    handleHeight: false
-  });
-  const { width: rootWidth = 0, ref: rootRef } = reactResizeDetector.useResizeDetector({
-    handleHeight: false
-  });
-  const [tabs, setTabs] = uikitReactCore.useControlled(tabsProp, defaultTabsProp);
-  const [selectedTab, setSelectedTab] = uikitReactCore.useControlled(
-    selectedTabIdProp,
-    tabs?.[0]?.id ?? "none"
-  );
-  const [isEditing, setIsEditing] = react.useState(false);
-  const rootForkedRef = uikitReactCore.useForkRef(ref, rootRef);
-  const handleChangeTabs = (event, newTabs) => {
-    setTabs(newTabs);
-    onChangeProp?.(event, newTabs);
-  };
-  const handleChangeSelectedTab = (event, value) => {
-    setSelectedTab(String(value));
-    onTabChangeProp?.(event, String(value));
-  };
-  const handleCreateNew = (event) => {
-    const newTabs = [...tabs];
-    const newTab = {
-      id: uikitReactCore.uniqueId(),
-      label: `${labels.undefined} ${newTabs.length + 1}`,
-      icon: iconProp
-    };
-    newTabs.push(newTab);
-    handleChangeSelectedTab(event, newTab.id);
-    handleChangeTabs?.(event, newTabs);
-  };
-  const handleEdit = (event, value, tabId) => handleChangeTabs(
-    event,
-    tabs.map((tab) => tab.id === tabId ? { ...tab, label: value } : tab)
-  );
-  const handleDeleteTab = (event, tabId) => {
-    const newTabs = tabs.filter((tab) => tab.id !== tabId);
-    if (tabId === selectedTab) {
-      const currentIndex = tabs.findIndex((tab) => tab.id === tabId);
-      const newIndex = currentIndex - 1 < 0 ? 0 : currentIndex - 1;
-      handleChangeSelectedTab(event, newTabs[newIndex]?.id ?? "none");
-    }
-    handleChangeTabs(event, newTabs);
-  };
-  const handleKeyDownTab = (event, tabId, removable) => {
-    if (removable && (uikitReactCore.isKey(event, "Delete") || uikitReactCore.isKey(event, "Backspace"))) {
-      handleDeleteTab(event, tabId);
-      event.stopPropagation();
-    } else if (uikitReactCore.isKey(event, "Enter")) {
-      setIsEditing(true);
-    }
-  };
-  const { tabWidth, hiddenTabs, visibleTabs } = react.useMemo(() => {
-    let availableWidth = rootWidth - actionsWidth;
-    let calculatedTabWidth = availableWidth / tabs.length;
-    let clamped = uikitReactUtils.clamp(calculatedTabWidth, ToolbarTabs_styles.MAX_TAB_WIDTH, ToolbarTabs_styles.MIN_TAB_WIDTH);
-    if (calculatedTabWidth < ToolbarTabs_styles.MIN_TAB_WIDTH) {
-      availableWidth -= ToolbarTabs_styles.DROPDOWN_MENU_WIDTH;
-      const visibleCount = Math.floor(availableWidth / ToolbarTabs_styles.MIN_TAB_WIDTH);
-      calculatedTabWidth = availableWidth / visibleCount;
-      clamped = uikitReactUtils.clamp(calculatedTabWidth, ToolbarTabs_styles.MAX_TAB_WIDTH, ToolbarTabs_styles.MIN_TAB_WIDTH);
-      const temporaryHiddenTabs = tabs.slice(visibleCount);
-      const selectedTabHiddenIndex = temporaryHiddenTabs.findIndex(
-        (tab) => tab.id === selectedTab
-      );
-      const excludedTabIndex = visibleCount - 1;
-      const shouldShuffle = selectedTabHiddenIndex !== -1 && visibleCount > 0;
-      if (shouldShuffle) {
-        return {
-          tabWidth: clamped,
-          visibleTabs: [
-            ...tabs.slice(0, excludedTabIndex),
-            temporaryHiddenTabs[selectedTabHiddenIndex]
-          ].filter(Boolean),
-          hiddenTabs: [
-            tabs[excludedTabIndex],
-            ...temporaryHiddenTabs.filter(
-              (tab, i) => i !== selectedTabHiddenIndex
-            )
-          ].filter(Boolean)
-        };
-      }
-      return {
-        tabWidth: clamped,
-        visibleTabs: tabs.slice(0, visibleCount),
-        hiddenTabs: temporaryHiddenTabs
-      };
-    }
-    return {
-      tabWidth: clamped,
-      visibleTabs: tabs,
-      hiddenTabs: []
-    };
-  }, [actionsWidth, rootWidth, selectedTab, tabs]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: rootForkedRef,
-      className: cx(classes.root, className),
-      ...others,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.tabsContainer, children: [
-          visibleTabs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            PanelTabs.HvCanvasPanelTabs,
-            {
-              classes: { list: classes.tabsList },
-              value: selectedTab,
-              onChange: handleChangeSelectedTab,
-              children: visibleTabs.map((tab, index) => {
-                const btnSelected = selectedTab === tab.id;
-                const removable = !tab.fixed;
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  PanelTab.HvCanvasPanelTab,
-                  {
-                    style: {
-                      width: tabWidth
-                    },
-                    id: String(tab.id),
-                    className: classes.tab,
-                    value: tab.id,
-                    onKeyDown: (event) => handleKeyDownTab(event, tab.id, removable),
-                    children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.tabContent, children: [
-                      tab.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.tabIconContainer, children: tab.icon }),
-                      !btnSelected || disableTabEdit ? /* @__PURE__ */ jsxRuntime.jsx(
-                        uikitReactCore.HvOverflowTooltip,
-                        {
-                          classes: {
-                            tooltipAnchor: classes.tabLabel
-                          },
-                          data: tab.label
-                        }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(
-                        ToolbarTabEditor.ToolbarTabEditor,
-                        {
-                          classes: {
-                            label: cx(classes.tabLabel, classes.tabLabelEditor)
-                          },
-                          value: tab.label,
-                          edit: isEditing,
-                          onEditChange: setIsEditing,
-                          onChange: (event, value) => handleEdit(event, value, tab.id),
-                          onBlur: (event, value) => handleEdit(event, value, tab.id),
-                          onKeyDown: (e) => e.stopPropagation()
-                        }
-                      ),
-                      removable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.closeIconContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-                        uikitReactIcons.CloseXS,
-                        {
-                          "aria-hidden": true,
-                          size: "xs",
-                          onClick: (event) => {
-                            handleDeleteTab(event, tab.id);
-                            event.stopPropagation();
-                          }
-                        }
-                      ) }),
-                      selectedTab !== tab.id && visibleTabs[index + 1]?.id !== selectedTab && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.tabDivider })
-                    ] })
-                  },
-                  tab.id
-                );
-              })
-            }
-          ),
-          hiddenTabs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.dropdownMenuContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-            uikitReactCore.HvDropDownMenu,
-            {
-              classes: {
-                menuListRoot: classes.dropdownMenuListRoot
-              },
-              dataList: hiddenTabs,
-              icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.MoreOptionsHorizontal, {}),
-              labels: { dropdownMenu: labels.dropdownMenu },
-              onClick: (event, value) => handleChangeSelectedTab(event, value.id ?? "none")
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: actionsRef, className: classes.actionsContainer, children: [
-          children,
-          !hideCreateNew && /* @__PURE__ */ jsxRuntime.jsx(
-            uikitReactCore.HvButton,
-            {
-              variant: "primaryGhost",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.AddAlt, {}),
-              onClick: handleCreateNew,
-              children: labels.create
-            }
-          )
-        ] })
-      ]
-    }
-  );
-});
-exports.canvasToolbarTabsClasses = ToolbarTabs_styles.staticClasses;
-exports.HvCanvasToolbarTabs = HvCanvasToolbarTabs;