@hitachivantara/uikit-react-pentaho 0.1.4 → 0.3.0

package/dist/esm/Card/CardMedia/CardMedia.styles.js

@@ -0,0 +1,12 @@
+import { createClasses } from "@hitachivantara/uikit-react-core";
+const { staticClasses, useClasses } = createClasses("HvCardMedia", {
+  root: {},
+  image: {
+    objectFit: "cover",
+    width: "100%"
+  }
+});
+export {
+  staticClasses,
+  useClasses
+};

package/dist/esm/Card/CardMedia/CardMedia.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.styles.js","sources":["../../../../src/Card/CardMedia/CardMedia.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCardMedia\", {\n  root: {},\n  image: {\n    objectFit: \"cover\",\n    width: \"100%\",\n  },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,EACT;AACF,CAAC;"}

package/dist/esm/Card/CardSection/CardSection.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useDefaultProps } from "@hitachivantara/uikit-react-core";
+import { useClasses } from "./CardSection.styles.js";
+import { staticClasses } from "./CardSection.styles.js";
+const HvCardSection = forwardRef(
+  (props, ref) => {
+    const {
+      className,
+      classes: classesProp,
+      children
+    } = useDefaultProps("HvCardSection", props);
+    const { classes, cx } = useClasses(classesProp);
+    return /* @__PURE__ */ jsx("div", { ref, className: cx(classes.root, className), children });
+  }
+);
+export {
+  HvCardSection,
+  staticClasses as cardSectionClasses
+};

package/dist/esm/Card/CardSection/CardSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSection.js","sources":["../../../../src/Card/CardSection/CardSection.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  ExtractNames,\n  HvBaseProps,\n  useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./CardSection.styles\";\n\nexport { staticClasses as cardSectionClasses };\n\nexport type HvCardSectionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardSectionProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvCardSectionClasses;\n}\n\n/**\n * A subcomponent to be used within the `HvCard` component. This component is used to display content on the card.\n */\nexport const HvCardSection = forwardRef<HTMLDivElement, HvCardSectionProps>(\n  (props, ref) => {\n    const {\n      className,\n      classes: classesProp,\n      children,\n    } = useDefaultProps(\"HvCardSection\", props);\n    const { classes, cx } = useClasses(classesProp);\n\n    return (\n      <div ref={ref} className={cx(classes.root, className)}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IAAA,IACE,gBAAgB,iBAAiB,KAAK;AAC1C,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAG5C,WAAA,oBAAC,SAAI,KAAU,WAAW,GAAG,QAAQ,MAAM,SAAS,GACjD,SACH,CAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/Card/CardSection/CardSection.styles.js

@@ -0,0 +1,10 @@
+import { createClasses, theme } from "@hitachivantara/uikit-react-core";
+const { staticClasses, useClasses } = createClasses("HvCardSection", {
+  root: {
+    padding: theme.space.sm
+  }
+});
+export {
+  staticClasses,
+  useClasses
+};

package/dist/esm/Card/CardSection/CardSection.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSection.styles.js","sources":["../../../../src/Card/CardSection/CardSection.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCardSection\", {\n  root: {\n    padding: theme.space.sm,\n  },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,iBAAiB;AAAA,EAC1E,MAAM;AAAA,IACJ,SAAS,MAAM,MAAM;AAAA,EACvB;AACF,CAAC;"}

package/dist/esm/index.js

@@ -1,22 +1,34 @@
-import { staticClasses } from "./Canvas/Toolbar/Toolbar.styles.js";
-import { HvCanvasToolbar } from "./Canvas/Toolbar/Toolbar.js";
-import { staticClasses as staticClasses2 } from "./Canvas/SidePanel/SidePanel.styles.js";
-import { HvCanvasSidePanel } from "./Canvas/SidePanel/SidePanel.js";
-import { staticClasses as staticClasses3 } from "./Canvas/Tabs/Tabs.styles.js";
-import { HvCanvasTabs } from "./Canvas/Tabs/Tabs.js";
-import { staticClasses as staticClasses4 } from "./Canvas/BottomPanel/BottomPanel.styles.js";
+import { staticClasses } from "./Canvas/BottomPanel/BottomPanel.styles.js";
 import { HvCanvasBottomPanel } from "./Canvas/BottomPanel/BottomPanel.js";
