@amateescu/portal-ui-components 0.0.19 → 0.0.21-beta0

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 (6) hide show
  1. package/dist/components/KpiWrapper/KpiWrapper.d.ts +1 -1
  2. package/dist/components/KpiWrapper/KpiWrapper.js +7 -6
  3. package/dist/components/KpiWrapper/KpiWrapper.stories.js +23 -23
  4. package/dist/components/KpiWrapper/KpiWrapper.types.d.ts +1 -0
  5. package/dist/types/Column.d.ts +1 -0
  6. package/package.json +1 -1
package/dist/components/KpiWrapper/KpiWrapper.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { KpiWrapperProps } from './KpiWrapper.types';
2
- export declare function KpiWrapper({ children, style }: KpiWrapperProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function KpiWrapper({ children, className, style }: KpiWrapperProps): import("react/jsx-runtime").JSX.Element;
package/dist/components/KpiWrapper/KpiWrapper.js CHANGED
@@ -1,10 +1,11 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import '../../assets/KpiWrapper.css';const t = "_flexRowSpaceBetween_1v6py_1", c = {
3
- flexRowSpaceBetween: t
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { cn as c } from "../../portal-utils/cn.js";
3
+ import '../../assets/KpiWrapper.css';const n = "_flexRowSpaceBetween_1v6py_1", r = {
4
+ flexRowSpaceBetween: n
4
5
  };
5
- function a({ children: e, style: o }) {
6
- return /* @__PURE__ */ p("div", { className: c.flexRowSpaceBetween, style: o, children: e });
6
+ function w({ children: e, className: o, style: p }) {
7
+ return /* @__PURE__ */ t("div", { className: c(r.flexRowSpaceBetween, o ?? ""), style: p, children: e });
7
8
  }
8
9
  export {
9
- a as KpiWrapper
10
+ w as KpiWrapper
10
11
  };
package/dist/components/KpiWrapper/KpiWrapper.stories.js CHANGED
@@ -2,13 +2,13 @@ import { jsx as t } from "react/jsx-runtime";
2
2
  import { S as e } from "../../InvencoGVR-qnTq-d6S.js";
3
3
  import "react";
4
4
  import "@mui/x-data-grid";
5
- import { KpiCard as n } from "../KpiCard/KpiCard.js";
6
- import { KpiWrapper as r } from "./KpiWrapper.js";
5
+ import { KpiCard as i } from "../KpiCard/KpiCard.js";
6
+ import { KpiWrapper as n } from "./KpiWrapper.js";
7
7
  import "i18next";
8
8
  import '../../assets/SideMenu.css';/* empty css */
9
- const m = {
9
+ const s = {
10
10
  title: "Kpi Wrapper",
11
- component: r,
11
+ component: n,
12
12
  tags: ["autodocs"],
13
13
  parameters: {
14
14
  layout: "fullscreen"
@@ -19,37 +19,37 @@ const m = {
19
19
  padding: "10px 10px"
20
20
  }
21
21
  }
22
- }, K = {}, u = {
22
+ }, m = {}, K = {
23
23
  args: {
24
24
  children: [
25
- /* @__PURE__ */ t(n, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
26
- /* @__PURE__ */ t(n, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
27
- /* @__PURE__ */ t(n, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 })
25
+ /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
26
+ /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
27
+ /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
28
28
  ]
29
29
  }
30
- }, g = {
30
+ }, u = {
31
31
  args: {
32
32
  children: [
33
- /* @__PURE__ */ t(n, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
34
- /* @__PURE__ */ t(n, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
35
- /* @__PURE__ */ t(n, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
36
- /* @__PURE__ */ t(n, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 })
33
+ /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
34
+ /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
35
+ /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
36
+ /* @__PURE__ */ t(i, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
37
37
  ]
38
38
  }
39
- }, f = {
39
+ }, g = {
40
40
  args: {
41
41
  children: [
42
- /* @__PURE__ */ t(n, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
43
- /* @__PURE__ */ t(n, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
44
- /* @__PURE__ */ t(n, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 })
42
+ /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
43
+ /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
44
+ /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
45
45
  ]
46
46
  },
47
- render: (i) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(r, { ...i }) })
47
+ render: (r) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(n, { ...r }) })
48
48
  };
49
49
  export {
50
- K as Default,
51
- f as RTL,
52
- u as With3Kpis,
53
- g as With4Kpis,
54
- m as default
50
+ m as Default,
51
+ g as RTL,
52
+ K as With3Kpis,
53
+ u as With4Kpis,
54
+ s as default
55
55
  };
package/dist/components/KpiWrapper/KpiWrapper.types.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { CSSProperties } from 'react';
2
2
  export interface KpiWrapperProps {
3
3
  children: React.ReactNode;
4
+ className?: string;
4
5
  style?: CSSProperties;
5
6
  }
package/dist/types/Column.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface Column {
6
6
  align?: GridAlignment;
7
7
  width?: number;
8
8
  minWidth?: number;
9
+ maxWidth?: number;
9
10
  hide?: boolean;
10
11
  headerName?: string;
11
12
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@amateescu/portal-ui-components",
3
3
  "main": "dist/main.js",
4
4
  "types": "dist/main.d.ts",
5
- "version": "0.0.19",
5
+ "version": "0.0.21-beta0",
6
6
  "type": "module",
7
7
  "files": [
8
8
  "dist"