@hitachivantara/uikit-react-pentaho 0.8.16 → 0.8.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/Canvas/SidePanel/SidePanel.styles.cjs +4 -1
  2. package/dist/esm/Canvas/PanelTab/PanelTab.styles.js +1 -1
  3. package/dist/esm/Canvas/SidePanel/SidePanel.styles.js +5 -2
  4. package/dist/esm/Canvas/SidePanel/SidePanel.styles.js.map +1 -1
  5. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.js +1 -1
  6. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.styles.js +1 -1
  7. package/dist/types/index.d.ts +3 -5
  8. package/package.json +6 -6
package/dist/cjs/Canvas/SidePanel/SidePanel.styles.cjs CHANGED
@@ -33,10 +33,13 @@ const { staticClasses, useClasses } = uikitReactCore.createClasses(
33
33
  display: "flex",
34
34
  justifyContent: "center",
35
35
  boxShadow,
36
- backgroundColor: uikitReactCore.theme.colors.atmo1,
37
36
  borderRadius: "0px 16px 16px 0px",
38
37
  position: "absolute",
39
38
  transition: "left 0.3s ease",
39
+ "&&": {
40
+ // override action state styles
41
+ backgroundColor: uikitReactCore.theme.colors.atmo1
42
+ },
40
43
  top: "calc(50% - 44px)",
41
44
  // subtract handle's full height
42
45
  "&$handleOpen": {
package/dist/esm/Canvas/PanelTab/PanelTab.styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { tabClasses } from "@mui/base/Tab";
2
- import { createClasses, theme, outlineStyles } from "@hitachivantara/uikit-react-core";
2
+ import { createClasses, outlineStyles, theme } from "@hitachivantara/uikit-react-core";
3
3
  const { staticClasses, useClasses } = createClasses("HvCanvasPanelTab", {
4
4
  root: {
5
5
  height: "100%",
package/dist/esm/Canvas/SidePanel/SidePanel.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { theme, createClasses } from "@hitachivantara/uikit-react-core";
1
+ import { createClasses, theme } from "@hitachivantara/uikit-react-core";
2
2
  const boxShadow = `4px 0px 8px -4px ${theme.alpha("base_dark", "12%")}`;
3
3
  const { staticClasses, useClasses } = createClasses(
4
4
  "HvCanvasSidePanel",
@@ -31,10 +31,13 @@ const { staticClasses, useClasses } = createClasses(
31
31
  display: "flex",
32
32
  justifyContent: "center",
33
33
  boxShadow,
34
- backgroundColor: theme.colors.atmo1,
35
34
  borderRadius: "0px 16px 16px 0px",
36
35
  position: "absolute",
37
36
  transition: "left 0.3s ease",
37
+ "&&": {
38
+ // override action state styles
39
+ backgroundColor: theme.colors.atmo1
40
+ },
38
41
  top: "calc(50% - 44px)",
39
42
  // subtract handle's full height
40
43
  "&$handleOpen": {
package/dist/esm/Canvas/SidePanel/SidePanel.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SidePanel.styles.js","sources":["../../../../src/Canvas/SidePanel/SidePanel.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nconst boxShadow = `4px 0px 8px -4px ${theme.alpha(\"base_dark\", \"12%\")}`;\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvCanvasSidePanel\",\n {\n root: {\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n left: 0,\n boxShadow,\n backgroundColor: \"transparent\",\n transition: \"visibility 0.3s ease, width 0.3s ease\",\n overflow: \"hidden\",\n \"&$open\": {\n width: 320,\n visibility: \"visible\",\n },\n \"&$close\": {\n width: 0,\n visibility: \"hidden\",\n },\n },\n tabs: {},\n content: {\n height: \"100%\",\n },\n handle: {\n height: 44,\n width: 44,\n display: \"flex\",\n justifyContent: \"center\",\n boxShadow,\n backgroundColor: theme.colors.atmo1,\n borderRadius: \"0px 16px 16px 0px\",\n position: \"absolute\",\n transition: \"left 0.3s ease\",\n top: \"calc(50% - 44px)\", // subtract handle's full height\n \"&$handleOpen\": {\n left: 320,\n },\n \"&$handleClose\": {\n left: 0,\n },\n },\n open: {},\n close: {},\n handleOpen: {},\n handleClose: {},\n },\n);\n"],"names":[],"mappings":";AAEA,MAAM,YAAY,oBAAoB,MAAM,MAAM,aAAa,KAAK,CAAC;AAExD,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,QACR,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,MACA,WAAW;AAAA,QACT,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,MAAM,CAAC;AAAA,IACP,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB;AAAA,MACA,iBAAiB,MAAM,OAAO;AAAA,MAC9B,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,KAAK;AAAA;AAAA,MACL,gBAAgB;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,MAAM,CAAC;AAAA,IACP,OAAO,CAAC;AAAA,IACR,YAAY,CAAC;AAAA,IACb,aAAa,CAAA;AAAA,EAAC;AAElB;"}
1
+ {"version":3,"file":"SidePanel.styles.js","sources":["../../../../src/Canvas/SidePanel/SidePanel.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nconst boxShadow = `4px 0px 8px -4px ${theme.alpha(\"base_dark\", \"12%\")}`;\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvCanvasSidePanel\",\n {\n root: {\n height: \"100%\",\n position: \"absolute\",\n top: 0,\n left: 0,\n boxShadow,\n backgroundColor: \"transparent\",\n transition: \"visibility 0.3s ease, width 0.3s ease\",\n overflow: \"hidden\",\n \"&$open\": {\n width: 320,\n visibility: \"visible\",\n },\n \"&$close\": {\n width: 0,\n visibility: \"hidden\",\n },\n },\n tabs: {},\n content: {\n height: \"100%\",\n },\n handle: {\n height: 44,\n width: 44,\n display: \"flex\",\n justifyContent: \"center\",\n boxShadow,\n borderRadius: \"0px 16px 16px 0px\",\n position: \"absolute\",\n transition: \"left 0.3s ease\",\n \"&&\": {\n // override action state styles\n backgroundColor: theme.colors.atmo1,\n },\n top: \"calc(50% - 44px)\", // subtract handle's full height\n \"&$handleOpen\": {\n left: 320,\n },\n \"&$handleClose\": {\n left: 0,\n },\n },\n open: {},\n close: {},\n handleOpen: {},\n handleClose: {},\n },\n);\n"],"names":[],"mappings":";AAEA,MAAM,YAAY,oBAAoB,MAAM,MAAM,aAAa,KAAK,CAAC;AAExD,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,QACR,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,MACA,WAAW;AAAA,QACT,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,MAAM,CAAC;AAAA,IACP,SAAS;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB;AAAA,MACA,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA;AAAA,QAEJ,iBAAiB,MAAM,OAAO;AAAA,MAChC;AAAA,MACA,KAAK;AAAA;AAAA,MACL,gBAAgB;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,MAAM,CAAC;AAAA,IACP,OAAO,CAAC;AAAA,IACR,YAAY,CAAC;AAAA,IACb,aAAa,CAAA;AAAA,EAAC;AAElB;"}
package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { forwardRef, useState, useMemo } from "react";
3
3
  import { useResizeDetector } from "react-resize-detector";
4
- import { useDefaultProps, useLabels, useControlled, useForkRef, HvOverflowTooltip, HvDropDownMenu, HvButton, uniqueId, isKey } from "@hitachivantara/uikit-react-core";
4
+ import { useDefaultProps, useLabels, useControlled, useForkRef, HvOverflowTooltip, HvDropDownMenu, HvButton, isKey, uniqueId } from "@hitachivantara/uikit-react-core";
5
5
  import { CloseXS, MoreOptionsHorizontal, AddAlt } from "@hitachivantara/uikit-react-icons";
6
6
  import { clamp } from "@hitachivantara/uikit-react-utils";
7
7
  import { ToolbarTabEditor } from "./ToolbarTabEditor.js";
package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { tabClasses } from "@mui/base/Tab";
2
- import { theme, createClasses } from "@hitachivantara/uikit-react-core";
2
+ import { createClasses, theme } from "@hitachivantara/uikit-react-core";
3
3
  import { toolbarTabEditorClasses as staticClasses$1 } from "./ToolbarTabEditor.js";
4
4
  const MIN_TAB_WIDTH = 120;
5
5
  const MAX_TAB_WIDTH = 220;
package/dist/types/index.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- /// <reference types="react" />
2
-
3
1
  import { Context } from 'react';
4
2
  import { ExtractNames } from '@hitachivantara/uikit-react-core';
5
3
  import { ForwardRefExoticComponent } from 'react';
@@ -164,7 +162,7 @@ export declare interface HvCanvasPanelTabsProps extends TabsProps {
164
162
 
165
163
  export declare const HvCanvasProvider: ({ children, }: {
166
164
  children: React.ReactNode;
167
- onSidePanelResize?: ((width: number) => void) | undefined;
165
+ onSidePanelResize?: (width: number) => void;
168
166
  }) => JSX_2.Element;
169
167
 
170
168
  /**
@@ -267,7 +265,7 @@ declare interface ToolbarTabsTab {
267
265
 
268
266
  export declare const useCanvasContext: () => HvCanvasContextValue | null;
269
267
 
270
- declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "tab" | "closed" | "minimized" | "multipleTabs" | "overflowing" | "tabTitle" | "tabsRoot" | "leftActions" | "rightActions" | "actionsDisabled", string>>, addStatic?: boolean) => {
268
+ declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "tab" | "closed" | "actionsDisabled" | "minimized" | "multipleTabs" | "overflowing" | "tabTitle" | "tabsRoot" | "leftActions" | "rightActions", string>>, addStatic?: boolean) => {
271
269
  readonly classes: {
272
270
  root: string;
273
271
  closed: string;
@@ -303,7 +301,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "list", strin
303
301
  readonly cx: (...args: any) => string;
304
302
  };
305
303
 
306
- declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "handle" | "close" | "tabs" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
304
+ declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "close" | "handle" | "tabs" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
307
305
  readonly classes: {
308
306
  root: string;
309
307
  tabs: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-pentaho",
3
- "version": "0.8.16",
3
+ "version": "0.8.18",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "UI Kit Pentaho+ React components.",
@@ -30,10 +30,10 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@emotion/css": "^11.11.0",
33
- "@hitachivantara/uikit-react-core": "^5.87.2",
34
- "@hitachivantara/uikit-react-icons": "^5.13.6",
35
- "@hitachivantara/uikit-react-utils": "^0.2.23",
36
- "@mui/base": "^5.0.0-beta.40",
33
+ "@hitachivantara/uikit-react-core": "^5.88.0",
34
+ "@hitachivantara/uikit-react-icons": "^5.13.8",
35
+ "@hitachivantara/uikit-react-utils": "^0.2.25",
36
+ "@mui/base": "5.0.0-beta.68",
37
37
  "react-resize-detector": "^8.1.0"
38
38
  },
39
39
  "files": [
@@ -43,7 +43,7 @@
43
43
  "access": "public",
44
44
  "directory": "package"
45
45
  },
46
- "gitHead": "e87984a453b911d219b69cc57fd9a79cfdfdad2c",
46
+ "gitHead": "16c8c47610601f54711ae92dc4e0db946e3caac4",
47
47
  "exports": {
48
48
  ".": {
49
49
  "types": "./dist/types/index.d.ts",