-import { staticClasses as staticClasses5 } from "./Canvas/Tab/Tab.styles.js";
-import { HvCanvasTab } from "./Canvas/Tab/Tab.js";
+import { staticClasses as staticClasses2 } from "./Canvas/PanelTab/PanelTab.styles.js";
+import { HvCanvasPanelTab } from "./Canvas/PanelTab/PanelTab.js";
+import { staticClasses as staticClasses3 } from "./Canvas/PanelTabs/PanelTabs.styles.js";
+import { HvCanvasPanelTabs } from "./Canvas/PanelTabs/PanelTabs.js";
+import { staticClasses as staticClasses4 } from "./Canvas/SidePanel/SidePanel.styles.js";
+import { HvCanvasSidePanel } from "./Canvas/SidePanel/SidePanel.js";
+import { staticClasses as staticClasses5 } from "./Canvas/Toolbar/Toolbar.styles.js";
+import { HvCanvasToolbar } from "./Canvas/Toolbar/Toolbar.js";
+import { staticClasses as staticClasses6 } from "./Card/Card.styles.js";
+import { HvCard } from "./Card/Card.js";
+import { staticClasses as staticClasses7 } from "./Card/CardMedia/CardMedia.styles.js";
+import { HvCardMedia } from "./Card/CardMedia/CardMedia.js";
+import { staticClasses as staticClasses8 } from "./Card/CardSection/CardSection.styles.js";
+import { HvCardSection } from "./Card/CardSection/CardSection.js";
 export {
   HvCanvasBottomPanel,
+  HvCanvasPanelTab,
+  HvCanvasPanelTabs,
   HvCanvasSidePanel,
-  HvCanvasTab,
-  HvCanvasTabs,
   HvCanvasToolbar,
-  staticClasses4 as canvasBottomPanelClasses,
-  staticClasses2 as canvasSidePanelClasses,
-  staticClasses5 as canvasTabClasses,
-  staticClasses3 as canvasTabsClasses,
-  staticClasses as canvasToolbarClasses
+  HvCard,
+  HvCardMedia,
+  HvCardSection,
+  staticClasses as canvasBottomPanelClasses,
+  staticClasses2 as canvasPanelTabClasses,
+  staticClasses3 as canvasPanelTabsClasses,
+  staticClasses4 as canvasSidePanelClasses,
+  staticClasses5 as canvasToolbarClasses,
+  staticClasses6 as cardClasses,
+  staticClasses7 as cardMediaClasses,
+  staticClasses8 as cardSectionClasses
 };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import { ComponentProps } from 'react';
 import { CSSInterpolation } from '@emotion/serialize';
 import { ExtractNames } from '@hitachivantara/uikit-react-core';
 import { ForwardRefExoticComponent } from 'react';
@@ -5,6 +6,10 @@ import { HvActionGeneric } from '@hitachivantara/uikit-react-core';
 import { HvActionsGenericProps } from '@hitachivantara/uikit-react-core';
 import { HvBaseProps } from '@hitachivantara/uikit-react-core';
 import { HvIconButtonProps } from '@hitachivantara/uikit-react-core';
+import { PolymorphicComponentRef } from '@hitachivantara/uikit-react-core';
+import { PolymorphicRef } from '@hitachivantara/uikit-react-core';
+import { PropsWithoutRef } from 'react';
+import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { TabProps } from '@mui/base/Tab';
 import { TabsProps } from '@mui/base/Tabs';
