@hitachivantara/uikit-react-pentaho 0.4.4 → 0.4.6
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/index.cjs +0 -12
- package/dist/esm/index.js +1 -13
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +6 -100
- package/package.json +5 -5
- 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/cjs/index.cjs
CHANGED
|
@@ -12,12 +12,6 @@ const Toolbar_styles = require("./Canvas/Toolbar/Toolbar.styles.cjs");
|
|
|
12
12
|
const Toolbar = require("./Canvas/Toolbar/Toolbar.cjs");
|
|
13
13
|
const ToolbarTabs_styles = require("./Canvas/ToolbarTabs/ToolbarTabs.styles.cjs");
|
|
14
14
|
const ToolbarTabs = require("./Canvas/ToolbarTabs/ToolbarTabs.cjs");
|
|
15
|
-
const Card_styles = require("./Card/Card.styles.cjs");
|
|
16
|
-
const Card = require("./Card/Card.cjs");
|
|
17
|
-
const CardMedia_styles = require("./Card/CardMedia/CardMedia.styles.cjs");
|
|
18
|
-
const CardMedia = require("./Card/CardMedia/CardMedia.cjs");
|
|
19
|
-
const CardSection_styles = require("./Card/CardSection/CardSection.styles.cjs");
|
|
20
|
-
const CardSection = require("./Card/CardSection/CardSection.cjs");
|
|
21
15
|
exports.canvasBottomPanelClasses = BottomPanel_styles.staticClasses;
|
|
22
16
|
exports.HvCanvasBottomPanel = BottomPanel.HvCanvasBottomPanel;
|
|
23
17
|
exports.canvasPanelTabClasses = PanelTab_styles.staticClasses;
|
|
@@ -30,9 +24,3 @@ exports.canvasToolbarClasses = Toolbar_styles.staticClasses;
|
|
|
30
24
|
exports.HvCanvasToolbar = Toolbar.HvCanvasToolbar;
|
|
31
25
|
exports.canvasToolbarTabsClasses = ToolbarTabs_styles.staticClasses;
|
|
32
26
|
exports.HvCanvasToolbarTabs = ToolbarTabs.HvCanvasToolbarTabs;
|
|
33
|
-
exports.cardClasses = Card_styles.staticClasses;
|
|
34
|
-
exports.HvCard = Card.HvCard;
|
|
35
|
-
exports.cardMediaClasses = CardMedia_styles.staticClasses;
|
|
36
|
-
exports.HvCardMedia = CardMedia.HvCardMedia;
|
|
37
|
-
exports.cardSectionClasses = CardSection_styles.staticClasses;
|
|
38
|
-
exports.HvCardSection = CardSection.HvCardSection;
|
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";
|
|
@@ -71,19 +66,6 @@ export declare const canvasToolbarTabsClasses: {
|
|
|
71
66
|
dropdownMenuListRoot: "HvCanvasToolbarTabs-dropdownMenuListRoot";
|
|
72
67
|
};
|
|
73
68
|
|
|
74
|
-
export declare const cardClasses: {
|
|
75
|
-
root: "HvCard-root";
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
export declare const cardMediaClasses: {
|
|
79
|
-
root: "HvCardMedia-root";
|
|
80
|
-
image: "HvCardMedia-image";
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
export declare const cardSectionClasses: {
|
|
84
|
-
root: "HvCardSection-root";
|
|
85
|
-
};
|
|
86
|
-
|
|
87
69
|
declare const DEFAULT_LABELS: {
|
|
88
70
|
open: string;
|
|
89
71
|
close: string;
|
|
@@ -247,70 +229,18 @@ export declare interface HvCanvasToolbarTabsProps extends HvBaseProps<HTMLDivEle
|
|
|
247
229
|
classes?: HvCanvasToolbarTabsClasses;
|
|
248
230
|
}
|
|
249
231
|
|
|
250
|
-
/**
|
|
251
|
-
* The Pentaho Card component.
|
|
252
|
-
*/
|
|
253
|
-
export declare const HvCard: <C extends React.ElementType = "div">(props: {
|
|
254
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
255
|
-
classes?: HvCardClasses;
|
|
256
|
-
} & {
|
|
257
|
-
component?: C | undefined;
|
|
258
|
-
} & {
|
|
259
|
-
children?: ReactNode | undefined;
|
|
260
|
-
} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component"> ? T extends any ? T : never : never : never) & {
|
|
261
|
-
ref?: PolymorphicRef<C> | undefined;
|
|
262
|
-
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
263
|
-
|
|
264
|
-
export declare type HvCardClasses = ExtractNames<typeof useClasses_7>;
|
|
265
|
-
|
|
266
|
-
/**
|
|
267
|
-
* A subcomponent to be used within the `HvCard` component. This component is used to display an image within the card.
|
|
268
|
-
*/
|
|
269
|
-
export declare const HvCardMedia: ForwardRefExoticComponent<HvCardMediaProps & RefAttributes<HTMLImageElement>>;
|
|
270
|
-
|
|
271
|
-
export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_8>;
|
|
272
|
-
|
|
273
|
-
export declare interface HvCardMediaProps extends HvBaseProps<HTMLImageElement> {
|
|
274
|
-
/** The source for the image to use in the card. */
|
|
275
|
-
src: string;
|
|
276
|
-
/** The height of the image container. */
|
|
277
|
-
height?: number;
|
|
278
|
-
/** A text alternative to the image. */
|
|
279
|
-
alt?: string;
|
|
280
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
281
|
-
classes?: HvCardMediaClasses;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
export declare type HvCardProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
|
|
285
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
286
|
-
classes?: HvCardClasses;
|
|
287
|
-
}>;
|
|
288
|
-
|
|
289
|
-
/**
|
|
290
|
-
* A subcomponent to be used within the `HvCard` component. This component is used to display content on the card.
|
|
291
|
-
*/
|
|
292
|
-
export declare const HvCardSection: ForwardRefExoticComponent<HvCardSectionProps & RefAttributes<HTMLDivElement>>;
|
|
293
|
-
|
|
294
|
-
export declare type HvCardSectionClasses = ExtractNames<typeof useClasses_9>;
|
|
295
|
-
|
|
296
|
-
export declare interface HvCardSectionProps extends HvBaseProps {
|
|
297
|
-
/** A Jss Object used to override or extend the styles applied. */
|
|
298
|
-
classes?: HvCardSectionClasses;
|
|
299
|
-
}
|
|
300
|
-
|
|
301
232
|
declare interface ToolbarTabsTab {
|
|
302
233
|
id: string;
|
|
303
234
|
label: string;
|
|
304
235
|
icon?: React.ReactNode;
|
|
305
236
|
}
|
|
306
237
|
|
|
307
|
-
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) => {
|
|
308
239
|
classes: {
|
|
309
240
|
content: string;
|
|
310
241
|
root: string;
|
|
311
242
|
tab: string;
|
|
312
243
|
closed: string;
|
|
313
|
-
actionsDisabled: string;
|
|
314
244
|
minimized: string;
|
|
315
245
|
multipleTabs: string;
|
|
316
246
|
overflowing: string;
|
|
@@ -318,6 +248,7 @@ declare const useClasses: (classesProp?: Partial<Record<"content" | "root" | "ta
|
|
|
318
248
|
tabsRoot: string;
|
|
319
249
|
leftActions: string;
|
|
320
250
|
rightActions: string;
|
|
251
|
+
actionsDisabled: string;
|
|
321
252
|
};
|
|
322
253
|
css: any;
|
|
323
254
|
cx: (...args: any) => string;
|
|
@@ -340,13 +271,13 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "list", strin
|
|
|
340
271
|
cx: (...args: any) => string;
|
|
341
272
|
};
|
|
342
273
|
|
|
343
|
-
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) => {
|
|
344
275
|
classes: {
|
|
345
276
|
content: string;
|
|
346
277
|
root: string;
|
|
347
278
|
open: string;
|
|
348
|
-
close: string;
|
|
349
279
|
handle: string;
|
|
280
|
+
close: string;
|
|
350
281
|
tabs: string;
|
|
351
282
|
handleOpen: string;
|
|
352
283
|
handleClose: string;
|
|
@@ -386,29 +317,4 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "actionsConta
|
|
|
386
317
|
cx: (...args: any) => string;
|
|
387
318
|
};
|
|
388
319
|
|
|
389
|
-
declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
|
|
390
|
-
classes: {
|
|
391
|
-
root: string;
|
|
392
|
-
};
|
|
393
|
-
css: any;
|
|
394
|
-
cx: (...args: any) => string;
|
|
395
|
-
};
|
|
396
|
-
|
|
397
|
-
declare const useClasses_8: (classesProp?: Partial<Record<"root" | "image", string>>, addStatic?: boolean) => {
|
|
398
|
-
classes: {
|
|
399
|
-
root: string;
|
|
400
|
-
image: string;
|
|
401
|
-
};
|
|
402
|
-
css: any;
|
|
403
|
-
cx: (...args: any) => string;
|
|
404
|
-
};
|
|
405
|
-
|
|
406
|
-
declare const useClasses_9: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
|
|
407
|
-
classes: {
|
|
408
|
-
root: string;
|
|
409
|
-
};
|
|
410
|
-
css: any;
|
|
411
|
-
cx: (...args: any) => string;
|
|
412
|
-
};
|
|
413
|
-
|
|
414
320
|
export { }
|
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.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "UI Kit Pentaho+ React components.",
|
|
@@ -30,9 +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.
|
|
35
|
-
"@hitachivantara/uikit-react-utils": "^0.2.
|
|
33
|
+
"@hitachivantara/uikit-react-core": "^5.71.0",
|
|
34
|
+
"@hitachivantara/uikit-react-icons": "^5.10.10",
|
|
35
|
+
"@hitachivantara/uikit-react-utils": "^0.2.2",
|
|
36
36
|
"@mui/base": "^5.0.0-beta.40",
|
|
37
37
|
"react-resize-detector": "^8.1.0"
|
|
38
38
|
},
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"access": "public",
|
|
44
44
|
"directory": "package"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "0d5d16d53355e4d4501d3885b6444d217e9d74c9",
|
|
47
47
|
"exports": {
|
|
48
48
|
".": {
|
|
49
49
|
"types": "./dist/types/index.d.ts",
|
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;"}
|