@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.
Files changed (41) hide show
  1. package/dist/cjs/Canvas/BottomPanel/BottomPanel.cjs +0 -1
  2. package/dist/cjs/Canvas/SidePanel/SidePanel.cjs +0 -1
  3. package/dist/cjs/Canvas/SidePanel/SidePanel.styles.cjs +3 -2
  4. package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabEditor.cjs +150 -0
  5. package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabs.cjs +111 -143
  6. package/dist/cjs/Canvas/ToolbarTabs/ToolbarTabs.styles.cjs +59 -57
  7. package/dist/cjs/index.cjs +0 -12
  8. package/dist/esm/Canvas/BottomPanel/BottomPanel.js +0 -1
  9. package/dist/esm/Canvas/BottomPanel/BottomPanel.js.map +1 -1
  10. package/dist/esm/Canvas/SidePanel/SidePanel.js +0 -1
  11. package/dist/esm/Canvas/SidePanel/SidePanel.js.map +1 -1
  12. package/dist/esm/Canvas/SidePanel/SidePanel.styles.js +4 -3
  13. package/dist/esm/Canvas/SidePanel/SidePanel.styles.js.map +1 -1
  14. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabEditor.js +150 -0
  15. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabEditor.js.map +1 -0
  16. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.js +116 -148
  17. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.js.map +1 -1
  18. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.styles.js +60 -58
  19. package/dist/esm/Canvas/ToolbarTabs/ToolbarTabs.styles.js.map +1 -1
  20. package/dist/esm/index.js +1 -13
  21. package/dist/esm/index.js.map +1 -1
  22. package/dist/types/index.d.ts +21 -112
  23. package/package.json +6 -4
  24. package/dist/cjs/Card/Card.cjs +0 -18
  25. package/dist/cjs/Card/Card.styles.cjs +0 -16
  26. package/dist/cjs/Card/CardMedia/CardMedia.cjs +0 -33
  27. package/dist/cjs/Card/CardMedia/CardMedia.styles.cjs +0 -12
  28. package/dist/cjs/Card/CardSection/CardSection.cjs +0 -19
  29. package/dist/cjs/Card/CardSection/CardSection.styles.cjs +0 -10
  30. package/dist/esm/Card/Card.js +0 -19
  31. package/dist/esm/Card/Card.js.map +0 -1
  32. package/dist/esm/Card/Card.styles.js +0 -16
  33. package/dist/esm/Card/Card.styles.js.map +0 -1
  34. package/dist/esm/Card/CardMedia/CardMedia.js +0 -34
  35. package/dist/esm/Card/CardMedia/CardMedia.js.map +0 -1
  36. package/dist/esm/Card/CardMedia/CardMedia.styles.js +0 -12
  37. package/dist/esm/Card/CardMedia/CardMedia.styles.js.map +0 -1
  38. package/dist/esm/Card/CardSection/CardSection.js +0 -20
  39. package/dist/esm/Card/CardSection/CardSection.js.map +0 -1
  40. package/dist/esm/Card/CardSection/CardSection.styles.js +0 -10
  41. 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
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
@@ -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
- activeTabLabel: "HvCanvasToolbarTabs-activeTabLabel";
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" | "actionsDisabled" | "minimized" | "multipleTabs" | "overflowing" | "tabTitle" | "tabsRoot" | "leftActions" | "rightActions", string>>, addStatic?: boolean) => {
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" | "close" | "handle" | "tabs" | "handleOpen" | "handleClose", string>>, addStatic?: boolean) => {
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" | "dropdownMenu" | "closeButton" | "tabsContainer" | "tabsList" | "tabContent" | "tabIcon" | "tabLabel" | "activeTabLabel" | "tabDivider", string>>, addStatic?: boolean) => {
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
- activeTabLabel: string;
308
+ tabLabelEditor: string;
309
+ tabContent: string;
310
+ tabIconContainer: string;
311
+ closeIconContainer: string;
380
312
  tabDivider: string;
381
- };
382
- css: any;
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",
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.68.1",
34
- "@hitachivantara/uikit-react-icons": "^5.10.8",
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": "e6a4e1b89e4fec6bcebf1a88fcaab0ba41c0bda7",
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
  }
@@ -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;
@@ -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,12 +0,0 @@
1
- import { createClasses } from "@hitachivantara/uikit-react-core";
2
- const { staticClasses, useClasses } = createClasses("HvCardMedia", {
3
- root: {},
4
- image: {
5
- objectFit: "cover",
6
- width: "100%"
7
- }
8
- });
9
- export {
10
- staticClasses,
11
- useClasses
12
- };
@@ -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,10 +0,0 @@
1
- import { createClasses, theme } from "@hitachivantara/uikit-react-core";
2
- const { staticClasses, useClasses } = createClasses("HvCardSection", {
3
- root: {
4
- padding: theme.space.sm
5
- }
6
- });
7
- export {
8
- staticClasses,
9
- useClasses
10
- };
@@ -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;"}