@hitachivantara/uikit-react-pentaho 0.4.4 → 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.
@@ -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
  };
@@ -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";
@@ -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" | "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) => {
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" | "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) => {
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.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,9 +30,9 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@emotion/css": "^11.11.0",
33
- "@hitachivantara/uikit-react-core": "^5.69.0",
34
- "@hitachivantara/uikit-react-icons": "^5.10.9",
35
- "@hitachivantara/uikit-react-utils": "^0.2.1",
33
+ "@hitachivantara/uikit-react-core": "^5.70.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": "12e14ff262d62992cf3b833a4dd4cdac07541d51",
46
+ "gitHead": "43f1456d5a748ec8fc9fe27972459cfa3d0f4416",
47
47
  "exports": {
48
48
  ".": {
49
49
  "types": "./dist/types/index.d.ts",
@@ -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;"}