@hitachivantara/uikit-react-pentaho 0.10.20 → 6.0.0-next.2
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.
- package/dist/{esm/Canvas → Canvas}/ToolbarTabs/ToolbarTabEditor.js +1 -1
- package/dist/{types/index.d.ts → index.d.ts} +1 -1
- package/package.json +13 -13
- package/dist/cjs/Canvas/BottomPanel/BottomPanel.cjs +0 -208
- package/dist/cjs/Canvas/BottomPanel/BottomPanel.styles.cjs +0 -79
- package/dist/cjs/Canvas/CanvasContext.cjs +0 -46
- package/dist/cjs/Canvas/PanelTab/PanelTab.cjs +0 -18
- package/dist/cjs/Canvas/PanelTab/PanelTab.styles.cjs +0 -36
- package/dist/cjs/Canvas/PanelTabs/PanelTabs.cjs +0 -30
- package/dist/cjs/Canvas/PanelTabs/PanelTabs.styles.cjs +0 -16
- package/dist/cjs/Canvas/SidePanel/SidePanel.cjs +0 -139
- package/dist/cjs/Canvas/SidePanel/SidePanel.styles.cjs +0 -59
- package/dist/cjs/Canvas/SidePanel/useResizable.cjs +0 -76
- package/dist/cjs/Canvas/Toolbar/Toolbar.cjs +0 -59
- package/dist/cjs/Canvas/Toolbar/Toolbar.styles.cjs +0 -40
- package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabEditor.cjs +0 -154
- package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabs.cjs +0 -231
- package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabs.styles.cjs +0 -125
- package/dist/cjs/index.cjs +0 -30
- /package/dist/{esm/Canvas → Canvas}/BottomPanel/BottomPanel.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/BottomPanel/BottomPanel.styles.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/CanvasContext.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/PanelTab/PanelTab.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/PanelTab/PanelTab.styles.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/PanelTabs/PanelTabs.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/PanelTabs/PanelTabs.styles.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/SidePanel/SidePanel.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/SidePanel/SidePanel.styles.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/SidePanel/useResizable.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/Toolbar/Toolbar.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/Toolbar/Toolbar.styles.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/ToolbarTabs/ToolbarTabs.js +0 -0
- /package/dist/{esm/Canvas → Canvas}/ToolbarTabs/ToolbarTabs.styles.js +0 -0
- /package/dist/{esm/index.js → index.js} +0 -0
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const Tab = require("@mui/base/Tab");
|
|
4
|
-
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
5
|
-
const ToolbarTabEditor = require("./ToolbarTabEditor.cjs");
|
|
6
|
-
const MIN_TAB_WIDTH = 120;
|
|
7
|
-
const MAX_TAB_WIDTH = 220;
|
|
8
|
-
const DROPDOWN_MENU_WIDTH = 64;
|
|
9
|
-
const TAB_HEIGHT = 32;
|
|
10
|
-
const CLOSE_ICON_SIZE = 32;
|
|
11
|
-
const TAB_ICON_SIZE = 16;
|
|
12
|
-
const TAB_COLOR = uikitReactCore.theme.mix("primaryDimmed", 0.5, "dimmer");
|
|
13
|
-
const { staticClasses, useClasses } = uikitReactCore.createClasses(
|
|
14
|
-
"HvCanvasToolbarTabs",
|
|
15
|
-
{
|
|
16
|
-
root: {
|
|
17
|
-
display: "flex",
|
|
18
|
-
justifyContent: "space-between",
|
|
19
|
-
alignItems: "center",
|
|
20
|
-
width: "100%",
|
|
21
|
-
backgroundColor: uikitReactCore.theme.colors.bgContainer,
|
|
22
|
-
boxShadow: uikitReactCore.theme.colors.shadow,
|
|
23
|
-
borderRadius: `0px 0px ${uikitReactCore.theme.radii.base} ${uikitReactCore.theme.radii.base}`,
|
|
24
|
-
transition: "width 0.3s ease",
|
|
25
|
-
height: TAB_HEIGHT
|
|
26
|
-
},
|
|
27
|
-
tabsContainer: {
|
|
28
|
-
display: "flex"
|
|
29
|
-
},
|
|
30
|
-
tabsList: {
|
|
31
|
-
height: TAB_HEIGHT,
|
|
32
|
-
backgroundColor: uikitReactCore.theme.colors.bgContainer,
|
|
33
|
-
borderEndStartRadius: uikitReactCore.theme.radii.base
|
|
34
|
-
},
|
|
35
|
-
tab: {
|
|
36
|
-
boxSizing: "border-box",
|
|
37
|
-
border: `1px solid transparent`,
|
|
38
|
-
borderBottom: "none",
|
|
39
|
-
borderRadius: "10px 10px 0 0",
|
|
40
|
-
boxShadow: "none",
|
|
41
|
-
backgroundColor: "inherit",
|
|
42
|
-
"&:first-of-type": { borderEndStartRadius: uikitReactCore.theme.radii.base },
|
|
43
|
-
[`&.${Tab.tabClasses.selected}`]: {
|
|
44
|
-
color: uikitReactCore.theme.colors.primary,
|
|
45
|
-
backgroundColor: TAB_COLOR,
|
|
46
|
-
borderColor: uikitReactCore.theme.colors.border
|
|
47
|
-
},
|
|
48
|
-
[`&:hover:not(.${Tab.tabClasses.selected}), &:focus:not(.${Tab.tabClasses.selected})`]: {
|
|
49
|
-
borderRadius: 0,
|
|
50
|
-
backgroundColor: TAB_COLOR,
|
|
51
|
-
borderColor: TAB_COLOR,
|
|
52
|
-
"&:first-of-type": { borderEndStartRadius: uikitReactCore.theme.radii.base }
|
|
53
|
-
},
|
|
54
|
-
// Hide icon when editor is hovered and focused
|
|
55
|
-
[`&:has($tabLabelEditor:hover) $tabIconContainer, &:has(.${ToolbarTabEditor.toolbarTabEditorClasses.edit}) $tabIconContainer`]: {
|
|
56
|
-
display: "none"
|
|
57
|
-
},
|
|
58
|
-
// Hide close when editor is focused
|
|
59
|
-
[`&:has(.${ToolbarTabEditor.toolbarTabEditorClasses.edit}) $closeIconContainer`]: {
|
|
60
|
-
display: "none"
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
tabLabel: {
|
|
64
|
-
"&:not($tabLabelEditor)": {
|
|
65
|
-
margin: uikitReactCore.theme.spacing(0, "xs")
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
tabLabelEditor: {
|
|
69
|
-
color: uikitReactCore.theme.colors.primary
|
|
70
|
-
},
|
|
71
|
-
tabContent: {
|
|
72
|
-
position: "relative",
|
|
73
|
-
height: TAB_HEIGHT,
|
|
74
|
-
display: "flex",
|
|
75
|
-
justifyContent: "flex-start",
|
|
76
|
-
alignItems: "center",
|
|
77
|
-
width: "100%",
|
|
78
|
-
padding: uikitReactCore.theme.space.xs
|
|
79
|
-
},
|
|
80
|
-
tabIconContainer: {
|
|
81
|
-
display: "flex",
|
|
82
|
-
justifyContent: "center",
|
|
83
|
-
alignItems: "center",
|
|
84
|
-
width: TAB_ICON_SIZE
|
|
85
|
-
},
|
|
86
|
-
closeIconContainer: {
|
|
87
|
-
display: "flex",
|
|
88
|
-
justifyContent: "center",
|
|
89
|
-
alignItems: "center",
|
|
90
|
-
marginLeft: "auto",
|
|
91
|
-
marginRight: uikitReactCore.theme.spacing(-1),
|
|
92
|
-
width: CLOSE_ICON_SIZE,
|
|
93
|
-
"&:hover": {
|
|
94
|
-
backgroundColor: uikitReactCore.theme.colors.bgHover,
|
|
95
|
-
borderRadius: uikitReactCore.theme.radii.full
|
|
96
|
-
}
|
|
97
|
-
},
|
|
98
|
-
tabDivider: {
|
|
99
|
-
position: "absolute",
|
|
100
|
-
height: 18,
|
|
101
|
-
width: 1,
|
|
102
|
-
backgroundColor: uikitReactCore.theme.colors.bgPageSecondary,
|
|
103
|
-
right: 0
|
|
104
|
-
},
|
|
105
|
-
actionsContainer: {
|
|
106
|
-
display: "flex",
|
|
107
|
-
justifyContent: "flex-end",
|
|
108
|
-
alignItems: "center",
|
|
109
|
-
gap: uikitReactCore.theme.space.sm
|
|
110
|
-
},
|
|
111
|
-
dropdownMenuContainer: {
|
|
112
|
-
width: DROPDOWN_MENU_WIDTH,
|
|
113
|
-
display: "flex",
|
|
114
|
-
justifyContent: "center"
|
|
115
|
-
},
|
|
116
|
-
dropdownMenuListRoot: {
|
|
117
|
-
maxHeight: 220
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
);
|
|
121
|
-
exports.DROPDOWN_MENU_WIDTH = DROPDOWN_MENU_WIDTH;
|
|
122
|
-
exports.MAX_TAB_WIDTH = MAX_TAB_WIDTH;
|
|
123
|
-
exports.MIN_TAB_WIDTH = MIN_TAB_WIDTH;
|
|
124
|
-
exports.staticClasses = staticClasses;
|
|
125
|
-
exports.useClasses = useClasses;
|
package/dist/cjs/index.cjs
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const BottomPanel_styles = require("./Canvas/BottomPanel/BottomPanel.styles.cjs");
|
|
4
|
-
const BottomPanel = require("./Canvas/BottomPanel/BottomPanel.cjs");
|
|
5
|
-
const PanelTab_styles = require("./Canvas/PanelTab/PanelTab.styles.cjs");
|
|
6
|
-
const PanelTab = require("./Canvas/PanelTab/PanelTab.cjs");
|
|
7
|
-
const PanelTabs_styles = require("./Canvas/PanelTabs/PanelTabs.styles.cjs");
|
|
8
|
-
const PanelTabs = require("./Canvas/PanelTabs/PanelTabs.cjs");
|
|
9
|
-
const SidePanel_styles = require("./Canvas/SidePanel/SidePanel.styles.cjs");
|
|
10
|
-
const SidePanel = require("./Canvas/SidePanel/SidePanel.cjs");
|
|
11
|
-
const Toolbar_styles = require("./Canvas/Toolbar/Toolbar.styles.cjs");
|
|
12
|
-
const Toolbar = require("./Canvas/Toolbar/Toolbar.cjs");
|
|
13
|
-
const ToolbarTabs_styles = require("./Canvas/ToolbarTabs/ToolbarTabs.styles.cjs");
|
|
14
|
-
const ToolbarTabs = require("./Canvas/ToolbarTabs/ToolbarTabs.cjs");
|
|
15
|
-
const CanvasContext = require("./Canvas/CanvasContext.cjs");
|
|
16
|
-
exports.canvasBottomPanelClasses = BottomPanel_styles.staticClasses;
|
|
17
|
-
exports.HvCanvasBottomPanel = BottomPanel.HvCanvasBottomPanel;
|
|
18
|
-
exports.canvasPanelTabClasses = PanelTab_styles.staticClasses;
|
|
19
|
-
exports.HvCanvasPanelTab = PanelTab.HvCanvasPanelTab;
|
|
20
|
-
exports.canvasPanelTabsClasses = PanelTabs_styles.staticClasses;
|
|
21
|
-
exports.HvCanvasPanelTabs = PanelTabs.HvCanvasPanelTabs;
|
|
22
|
-
exports.canvasSidePanelClasses = SidePanel_styles.staticClasses;
|
|
23
|
-
exports.HvCanvasSidePanel = SidePanel.HvCanvasSidePanel;
|
|
24
|
-
exports.canvasToolbarClasses = Toolbar_styles.staticClasses;
|
|
25
|
-
exports.HvCanvasToolbar = Toolbar.HvCanvasToolbar;
|
|
26
|
-
exports.canvasToolbarTabsClasses = ToolbarTabs_styles.staticClasses;
|
|
27
|
-
exports.HvCanvasToolbarTabs = ToolbarTabs.HvCanvasToolbarTabs;
|
|
28
|
-
exports.HvCanvasContext = CanvasContext.HvCanvasContext;
|
|
29
|
-
exports.HvCanvasProvider = CanvasContext.HvCanvasProvider;
|
|
30
|
-
exports.useCanvasContext = CanvasContext.useCanvasContext;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|