@hitachivantara/uikit-react-pentaho 0.1.1

package/dist/esm/Canvas/Toolbar/Toolbar.styles.js

@@ -0,0 +1,41 @@
+import { createClasses, theme } from "@hitachivantara/uikit-react-core";
+const { staticClasses, useClasses } = createClasses("HvCanvasToolbar", {
+  root: {
+    width: "100%",
+    height: 54,
+    display: "flex",
+    alignItems: "center",
+    borderRadius: theme.radii.full,
+    backgroundColor: theme.colors.atmo1,
+    position: "absolute",
+    right: 0,
+    top: 0,
+    transition: "width 0.3s ease"
+  },
+  back: {
+    borderRadius: `${theme.radii.full} 0 0 ${theme.radii.full}`,
+    minWidth: 68,
+    backgroundColor: theme.colors.containerBackgroundHover,
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  title: {
+    display: "flex",
+    alignItems: "center",
+    padding: theme.spacing(0, "md"),
+    height: "100%",
+    flexGrow: 1
+  },
+  actions: {
+    display: "flex",
+    flexWrap: "nowrap",
+    overflow: "auto",
+    paddingRight: theme.space.md
+  }
+});
+export {
+  staticClasses,
+  useClasses
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.styles.js","sources":["../../../../src/Canvas/Toolbar/Toolbar.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCanvasToolbar\", {\n  root: {\n    width: \"100%\",\n    height: 54,\n    display: \"flex\",\n    alignItems: \"center\",\n    borderRadius: theme.radii.full,\n    backgroundColor: theme.colors.atmo1,\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    transition: \"width 0.3s ease\",\n  },\n  back: {\n    borderRadius: `${theme.radii.full} 0 0 ${theme.radii.full}`,\n    minWidth: 68,\n    backgroundColor: theme.colors.containerBackgroundHover,\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  title: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: theme.spacing(0, \"md\"),\n    height: \"100%\",\n    flexGrow: 1,\n  },\n  actions: {\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    overflow: \"auto\",\n    paddingRight: theme.space.md,\n  },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,mBAAmB;AAAA,EAC5E,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc,MAAM,MAAM;AAAA,IAC1B,iBAAiB,MAAM,OAAO;AAAA,IAC9B,UAAU;AAAA,IACV,OAAO;AAAA,IACP,KAAK;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,cAAc,GAAG,MAAM,MAAM,IAAI,QAAQ,MAAM,MAAM,IAAI;AAAA,IACzD,UAAU;AAAA,IACV,iBAAiB,MAAM,OAAO;AAAA,IAC9B,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,GAAG,IAAI;AAAA,IAC9B,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc,MAAM,MAAM;AAAA,EAC5B;AACF,CAAC;"}

package/dist/esm/index.js

@@ -0,0 +1,22 @@
+import { staticClasses } from "./Canvas/Toolbar/Toolbar.styles.js";
+import { HvCanvasToolbar } from "./Canvas/Toolbar/Toolbar.js";
+import { staticClasses as staticClasses2 } from "./Canvas/Panel/Panel.styles.js";
+import { HvCanvasPanel } from "./Canvas/Panel/Panel.js";
+import { staticClasses as staticClasses3 } from "./Canvas/Tabs/Tabs.styles.js";
+import { HvCanvasTabs } from "./Canvas/Tabs/Tabs.js";
+import { staticClasses as staticClasses4 } from "./Canvas/FloatingPanel/FloatingPanel.styles.js";
+import { HvCanvasFloatingPanel } from "./Canvas/FloatingPanel/FloatingPanel.js";
+import { staticClasses as staticClasses5 } from "./Canvas/Tab/Tab.styles.js";
+import { HvCanvasTab } from "./Canvas/Tab/Tab.js";
+export {
+  HvCanvasFloatingPanel,
+  HvCanvasPanel,
+  HvCanvasTab,
+  HvCanvasTabs,
+  HvCanvasToolbar,
+  staticClasses2 as canvasPanelClasses,
+  staticClasses5 as canvasTabClasses,
+  staticClasses3 as canvasTabsClasses,
+  staticClasses as canvasToolbarClasses,
+  staticClasses4 as floatingPanelClasses
+};

package/dist/esm/index.js.map

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

package/dist/types/index.d.ts

@@ -0,0 +1,247 @@
+import { CSSInterpolation } from '@emotion/serialize';
+import { ExtractNames } from '@hitachivantara/uikit-react-core';
+import { ForwardRefExoticComponent } from 'react';
+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 { RefAttributes } from 'react';
+import { TabProps } from '@mui/base/Tab';
+import { TabsProps } from '@mui/base/Tabs';
+
+export declare const canvasPanelClasses: {
+    content: "HvCanvasPanel-content";
+    root: "HvCanvasPanel-root";
+    open: "HvCanvasPanel-open";
+    close: "HvCanvasPanel-close";
+    handle: "HvCanvasPanel-handle";
+    tabs: "HvCanvasPanel-tabs";
+    handleButton: "HvCanvasPanel-handleButton";
+    handleOpen: "HvCanvasPanel-handleOpen";
+    handleClose: "HvCanvasPanel-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";
+    actions: "HvCanvasToolbar-actions";
+    back: "HvCanvasToolbar-back";
+};
+
+declare const DEFAULT_LABELS: {
+    back: string;
+};
+
+declare const DEFAULT_LABELS_2: {
+    open: string;
+    close: string;
+};
+
+export declare const floatingPanelClasses: {
+    content: "HvCanvasFloatingPanel-content";
+    root: "HvCanvasFloatingPanel-root";
+    tab: "HvCanvasFloatingPanel-tab";
+    closed: "HvCanvasFloatingPanel-closed";
+    minimized: "HvCanvasFloatingPanel-minimized";
+    multipleTabs: "HvCanvasFloatingPanel-multipleTabs";
+    overflowing: "HvCanvasFloatingPanel-overflowing";
+    tabTitle: "HvCanvasFloatingPanel-tabTitle";
+    tabsRoot: "HvCanvasFloatingPanel-tabsRoot";
+    leftActions: "HvCanvasFloatingPanel-leftActions";
+    rightActions: "HvCanvasFloatingPanel-rightActions";
+};
+
+/**
+ * A floating panel component to use in a canvas context.
+ */
+export declare const HvCanvasFloatingPanel: ForwardRefExoticComponent<HvCanvasFloatingPanelProps & RefAttributes<HTMLDivElement>>;
+
+export declare type HvCanvasFloatingPanelClasses = ExtractNames<typeof useClasses_4>;
+
+export declare interface HvCanvasFloatingPanelProps extends HvBaseProps {
+    /** Open state of the floating panel. */
+    open?: boolean;
+    /** Minimize state of the floating panel tabs'. */
+    minimize?: boolean;
+    /** List of tabs visible on the panel. */
+    tabs: {
+        id: string | number;
+        title: React.ReactNode;
+    }[];
+    /** Id of the selected tab if it needs to be controlled. */
+    tab?: 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. */
+    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. */
+    rightActions?: HvActionsGenericProps["actions"];
+    /** Callback triggered when a right or left 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?: HvCanvasFloatingPanelClasses;
+}
+
+/**
+ * A panel component to use in a canvas context.
+ */
+export declare const HvCanvasPanel: ForwardRefExoticComponent<HvCanvasPanelProps & RefAttributes<HTMLDivElement>>;
+
+export declare type HvCanvasPanelClasses = ExtractNames<typeof useClasses_2>;
+
+export declare interface HvCanvasPanelProps extends HvBaseProps<HTMLDivElement> {
+    /** When controlled, defines id the panel is open or not. */
+    open?: boolean;
+    /** When uncontrolled, defines the initial state of the panel. */
+    defaultOpen?: boolean;
+    /** List of tabs visible on the panel. */
+    tabs?: {
+        id: string | number;
+        content: React.ReactNode;
+    }[];
+    /** Id of the selected tab if it needs to be controlled. */
+    tab?: string | number;
+    /** Callback triggered whenever the panel toggles. */
+    onToggle?: (event: React.MouseEvent | React.KeyboardEvent, open: boolean) => void;
+    /** 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>;
+    /** The content that will be rendered within the canvas panel. */
+    children?: React.ReactNode;
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasPanelClasses;
+}
+
+/**
+ * The tab component to use inside `HvCanvasTabs`.
+ */
+export declare const HvCanvasTab: ForwardRefExoticComponent<Omit<HvCanvasTabProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+
+export declare type HvCanvasTabClasses = ExtractNames<typeof useClasses_5>;
+
+export declare interface HvCanvasTabProps extends TabProps {
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasTabClasses;
+}
+
+/**
+ * A tabs component to use in a canvas context.
+ */
+export declare const HvCanvasTabs: ForwardRefExoticComponent<Omit<HvCanvasTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
+
+export declare type HvCanvasTabsClasses = ExtractNames<typeof useClasses_3>;
+
+export declare interface HvCanvasTabsProps extends TabsProps {
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasTabsClasses;
+}
+
+/**
+ * A toolbar component to use in a canvas context.
+ */
+export declare const HvCanvasToolbar: ForwardRefExoticComponent<HvCanvasToolbarProps & RefAttributes<HTMLDivElement>>;
+
+export declare type HvCanvasToolbarClasses = ExtractNames<typeof useClasses>;
+
+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>;
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvCanvasToolbarClasses;
+}
+
+declare const useClasses: (classesProp?: Partial<Record<"root" | "title" | "actions" | "back", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        title: string;
+        actions: string;
+        back: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_2: (classesProp?: Partial<Record<"content" | "root" | "open" | "close" | "handle" | "tabs" | "handleButton" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
+    classes: {
+        content: string;
+        root: string;
+        open: string;
+        close: string;
+        handle: string;
+        tabs: string;
+        handleButton: string;
+        handleOpen: string;
+        handleClose: 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;
+        (...args: CSSInterpolation[]): string;
+    };
+    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) => {
+    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;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_5: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+export { }

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@hitachivantara/uikit-react-pentaho",
+  "version": "0.1.1",
+  "private": false,
+  "author": "Hitachi Vantara UI Kit Team",
+  "description": "UI Kit Pentaho+ React components.",
+  "homepage": "https://github.com/lumada-design/hv-uikit-react",
+  "sideEffects": false,
+  "keywords": [
+    "hitachi-vantara",
+    "ui-kit",
+    "typescript",
+    "pentaho"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lumada-design/hv-uikit-react.git",
+    "directory": "packages/pentaho"
+  },
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/lumada-design/hv-uikit-react/issues"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.12.2",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "@emotion/css": "^11.11.0",
+    "@hitachivantara/uikit-react-core": "^5.66.10",
+    "@hitachivantara/uikit-react-icons": "^5.10.2",
+    "@mui/base": "^5.0.0-beta.40",
+    "react-resize-detector": "^8.1.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "directory": "package"
+  },
+  "gitHead": "fd75cf61e59e75d65a015d0e148ec71ecd88da4b",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.cjs",
+      "import": "./dist/esm/index.mjs"
+    }
+  },
+  "types": "dist/types/index.d.ts",
+  "module": "dist/esm/index.mjs"
+}