@@ -14,6 +19,7 @@ export declare const canvasBottomPanelClasses: {
     root: "HvCanvasBottomPanel-root";
     tab: "HvCanvasBottomPanel-tab";
     closed: "HvCanvasBottomPanel-closed";
+    actionsDisabled: "HvCanvasBottomPanel-actionsDisabled";
     minimized: "HvCanvasBottomPanel-minimized";
     multipleTabs: "HvCanvasBottomPanel-multipleTabs";
     overflowing: "HvCanvasBottomPanel-overflowing";
@@ -23,6 +29,15 @@ export declare const canvasBottomPanelClasses: {
     rightActions: "HvCanvasBottomPanel-rightActions";
 };
 
+export declare const canvasPanelTabClasses: {
+    root: "HvCanvasPanelTab-root";
+};
+
+export declare const canvasPanelTabsClasses: {
+    root: "HvCanvasPanelTabs-root";
+    list: "HvCanvasPanelTabs-list";
+};
+
 export declare const canvasSidePanelClasses: {
     content: "HvCanvasSidePanel-content";
     root: "HvCanvasSidePanel-root";
@@ -30,20 +45,10 @@ export declare const canvasSidePanelClasses: {
     close: "HvCanvasSidePanel-close";
     handle: "HvCanvasSidePanel-handle";
     tabs: "HvCanvasSidePanel-tabs";
-    handleButton: "HvCanvasSidePanel-handleButton";
     handleOpen: "HvCanvasSidePanel-handleOpen";
     handleClose: "HvCanvasSidePanel-handleClose";
 };
 
-export declare const canvasTabClasses: {
-    root: "HvCanvasTab-root";
-};
-
-export declare const canvasTabsClasses: {
-    root: "HvCanvasTabs-root";
-    list: "HvCanvasTabs-list";
-};
-
 export declare const canvasToolbarClasses: {
     root: "HvCanvasToolbar-root";
     title: "HvCanvasToolbar-title";
@@ -51,21 +56,34 @@ export declare const canvasToolbarClasses: {
     back: "HvCanvasToolbar-back";
 };
 
-declare const DEFAULT_LABELS: {
-    back: string;
+export declare const cardClasses: {
+    root: "HvCard-root";
 };
 
-declare const DEFAULT_LABELS_2: {
+export declare const cardMediaClasses: {
+    root: "HvCardMedia-root";
+    image: "HvCardMedia-image";
+};
+
+export declare const cardSectionClasses: {
+    root: "HvCardSection-root";
+};
+
+declare const DEFAULT_LABELS: {
     open: string;
     close: string;
 };
 
+declare const DEFAULT_LABELS_2: {
+    back: string;
+};
+
 /**
  * A bottom panel component to use in a canvas context.
  */
 export declare const HvCanvasBottomPanel: ForwardRefExoticComponent<HvCanvasBottomPanelProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCanvasBottomPanelClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvCanvasBottomPanelClasses = ExtractNames<typeof useClasses>;
 
 export declare interface HvCanvasBottomPanelProps extends HvBaseProps {
     /** Open state of the bottom panel. */
@@ -75,28 +93,65 @@ export declare interface HvCanvasBottomPanelProps extends HvBaseProps {
     /** List of tabs visible on the panel. */
     tabs: {
         id: string | number;
-        title: React.ReactNode;
+        title: React.ReactNode | ((overflowing: boolean) => React.ReactNode);
     }[];
     /** Id of the selected tab if it needs to be controlled. */
-    tab?: string | number;
+    selectedTabId?: string | number;
     /** Callback triggered when a tab changes/is clicked. */
     onTabChange?: (event: React.SyntheticEvent | null, tabId: string | number | null) => void;
-    /** Actions to be rendered in the left side of a tab. If more than one action is provided, a dropdown menu will be used. */
+    /**
+     * Actions to be rendered in the left side of a tab.
+     * If more than one action is provided, a dropdown menu will be used.
+     * These actions are not shown when the tab content is overflowing.
+     */
     leftActions?: HvActionsGenericProps["actions"];
-    /** Actions to be rendered in the right side of a tab.If more than two actions are provided, a dropdown menu will be used to add the remaining actions. */
+    /**
+     * Actions to be rendered in the right side of a tab.
+     * If more than two actions are provided, a dropdown menu will be used to display the remaining actions.
+     * These actions are not shown when the tab content is overflowing.
+     */
     rightActions?: HvActionsGenericProps["actions"];
-    /** Callback triggered when a right or left action is clicked. */
+    /**
+     * Actions to be rendered in the right side of a tab when the tab content is overflowing.
+     * These actions will replace both `leftActions` and `rightActions`.
+     */
+    overflowActions?: HvActionsGenericProps["actions"];
+    /** Callback triggered when an action is clicked. */
     onAction?: (event: React.SyntheticEvent, action: HvActionGeneric, tabId: string | number) => void;
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvCanvasBottomPanelClasses;
 }
 
+/**
+ * The tab component to use inside `HvCanvasPanelTabs`.
+ */
+export declare const HvCanvasPanelTab: ForwardRefExoticComponent<Omit<HvCanvasPanelTabProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+
+export declare type HvCanvasPanelTabClasses = ExtractNames<typeof useClasses_2>;
+
+export declare interface HvCanvasPanelTabProps extends TabProps {
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasPanelTabClasses;
+}
+
+/**
+ * A tabs component to use in a canvas context.
+ */
+export declare const HvCanvasPanelTabs: ForwardRefExoticComponent<Omit<HvCanvasPanelTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
+
+export declare type HvCanvasPanelTabsClasses = ExtractNames<typeof useClasses_3>;
+
+export declare interface HvCanvasPanelTabsProps extends TabsProps {
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasPanelTabsClasses;
+}
+
 /**
  * A side panel component to use in a canvas context.
  */
 export declare const HvCanvasSidePanel: ForwardRefExoticComponent<HvCanvasSidePanelProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCanvasSidePanelClasses = ExtractNames<typeof useClasses_2>;
+export declare type HvCanvasSidePanelClasses = ExtractNames<typeof useClasses_4>;
 
 export declare interface HvCanvasSidePanelProps extends HvBaseProps<HTMLDivElement, "onToggle"> {
     /** When controlled, defines id the panel is open or not. */
@@ -115,7 +170,7 @@ export declare interface HvCanvasSidePanelProps extends HvBaseProps<HTMLDivEleme
     /** Callback triggered when a tab changes/is clicked. */
     onTabChange?: (event: React.SyntheticEvent | null, tabId: string | number | null) => void;
     /** An object containing all the labels. */
-    labels?: Partial<typeof DEFAULT_LABELS_2>;
+    labels?: Partial<typeof DEFAULT_LABELS>;
     /** The content that will be rendered within the canvas panel. */
     children?: React.ReactNode;
     /** A Jss Object used to override or extend the styles applied. */
@@ -123,56 +178,114 @@ export declare interface HvCanvasSidePanelProps extends HvBaseProps<HTMLDivEleme
 }
 
 /**
- * The tab component to use inside `HvCanvasTabs`.
+ * A toolbar component to use in a canvas context.
  */
-export declare const HvCanvasTab: ForwardRefExoticComponent<Omit<HvCanvasTabProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const HvCanvasToolbar: ForwardRefExoticComponent<HvCanvasToolbarProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCanvasTabClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvCanvasToolbarClasses = ExtractNames<typeof useClasses_5>;
 
-export declare interface HvCanvasTabProps extends TabProps {
+export declare interface HvCanvasToolbarProps extends HvBaseProps<HTMLDivElement, "title"> {
+    /** Text to display in the component. */
+    title: React.ReactNode;
+    /** Fully customized button or false for when the back button should not be rendered. */
+    backButton?: React.ReactNode;
+    /** An object containing all the labels. */
+    labels?: Partial<typeof DEFAULT_LABELS_2>;
+    children?: React.ReactNode;
+    /** Props for the default back button. */
+    backButtonProps?: Partial<HvIconButtonProps>;
     /** A Jss Object used to override or extend the styles applied. */
-    classes?: HvCanvasTabClasses;
+    classes?: HvCanvasToolbarClasses;
 }
 
 /**
- * A tabs component to use in a canvas context.
+ * The Pentaho Card component.
+ */
+export declare const HvCard: <C extends React.ElementType = "div">(props: {
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCardClasses;
+} & {
+    component?: C | undefined;
+} & {
+    children?: ReactNode | undefined;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component"> ? T extends any ? T : never : never : never) & {
+    ref?: PolymorphicRef<C> | undefined;
+} & RefAttributes<unknown>) => React.ReactNode;
+
+export declare type HvCardClasses = ExtractNames<typeof useClasses_6>;
+
+/**
+ * A subcomponent to be used within the `HvCard` component. This component is used to display an image within the card.
  */
-export declare const HvCanvasTabs: ForwardRefExoticComponent<Omit<HvCanvasTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const HvCardMedia: ForwardRefExoticComponent<HvCardMediaProps & RefAttributes<HTMLImageElement>>;
 
-export declare type HvCanvasTabsClasses = ExtractNames<typeof useClasses_3>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_7>;
 
-export declare interface HvCanvasTabsProps extends TabsProps {
+export declare interface HvCardMediaProps extends HvBaseProps<HTMLImageElement> {
+    /** The source for the image to use in the card. */
+    src: string;
+    /** The height of the image container. */
+    height?: number;
+    /** A text alternative to the image. */
+    alt?: string;
     /** A Jss Object used to override or extend the styles applied. */
-    classes?: HvCanvasTabsClasses;
+    classes?: HvCardMediaClasses;
 }
 
+export declare type HvCardProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCardClasses;
+}>;
+
 /**
- * A toolbar component to use in a canvas context.
+ * A subcomponent to be used within the `HvCard` component. This component is used to display content on the card.
  */
-export declare const HvCanvasToolbar: ForwardRefExoticComponent<HvCanvasToolbarProps & RefAttributes<HTMLDivElement>>;
+export declare const HvCardSection: ForwardRefExoticComponent<HvCardSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCanvasToolbarClasses = ExtractNames<typeof useClasses>;
+export declare type HvCardSectionClasses = ExtractNames<typeof useClasses_8>;
 
-export declare interface HvCanvasToolbarProps extends HvBaseProps<HTMLDivElement, "title"> {
-    /** Text to display in the component. */
-    title: React.ReactNode;
-    /** Fully customized button or false for when the back button should not be rendered. */
-    backButton?: React.ReactNode;
-    /** An object containing all the labels. */
-    labels?: Partial<typeof DEFAULT_LABELS>;
-    children?: React.ReactNode;
-    /** Props for the default back button. */
-    backButtonProps?: Partial<HvIconButtonProps>;
+export declare interface HvCardSectionProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
-    classes?: HvCanvasToolbarClasses;
+    classes?: HvCardSectionClasses;
 }
 
-declare const useClasses: (classesProp?: Partial<Record<"root" | "title" | "actions" | "back", string>>, addStatic?: boolean) => {
+declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "tab" | "closed" | "actionsDisabled" | "minimized" | "multipleTabs" | "overflowing" | "tabTitle" | "tabsRoot" | "leftActions" | "rightActions", string>>, addStatic?: boolean) => {
     classes: {
+        content: string;
         root: string;
-        title: string;
-        actions: string;
-        back: string;
+        tab: string;
+        closed: string;
+        actionsDisabled: string;
+        minimized: string;
+        multipleTabs: string;
+        overflowing: string;
+        tabTitle: string;
+        tabsRoot: string;
+        leftActions: string;
+        rightActions: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_3: (classesProp?: Partial<Record<"root" | "list", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        list: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -181,7 +294,7 @@ declare const useClasses: (classesProp?: Partial<Record<"root" | "title" | "acti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"content" | "root" | "open" | "close" | "handle" | "tabs" | "handleButton" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "close" | "handle" | "tabs" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         root: string;
@@ -189,7 +302,6 @@ declare const useClasses_2: (classesProp?: Partial<Record<"content" | "root" | "
         close: string;
         handle: string;
         tabs: string;
-        handleButton: string;
         handleOpen: string;
         handleClose: string;
     };
@@ -200,10 +312,12 @@ declare const useClasses_2: (classesProp?: Partial<Record<"content" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root" | "list", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root" | "title" | "actions" | "back", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        list: string;
+        title: string;
+        actions: string;
+        back: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -212,19 +326,9 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "list", strin
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "tab" | "closed" | "minimized" | "multipleTabs" | "overflowing" | "tabTitle" | "tabsRoot" | "leftActions" | "rightActions", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        content: string;
         root: string;
-        tab: string;
-        closed: string;
-        minimized: string;
-        multipleTabs: string;
-        overflowing: string;
-        tabTitle: string;
-        tabsRoot: string;
-        leftActions: string;
-        rightActions: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -233,7 +337,19 @@ declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root" | "image", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        image: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-pentaho",
-  "version": "0.1.4",
+  "version": "0.3.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "UI Kit Pentaho+ React components.",
@@ -30,8 +30,8 @@
   },
   "dependencies": {
     "@emotion/css": "^11.11.0",
-    "@hitachivantara/uikit-react-core": "^5.66.13",
-    "@hitachivantara/uikit-react-icons": "^5.10.4",
+    "@hitachivantara/uikit-react-core": "^5.66.14",
+    "@hitachivantara/uikit-react-icons": "^5.10.5",
     "@mui/base": "^5.0.0-beta.40",
     "react-resize-detector": "^8.1.0"
   },
@@ -42,7 +42,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "783ab99a5fb41ad89f810e44fc15c1853a7f8381",
+  "gitHead": "92d73ff42ea365f4fe8fe19107c592e870da41bd",
   "exports": {
     ".": {
       "require": "./dist/cjs/index.cjs",

package/dist/cjs/Canvas/Tab/Tab.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const Tab = require("@mui/base/Tab");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const Tab_styles = require("./Tab.styles.cjs");
-const HvCanvasTab = react.forwardRef(
-  (props, ref) => {
-    const {
-      classes: classesProp,
-      className,
-      ...others
-    } = uikitReactCore.useDefaultProps("HvCanvasTab", props);
-    const { classes, cx } = Tab_styles.useClasses(classesProp);
-    return /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, { ref, className: cx(classes.root, className), ...others });
-  }
-);
-exports.canvasTabClasses = Tab_styles.staticClasses;
-exports.HvCanvasTab = HvCanvasTab;

package/dist/cjs/Canvas/Tabs/Tabs.cjs

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const Tabs = require("@mui/base/Tabs");
-const TabsList = require("@mui/base/TabsList");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const Tabs_styles = require("./Tabs.styles.cjs");
-const HvCanvasTabs = react.forwardRef(
-  (props, ref) => {
-    const {
-      selectionFollowsFocus = true,
-      children,
-      className,
-      classes: classesProp,
-      ...others
-    } = uikitReactCore.useDefaultProps("HvCanvasTabs", props);
-    const { classes, cx } = Tabs_styles.useClasses(classesProp);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Tabs.Tabs,
-      {
-        ref,
-        className: cx(classes.root, className),
-        selectionFollowsFocus,
-        ...others,
-        children: /* @__PURE__ */ jsxRuntime.jsx(TabsList.TabsList, { className: classes.list, children })
-      }
-    );
-  }
-);
-exports.canvasTabsClasses = Tabs_styles.staticClasses;
-exports.HvCanvasTabs = HvCanvasTabs;

package/dist/esm/Canvas/Tab/Tab.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Tab } from "@mui/base/Tab";
-import { useDefaultProps } from "@hitachivantara/uikit-react-core";
-import { useClasses } from "./Tab.styles.js";
-import { staticClasses } from "./Tab.styles.js";
-const HvCanvasTab = forwardRef(
-  (props, ref) => {
-    const {
-      classes: classesProp,
-      className,
-      ...others
-    } = useDefaultProps("HvCanvasTab", props);
-    const { classes, cx } = useClasses(classesProp);
-    return /* @__PURE__ */ jsx(Tab, { ref, className: cx(classes.root, className), ...others });
-  }
-);
-export {
-  HvCanvasTab,
-  staticClasses as canvasTabClasses
-};

package/dist/esm/Canvas/Tab/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/Canvas/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Tab, TabProps } from \"@mui/base/Tab\";\nimport {\n  ExtractNames,\n  useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./Tab.styles\";\n\nexport { staticClasses as canvasTabClasses };\n\nexport type HvCanvasTabClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCanvasTabProps extends TabProps {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvCanvasTabClasses;\n}\n\n/**\n * The tab component to use inside `HvCanvasTabs`.\n */\nexport const HvCanvasTab = forwardRef<HTMLButtonElement, HvCanvasTabProps>(\n  (props, ref) => {\n    const {\n      classes: classesProp,\n      className,\n      ...others\n    } = useDefaultProps(\"HvCanvasTab\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    return (\n      <Tab ref={ref} className={cx(classes.root, className)} {...others} />\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,cAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,eAAe,KAAK;AAExC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAG5C,WAAA,oBAAC,KAAI,EAAA,KAAU,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,OAAQ,CAAA;AAAA,EAEvE;AACF;"}

package/dist/esm/Canvas/Tab/Tab.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.styles.js","sources":["../../../../src/Canvas/Tab/Tab.styles.tsx"],"sourcesContent":["import { tabClasses } from \"@mui/base/Tab\";\nimport {\n  createClasses,\n  outlineStyles,\n  theme,\n} from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCanvasTab\", {\n  root: {\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flex: 1,\n    borderRadius: \"16px 16px 0 0\",\n    backgroundColor: theme.colors.atmo2,\n    color: theme.colors.secondary_60,\n    overflow: \"hidden\",\n    width: \"100%\",\n    boxShadow: \"0px -2px 8px 0px #4141410F\",\n    paddingInlineEnd: 0,\n    paddingInlineStart: 0,\n    \"& svg .color0\": {\n      fill: \"currentcolor\",\n    },\n    \"&:hover\": {\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      backgroundColor: theme.colors.atmo1,\n    },\n    [`&.${tabClasses.selected}`]: {\n      backgroundColor: theme.colors.atmo1,\n      ...theme.typography.label,\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n});\n"],"names":[],"mappings":";;AAOO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,cAAc;AAAA,IACd,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO,MAAM,OAAO;AAAA,IACpB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,CAAC,KAAK,WAAW,QAAQ,EAAE,GAAG;AAAA,MAC5B,iBAAiB,MAAM,OAAO;AAAA,MAC9B,GAAG,MAAM,WAAW;AAAA,IACtB;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAG;AAAA,IACL;AAAA,EACF;AACF,CAAC;"}