@hitachivantara/uikit-react-pentaho 0.4.3 → 0.4.5
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/cjs/Canvas/BottomPanel/BottomPanel.cjs +0 -1
- package/dist/cjs/Canvas/SidePanel/SidePanel.cjs +0 -1
- package/dist/cjs/Canvas/SidePanel/SidePanel.styles.cjs +3 -2
- package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabEditor.cjs +150 -0
- package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabs.cjs +111 -143
- package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabs.styles.cjs +59 -57
- package/dist/cjs/index.cjs +0 -12
- package/dist/esm/Canvas/BottomPanel/BottomPanel.js +0 -1
- package/dist/esm/Canvas/BottomPanel/BottomPanel.js.map +1 -1
- package/dist/esm/Canvas/SidePanel/SidePanel.js +0 -1
- package/dist/esm/Canvas/SidePanel/SidePanel.js.map +1 -1
- package/dist/esm/Canvas/SidePanel/SidePanel.styles.js +4 -3
- package/dist/esm/Canvas/SidePanel/SidePanel.styles.js.map +1 -1
- package/dist/esm/Canvas/ToolbarTabs/ToolbarTabEditor.js +150 -0
- package/dist/esm/Canvas/ToolbarTabs/ToolbarTabEditor.js.map +1 -0
- package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.js +116 -148
- package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.js.map +1 -1
- package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.styles.js +60 -58
- package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.styles.js.map +1 -1
- package/dist/esm/index.js +1 -13
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +21 -112
- package/package.json +6 -4
- package/dist/cjs/Card/Card.cjs +0 -18
- package/dist/cjs/Card/Card.styles.cjs +0 -16
- package/dist/cjs/Card/CardMedia/CardMedia.cjs +0 -33
- package/dist/cjs/Card/CardMedia/CardMedia.styles.cjs +0 -12
- package/dist/cjs/Card/CardSection/CardSection.cjs +0 -19
- package/dist/cjs/Card/CardSection/CardSection.styles.cjs +0 -10
- package/dist/esm/Card/Card.js +0 -19
- package/dist/esm/Card/Card.js.map +0 -1
- package/dist/esm/Card/Card.styles.js +0 -16
- package/dist/esm/Card/Card.styles.js.map +0 -1
- package/dist/esm/Card/CardMedia/CardMedia.js +0 -34
- package/dist/esm/Card/CardMedia/CardMedia.js.map +0 -1
- package/dist/esm/Card/CardMedia/CardMedia.styles.js +0 -12
- package/dist/esm/Card/CardMedia/CardMedia.styles.js.map +0 -1
- package/dist/esm/Card/CardSection/CardSection.js +0 -20
- package/dist/esm/Card/CardSection/CardSection.js.map +0 -1
- package/dist/esm/Card/CardSection/CardSection.styles.js +0 -10
- package/dist/esm/Card/CardSection/CardSection.styles.js.map +0 -1
package/dist/esm/index.js
CHANGED
|
@@ -10,12 +10,6 @@ import { staticClasses as staticClasses5 } from "./Canvas/Toolbar/Toolbar.styles
|
|
|
10
10
|
import { HvCanvasToolbar } from "./Canvas/Toolbar/Toolbar.js";
|
|
11
11
|
import { staticClasses as staticClasses6 } from "./Canvas/ToolbarTabs/ToolbarTabs.styles.js";
|
|
12
12
|
import { HvCanvasToolbarTabs } from "./Canvas/ToolbarTabs/ToolbarTabs.js";
|
|
13
|
-
import { staticClasses as staticClasses7 } from "./Card/Card.styles.js";
|
|
14
|
-
import { HvCard } from "./Card/Card.js";
|
|
15
|
-
import { staticClasses as staticClasses8 } from "./Card/CardMedia/CardMedia.styles.js";
|
|
16
|
-
import { HvCardMedia } from "./Card/CardMedia/CardMedia.js";
|
|
17
|
-
import { staticClasses as staticClasses9 } from "./Card/CardSection/CardSection.styles.js";
|
|
18
|
-
import { HvCardSection } from "./Card/CardSection/CardSection.js";
|
|
19
13
|
export {
|
|
20
14
|
HvCanvasBottomPanel,
|
|
21
15
|
HvCanvasPanelTab,
|
|
@@ -23,16 +17,10 @@ export {
|
|
|
23
17
|
HvCanvasSidePanel,
|
|
24
18
|
HvCanvasToolbar,
|
|
25
19
|
HvCanvasToolbarTabs,
|
|
26
|
-
HvCard,
|
|
27
|
-
HvCardMedia,
|
|
28
|
-
HvCardSection,
|
|
29
20
|
staticClasses as canvasBottomPanelClasses,
|
|
30
21
|
staticClasses2 as canvasPanelTabClasses,
|
|
31
22
|
staticClasses3 as canvasPanelTabsClasses,
|
|
32
23
|
staticClasses4 as canvasSidePanelClasses,
|
|
33
24
|
staticClasses5 as canvasToolbarClasses,
|
|
34
|
-
staticClasses6 as canvasToolbarTabsClasses
|
|
35
|
-
staticClasses7 as cardClasses,
|
|
36
|
-
staticClasses8 as cardMediaClasses,
|
|
37
|
-
staticClasses9 as cardSectionClasses
|
|
25
|
+
staticClasses6 as canvasToolbarTabsClasses
|
|
38
26
|
};
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
1
|
import { ExtractNames } from '@hitachivantara/uikit-react-core';
|
|
3
2
|
import { ForwardRefExoticComponent } from 'react';
|
|
4
3
|
import { HvActionGeneric } from '@hitachivantara/uikit-react-core';
|
|
5
4
|
import { HvActionsGenericProps } from '@hitachivantara/uikit-react-core';
|
|
6
5
|
import { HvBaseProps } from '@hitachivantara/uikit-react-core';
|
|
7
6
|
import { HvIconButtonProps } from '@hitachivantara/uikit-react-core';
|
|
8
|
-
import { PolymorphicComponentRef } from '@hitachivantara/uikit-react-core';
|
|
9
|
-
import { PolymorphicRef } from '@hitachivantara/uikit-react-core';
|
|
10
|
-
import { PropsWithoutRef } from 'react';
|
|
11
|
-
import { ReactNode } from 'react';
|
|
12
7
|
import { RefAttributes } from 'react';
|
|
13
8
|
import { TabProps } from '@mui/base/Tab';
|
|
14
9
|
import { TabsProps } from '@mui/base/Tabs';
|
|
@@ -18,7 +13,6 @@ export declare const canvasBottomPanelClasses: {
|
|
|
18
13
|
root: "HvCanvasBottomPanel-root";
|
|
19
14
|
tab: "HvCanvasBottomPanel-tab";
|
|
20
15
|
closed: "HvCanvasBottomPanel-closed";
|
|
21
|
-
actionsDisabled: "HvCanvasBottomPanel-actionsDisabled";
|
|
22
16
|
minimized: "HvCanvasBottomPanel-minimized";
|
|
23
17
|
multipleTabs: "HvCanvasBottomPanel-multipleTabs";
|
|
24
18
|
overflowing: "HvCanvasBottomPanel-overflowing";
|
|
@@ -26,6 +20,7 @@ export declare const canvasBottomPanelClasses: {
|
|
|
26
20
|
tabsRoot: "HvCanvasBottomPanel-tabsRoot";
|
|
27
21
|
leftActions: "HvCanvasBottomPanel-leftActions";
|
|
28
22
|
rightActions: "HvCanvasBottomPanel-rightActions";
|
|
23
|
+
actionsDisabled: "HvCanvasBottomPanel-actionsDisabled";
|
|
29
24
|
};
|
|
30
25
|
|
|
31
26
|
export declare const canvasPanelTabClasses: {
|
|
@@ -41,8 +36,8 @@ export declare const canvasSidePanelClasses: {
|
|
|
41
36
|
content: "HvCanvasSidePanel-content";
|
|
42
37
|
root: "HvCanvasSidePanel-root";
|
|
43
38
|
open: "HvCanvasSidePanel-open";
|
|
44
|
-
close: "HvCanvasSidePanel-close";
|
|
45
39
|
handle: "HvCanvasSidePanel-handle";
|
|
40
|
+
close: "HvCanvasSidePanel-close";
|
|
46
41
|
tabs: "HvCanvasSidePanel-tabs";
|
|
47
42
|
handleOpen: "HvCanvasSidePanel-handleOpen";
|
|
48
43
|
handleClose: "HvCanvasSidePanel-handleClose";
|
|
@@ -59,28 +54,16 @@ export declare const canvasToolbarTabsClasses: {
|
|
|
59
54
|
root: "HvCanvasToolbarTabs-root";
|
|
60
55
|
actionsContainer: "HvCanvasToolbarTabs-actionsContainer";
|
|
61
56
|
tab: "HvCanvasToolbarTabs-tab";
|
|
62
|
-
dropdownMenu: "HvCanvasToolbarTabs-dropdownMenu";
|
|
63
|
-
closeButton: "HvCanvasToolbarTabs-closeButton";
|
|
64
57
|
tabsContainer: "HvCanvasToolbarTabs-tabsContainer";
|
|
65
58
|
tabsList: "HvCanvasToolbarTabs-tabsList";
|
|
66
|
-
tabContent: "HvCanvasToolbarTabs-tabContent";
|
|
67
|
-
tabIcon: "HvCanvasToolbarTabs-tabIcon";
|
|
68
59
|
tabLabel: "HvCanvasToolbarTabs-tabLabel";
|
|
69
|
-
|
|
60
|
+
tabLabelEditor: "HvCanvasToolbarTabs-tabLabelEditor";
|
|
61
|
+
tabContent: "HvCanvasToolbarTabs-tabContent";
|
|
62
|
+
tabIconContainer: "HvCanvasToolbarTabs-tabIconContainer";
|
|
63
|
+
closeIconContainer: "HvCanvasToolbarTabs-closeIconContainer";
|
|
70
64
|
tabDivider: "HvCanvasToolbarTabs-tabDivider";
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
export declare const cardClasses: {
|
|
74
|
-
root: "HvCard-root";
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
export declare const cardMediaClasses: {
|
|
78
|
-
root: "HvCardMedia-root";
|
|
79
|
-
image: "HvCardMedia-image";
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
export declare const cardSectionClasses: {
|
|
83
|
-
root: "HvCardSection-root";
|
|
65
|
+
dropdownMenuContainer: "HvCanvasToolbarTabs-dropdownMenuContainer";
|
|
66
|
+
dropdownMenuListRoot: "HvCanvasToolbarTabs-dropdownMenuListRoot";
|
|
84
67
|
};
|
|
85
68
|
|
|
86
69
|
declare const DEFAULT_LABELS: {
|
|
@@ -95,7 +78,6 @@ declare const DEFAULT_LABELS_2: {
|
|
|
95
78
|
declare const DEFAULT_LABELS_3: {
|
|
96
79
|
create: string;
|
|
97
80
|
undefined: string;
|
|
98
|
-
close: string;
|
|
99
81
|
dropdownMenu: string;
|
|
100
82
|
};
|
|
101
83
|
|
|
@@ -235,6 +217,8 @@ export declare interface HvCanvasToolbarTabsProps extends HvBaseProps<HTMLDivEle
|
|
|
235
217
|
selectedTabId?: string;
|
|
236
218
|
/** Defines the icon to be placed before the label when a new tab is created. If not defined, no icon is used. */
|
|
237
219
|
icon?: React.ReactNode;
|
|
220
|
+
/** Defines whether or not the tabs are editable. */
|
|
221
|
+
allowTabEdit?: boolean;
|
|
238
222
|
/** Callback triggered when a tab changes/is clicked. */
|
|
239
223
|
onTabChange?: (event: React.SyntheticEvent | null, tabId: string | null) => void;
|
|
240
224
|
/** Callback triggered when the tabs change: new tab added, tab removed, tab reorder, and label updated. */
|
|
@@ -245,70 +229,18 @@ export declare interface HvCanvasToolbarTabsProps extends HvBaseProps<HTMLDivEle
|
|
|
245
229
|
classes?: HvCanvasToolbarTabsClasses;
|
|
246
230
|
}
|
|
247
231
|
|
|
248
|
-
/**
|
|
249
|
-
* The Pentaho Card component.
|
|
250
|
-
*/
|
|
251
|
-
export declare const HvCard: <C extends React.ElementType = "div">(props: {
|
|
252
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
253
|
-
classes?: HvCardClasses;
|
|
254
|
-
} & {
|
|
255
|
-
component?: C | undefined;
|
|
256
|
-
} & {
|
|
257
|
-
children?: ReactNode | undefined;
|
|
258
|
-
} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component"> ? T extends any ? T : never : never : never) & {
|
|
259
|
-
ref?: PolymorphicRef<C> | undefined;
|
|
260
|
-
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
261
|
-
|
|
262
|
-
export declare type HvCardClasses = ExtractNames<typeof useClasses_7>;
|
|
263
|
-
|
|
264
|
-
/**
|
|
265
|
-
* A subcomponent to be used within the `HvCard` component. This component is used to display an image within the card.
|
|
266
|
-
*/
|
|
267
|
-
export declare const HvCardMedia: ForwardRefExoticComponent<HvCardMediaProps & RefAttributes<HTMLImageElement>>;
|
|
268
|
-
|
|
269
|
-
export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_8>;
|
|
270
|
-
|
|
271
|
-
export declare interface HvCardMediaProps extends HvBaseProps<HTMLImageElement> {
|
|
272
|
-
/** The source for the image to use in the card. */
|
|
273
|
-
src: string;
|
|
274
|
-
/** The height of the image container. */
|
|
275
|
-
height?: number;
|
|
276
|
-
/** A text alternative to the image. */
|
|
277
|
-
alt?: string;
|
|
278
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
279
|
-
classes?: HvCardMediaClasses;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
export declare type HvCardProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
|
|
283
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
284
|
-
classes?: HvCardClasses;
|
|
285
|
-
}>;
|
|
286
|
-
|
|
287
|
-
/**
|
|
288
|
-
* A subcomponent to be used within the `HvCard` component. This component is used to display content on the card.
|
|
289
|
-
*/
|
|
290
|
-
export declare const HvCardSection: ForwardRefExoticComponent<HvCardSectionProps & RefAttributes<HTMLDivElement>>;
|
|
291
|
-
|
|
292
|
-
export declare type HvCardSectionClasses = ExtractNames<typeof useClasses_9>;
|
|
293
|
-
|
|
294
|
-
export declare interface HvCardSectionProps extends HvBaseProps {
|
|
295
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
296
|
-
classes?: HvCardSectionClasses;
|
|
297
|
-
}
|
|
298
|
-
|
|
299
232
|
declare interface ToolbarTabsTab {
|
|
300
233
|
id: string;
|
|
301
234
|
label: string;
|
|
302
235
|
icon?: React.ReactNode;
|
|
303
236
|
}
|
|
304
237
|
|
|
305
|
-
declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "tab" | "closed" | "
|
|
238
|
+
declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "tab" | "closed" | "minimized" | "multipleTabs" | "overflowing" | "tabTitle" | "tabsRoot" | "leftActions" | "rightActions" | "actionsDisabled", string>>, addStatic?: boolean) => {
|
|
306
239
|
classes: {
|
|
307
240
|
content: string;
|
|
308
241
|
root: string;
|
|
309
242
|
tab: string;
|
|
310
243
|
closed: string;
|
|
311
|
-
actionsDisabled: string;
|
|
312
244
|
minimized: string;
|
|
313
245
|
multipleTabs: string;
|
|
314
246
|
overflowing: string;
|
|
@@ -316,6 +248,7 @@ declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "ta
|
|
|
316
248
|
tabsRoot: string;
|
|
317
249
|
leftActions: string;
|
|
318
250
|
rightActions: string;
|
|
251
|
+
actionsDisabled: string;
|
|
319
252
|
};
|
|
320
253
|
css: any;
|
|
321
254
|
cx: (...args: any) => string;
|
|
@@ -338,13 +271,13 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "list", strin
|
|
|
338
271
|
cx: (...args: any) => string;
|
|
339
272
|
};
|
|
340
273
|
|
|
341
|
-
declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "
|
|
274
|
+
declare const useClasses_4: (classesProp?: Partial<Record<"content" | "root" | "open" | "handle" | "close" | "tabs" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
|
|
342
275
|
classes: {
|
|
343
276
|
content: string;
|
|
344
277
|
root: string;
|
|
345
278
|
open: string;
|
|
346
|
-
close: string;
|
|
347
279
|
handle: string;
|
|
280
|
+
close: string;
|
|
348
281
|
tabs: string;
|
|
349
282
|
handleOpen: string;
|
|
350
283
|
handleClose: string;
|
|
@@ -364,45 +297,21 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "title" | "ac
|
|
|
364
297
|
cx: (...args: any) => string;
|
|
365
298
|
};
|
|
366
299
|
|
|
367
|
-
declare const useClasses_6: (classesProp?: Partial<Record<"root" | "actionsContainer" | "tab" | "
|
|
300
|
+
declare const useClasses_6: (classesProp?: Partial<Record<"root" | "actionsContainer" | "tab" | "tabsContainer" | "tabsList" | "tabLabel" | "tabLabelEditor" | "tabContent" | "tabIconContainer" | "closeIconContainer" | "tabDivider" | "dropdownMenuContainer" | "dropdownMenuListRoot", string>>, addStatic?: boolean) => {
|
|
368
301
|
classes: {
|
|
369
302
|
root: string;
|
|
370
303
|
actionsContainer: string;
|
|
371
304
|
tab: string;
|
|
372
|
-
dropdownMenu: string;
|
|
373
|
-
closeButton: string;
|
|
374
305
|
tabsContainer: string;
|
|
375
306
|
tabsList: string;
|
|
376
|
-
tabContent: string;
|
|
377
|
-
tabIcon: string;
|
|
378
307
|
tabLabel: string;
|
|
379
|
-
|
|
308
|
+
tabLabelEditor: string;
|
|
309
|
+
tabContent: string;
|
|
310
|
+
tabIconContainer: string;
|
|
311
|
+
closeIconContainer: string;
|
|
380
312
|
tabDivider: string;
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
cx: (...args: any) => string;
|
|
384
|
-
};
|
|
385
|
-
|
|
386
|
-
declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
|
|
387
|
-
classes: {
|
|
388
|
-
root: string;
|
|
389
|
-
};
|
|
390
|
-
css: any;
|
|
391
|
-
cx: (...args: any) => string;
|
|
392
|
-
};
|
|
393
|
-
|
|
394
|
-
declare const useClasses_8: (classesProp?: Partial<Record<"root" | "image", string>>, addStatic?: boolean) => {
|
|
395
|
-
classes: {
|
|
396
|
-
root: string;
|
|
397
|
-
image: string;
|
|
398
|
-
};
|
|
399
|
-
css: any;
|
|
400
|
-
cx: (...args: any) => string;
|
|
401
|
-
};
|
|
402
|
-
|
|
403
|
-
declare const useClasses_9: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
|
|
404
|
-
classes: {
|
|
405
|
-
root: string;
|
|
313
|
+
dropdownMenuContainer: string;
|
|
314
|
+
dropdownMenuListRoot: string;
|
|
406
315
|
};
|
|
407
316
|
css: any;
|
|
408
317
|
cx: (...args: any) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-pentaho",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "UI Kit Pentaho+ React components.",
|
|
@@ -30,8 +30,9 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@emotion/css": "^11.11.0",
|
|
33
|
-
"@hitachivantara/uikit-react-core": "^5.
|
|
34
|
-
"@hitachivantara/uikit-react-icons": "^5.10.
|
|
33
|
+
"@hitachivantara/uikit-react-core": "^5.70.0",
|
|
34
|
+
"@hitachivantara/uikit-react-icons": "^5.10.10",
|
|
35
|
+
"@hitachivantara/uikit-react-utils": "^0.2.2",
|
|
35
36
|
"@mui/base": "^5.0.0-beta.40",
|
|
36
37
|
"react-resize-detector": "^8.1.0"
|
|
37
38
|
},
|
|
@@ -42,9 +43,10 @@
|
|
|
42
43
|
"access": "public",
|
|
43
44
|
"directory": "package"
|
|
44
45
|
},
|
|
45
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "43f1456d5a748ec8fc9fe27972459cfa3d0f4416",
|
|
46
47
|
"exports": {
|
|
47
48
|
".": {
|
|
49
|
+
"types": "./dist/types/index.d.ts",
|
|
48
50
|
"require": "./dist/cjs/index.cjs",
|
|
49
51
|
"import": "./dist/esm/index.js"
|
|
50
52
|
}
|
package/dist/cjs/Card/Card.cjs
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
5
|
-
const Card_styles = require("./Card.styles.cjs");
|
|
6
|
-
const HvCard = uikitReactCore.fixedForwardRef(function HvCard2(props, ref) {
|
|
7
|
-
const {
|
|
8
|
-
classes: classesProp,
|
|
9
|
-
className,
|
|
10
|
-
component: Component = "div",
|
|
11
|
-
children,
|
|
12
|
-
...others
|
|
13
|
-
} = uikitReactCore.useDefaultProps("HvCard", props);
|
|
14
|
-
const { classes, cx } = Card_styles.useClasses(classesProp);
|
|
15
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cx(classes.root, className), ...others, children });
|
|
16
|
-
});
|
|
17
|
-
exports.cardClasses = Card_styles.staticClasses;
|
|
18
|
-
exports.HvCard = HvCard;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
4
|
-
const { staticClasses, useClasses } = uikitReactCore.createClasses("HvCard", {
|
|
5
|
-
root: {
|
|
6
|
-
position: "relative",
|
|
7
|
-
display: "block",
|
|
8
|
-
overflow: "hidden",
|
|
9
|
-
backgroundColor: uikitReactCore.theme.colors.atmo1,
|
|
10
|
-
borderRadius: uikitReactCore.theme.space.sm,
|
|
11
|
-
border: `1px solid ${uikitReactCore.theme.colors.atmo3}`,
|
|
12
|
-
boxShadow: "0 4px 6px 0 rgba(65,65,65,0.06)"
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
exports.staticClasses = staticClasses;
|
|
16
|
-
exports.useClasses = useClasses;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const react = require("react");
|
|
5
|
-
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
6
|
-
const CardMedia_styles = require("./CardMedia.styles.cjs");
|
|
7
|
-
const HvCardMedia = react.forwardRef(
|
|
8
|
-
(props, ref) => {
|
|
9
|
-
const {
|
|
10
|
-
src,
|
|
11
|
-
alt = "",
|
|
12
|
-
height = 160,
|
|
13
|
-
className,
|
|
14
|
-
classes: classesProp,
|
|
15
|
-
children,
|
|
16
|
-
...others
|
|
17
|
-
} = uikitReactCore.useDefaultProps("HvCardMedia", props);
|
|
18
|
-
const { classes, cx } = CardMedia_styles.useClasses(classesProp);
|
|
19
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.root, className), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
20
|
-
"img",
|
|
21
|
-
{
|
|
22
|
-
ref,
|
|
23
|
-
height,
|
|
24
|
-
className: classes.image,
|
|
25
|
-
src,
|
|
26
|
-
alt,
|
|
27
|
-
...others
|
|
28
|
-
}
|
|
29
|
-
) });
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
exports.cardMediaClasses = CardMedia_styles.staticClasses;
|
|
33
|
-
exports.HvCardMedia = HvCardMedia;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
4
|
-
const { staticClasses, useClasses } = uikitReactCore.createClasses("HvCardMedia", {
|
|
5
|
-
root: {},
|
|
6
|
-
image: {
|
|
7
|
-
objectFit: "cover",
|
|
8
|
-
width: "100%"
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
exports.staticClasses = staticClasses;
|
|
12
|
-
exports.useClasses = useClasses;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const react = require("react");
|
|
5
|
-
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
6
|
-
const CardSection_styles = require("./CardSection.styles.cjs");
|
|
7
|
-
const HvCardSection = react.forwardRef(
|
|
8
|
-
(props, ref) => {
|
|
9
|
-
const {
|
|
10
|
-
className,
|
|
11
|
-
classes: classesProp,
|
|
12
|
-
children
|
|
13
|
-
} = uikitReactCore.useDefaultProps("HvCardSection", props);
|
|
14
|
-
const { classes, cx } = CardSection_styles.useClasses(classesProp);
|
|
15
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cx(classes.root, className), children });
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
exports.cardSectionClasses = CardSection_styles.staticClasses;
|
|
19
|
-
exports.HvCardSection = HvCardSection;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const uikitReactCore = require("@hitachivantara/uikit-react-core");
|
|
4
|
-
const { staticClasses, useClasses } = uikitReactCore.createClasses("HvCardSection", {
|
|
5
|
-
root: {
|
|
6
|
-
padding: uikitReactCore.theme.space.sm
|
|
7
|
-
}
|
|
8
|
-
});
|
|
9
|
-
exports.staticClasses = staticClasses;
|
|
10
|
-
exports.useClasses = useClasses;
|
package/dist/esm/Card/Card.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { fixedForwardRef, useDefaultProps } from "@hitachivantara/uikit-react-core";
|
|
3
|
-
import { useClasses } from "./Card.styles.js";
|
|
4
|
-
import { staticClasses } from "./Card.styles.js";
|
|
5
|
-
const HvCard = fixedForwardRef(function HvCard2(props, ref) {
|
|
6
|
-
const {
|
|
7
|
-
classes: classesProp,
|
|
8
|
-
className,
|
|
9
|
-
component: Component = "div",
|
|
10
|
-
children,
|
|
11
|
-
...others
|
|
12
|
-
} = useDefaultProps("HvCard", props);
|
|
13
|
-
const { classes, cx } = useClasses(classesProp);
|
|
14
|
-
return /* @__PURE__ */ jsx(Component, { ref, className: cx(classes.root, className), ...others, children });
|
|
15
|
-
});
|
|
16
|
-
export {
|
|
17
|
-
HvCard,
|
|
18
|
-
staticClasses as cardClasses
|
|
19
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../../../src/Card/Card.tsx"],"sourcesContent":["import {\n ExtractNames,\n fixedForwardRef,\n PolymorphicComponentRef,\n PolymorphicRef,\n useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./Card.styles\";\n\nexport { staticClasses as cardClasses };\n\nexport type HvCardClasses = ExtractNames<typeof useClasses>;\n\nexport type HvCardProps<C extends React.ElementType = \"div\"> =\n PolymorphicComponentRef<\n C,\n {\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvCardClasses;\n }\n >;\n\n/**\n * The Pentaho Card component.\n */\nexport const HvCard = fixedForwardRef(function HvCard<\n C extends React.ElementType = \"div\",\n>(props: HvCardProps<C>, ref: PolymorphicRef<C>) {\n const {\n classes: classesProp,\n className,\n component: Component = \"div\",\n children,\n ...others\n } = useDefaultProps(\"HvCard\", props);\n\n const { classes, cx } = useClasses(classesProp);\n\n return (\n <Component ref={ref} className={cx(classes.root, className)} {...others}>\n {children}\n </Component>\n );\n});\n"],"names":["HvCard"],"mappings":";;;;AA0BO,MAAM,SAAS,gBAAgB,SAASA,QAE7C,OAAuB,KAAwB;AACzC,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA,WAAW,YAAY;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,UAAU,KAAK;AAEnC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAG5C,SAAA,oBAAC,WAAU,EAAA,KAAU,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QAC9D,SACH,CAAA;AAEJ,CAAC;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { createClasses, theme } from "@hitachivantara/uikit-react-core";
|
|
2
|
-
const { staticClasses, useClasses } = createClasses("HvCard", {
|
|
3
|
-
root: {
|
|
4
|
-
position: "relative",
|
|
5
|
-
display: "block",
|
|
6
|
-
overflow: "hidden",
|
|
7
|
-
backgroundColor: theme.colors.atmo1,
|
|
8
|
-
borderRadius: theme.space.sm,
|
|
9
|
-
border: `1px solid ${theme.colors.atmo3}`,
|
|
10
|
-
boxShadow: "0 4px 6px 0 rgba(65,65,65,0.06)"
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
export {
|
|
14
|
-
staticClasses,
|
|
15
|
-
useClasses
|
|
16
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.js","sources":["../../../src/Card/Card.styles.tsx"],"sourcesContent":["import { createClasses, theme } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCard\", {\n root: {\n position: \"relative\",\n display: \"block\",\n overflow: \"hidden\",\n backgroundColor: theme.colors.atmo1,\n borderRadius: theme.space.sm,\n border: `1px solid ${theme.colors.atmo3}`,\n boxShadow: \"0 4px 6px 0 rgba(65,65,65,0.06)\",\n },\n});\n"],"names":[],"mappings":";AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,UAAU;AAAA,EACnE,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,iBAAiB,MAAM,OAAO;AAAA,IAC9B,cAAc,MAAM,MAAM;AAAA,IAC1B,QAAQ,aAAa,MAAM,OAAO,KAAK;AAAA,IACvC,WAAW;AAAA,EACb;AACF,CAAC;"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from "react";
|
|
3
|
-
import { useDefaultProps } from "@hitachivantara/uikit-react-core";
|
|
4
|
-
import { useClasses } from "./CardMedia.styles.js";
|
|
5
|
-
import { staticClasses } from "./CardMedia.styles.js";
|
|
6
|
-
const HvCardMedia = forwardRef(
|
|
7
|
-
(props, ref) => {
|
|
8
|
-
const {
|
|
9
|
-
src,
|
|
10
|
-
alt = "",
|
|
11
|
-
height = 160,
|
|
12
|
-
className,
|
|
13
|
-
classes: classesProp,
|
|
14
|
-
children,
|
|
15
|
-
...others
|
|
16
|
-
} = useDefaultProps("HvCardMedia", props);
|
|
17
|
-
const { classes, cx } = useClasses(classesProp);
|
|
18
|
-
return /* @__PURE__ */ jsx("div", { className: cx(classes.root, className), children: /* @__PURE__ */ jsx(
|
|
19
|
-
"img",
|
|
20
|
-
{
|
|
21
|
-
ref,
|
|
22
|
-
height,
|
|
23
|
-
className: classes.image,
|
|
24
|
-
src,
|
|
25
|
-
alt,
|
|
26
|
-
...others
|
|
27
|
-
}
|
|
28
|
-
) });
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
export {
|
|
32
|
-
HvCardMedia,
|
|
33
|
-
staticClasses as cardMediaClasses
|
|
34
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardMedia.js","sources":["../../../../src/Card/CardMedia/CardMedia.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n ExtractNames,\n HvBaseProps,\n useDefaultProps,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { staticClasses, useClasses } from \"./CardMedia.styles\";\n\nexport { staticClasses as cardMediaClasses };\n\nexport type HvCardMediaClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCardMediaProps extends HvBaseProps<HTMLImageElement> {\n /** The source for the image to use in the card. */\n src: string;\n /** The height of the image container. */\n height?: number;\n /** A text alternative to the image. */\n alt?: string;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvCardMediaClasses;\n}\n\n/**\n * A subcomponent to be used within the `HvCard` component. This component is used to display an image within the card.\n */\nexport const HvCardMedia = forwardRef<HTMLImageElement, HvCardMediaProps>(\n (props, ref) => {\n const {\n src,\n alt = \"\",\n height = 160,\n className,\n classes: classesProp,\n children,\n ...others\n } = useDefaultProps(\"HvCardMedia\", props);\n const { classes, cx } = useClasses(classesProp);\n\n return (\n <div className={cx(classes.root, className)}>\n <img\n ref={ref}\n height={height}\n className={classes.image}\n src={src}\n alt={alt}\n {...others}\n />\n </div>\n );\n },\n);\n"],"names":[],"mappings":";;;;;AA2BO,MAAM,cAAc;AAAA,EACzB,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,eAAe,KAAK;AACxC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,+BACG,OAAI,EAAA,WAAW,GAAG,QAAQ,MAAM,SAAS,GACxC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,QAAQ;AAAA,QACnB;AAAA,QACA;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AACF;"}
|
|
@@ -1 +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;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from "react";
|
|
3
|
-
import { useDefaultProps } from "@hitachivantara/uikit-react-core";
|
|
4
|
-
import { useClasses } from "./CardSection.styles.js";
|
|
5
|
-
import { staticClasses } from "./CardSection.styles.js";
|
|
6
|
-
const HvCardSection = forwardRef(
|
|
7
|
-
(props, ref) => {
|
|
8
|
-
const {
|
|
9
|
-
className,
|
|
10
|
-
classes: classesProp,
|
|
11
|
-
children
|
|
12
|
-
} = useDefaultProps("HvCardSection", props);
|
|
13
|
-
const { classes, cx } = useClasses(classesProp);
|
|
14
|
-
return /* @__PURE__ */ jsx("div", { ref, className: cx(classes.root, className), children });
|
|
15
|
-
}
|
|
16
|
-
);
|
|
17
|
-
export {
|
|
18
|
-
HvCardSection,
|
|
19
|
-
staticClasses as cardSectionClasses
|
|
20
|
-
};
|
|
@@ -1 +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;"}
|
|
@@ -1 +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;"}
|