@ledgerhq/lumen-ui-react 0.0.79 → 0.0.81
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/i18n/locales/de.json.d.ts +4 -0
- package/dist/i18n/locales/de.json.js +4 -4
- package/dist/i18n/locales/en.json.d.ts +8 -0
- package/dist/i18n/locales/en.json.js +1 -1
- package/dist/i18n/locales/es.json.d.ts +4 -0
- package/dist/i18n/locales/es.json.js +1 -1
- package/dist/i18n/locales/fr.json.d.ts +8 -0
- package/dist/i18n/locales/fr.json.js +1 -1
- package/dist/i18n/locales/ja.json.d.ts +4 -0
- package/dist/i18n/locales/ja.json.js +1 -1
- package/dist/i18n/locales/ko.json.d.ts +4 -0
- package/dist/i18n/locales/ko.json.js +1 -1
- package/dist/i18n/locales/pt.json.d.ts +4 -0
- package/dist/i18n/locales/pt.json.js +1 -1
- package/dist/i18n/locales/ru.json.d.ts +4 -0
- package/dist/i18n/locales/ru.json.js +1 -1
- package/dist/i18n/locales/th.json.d.ts +4 -0
- package/dist/i18n/locales/th.json.js +1 -1
- package/dist/i18n/locales/tr.json.d.ts +4 -0
- package/dist/i18n/locales/tr.json.js +1 -1
- package/dist/i18n/locales/zh.json.d.ts +4 -0
- package/dist/i18n/locales/zh.json.js +1 -1
- package/dist/index.js +109 -90
- package/dist/lib/Components/AmountInput/AmountInput.js +14 -14
- package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.js +50 -33
- package/dist/lib/Components/Avatar/types.d.ts +0 -1
- package/dist/lib/Components/Avatar/types.d.ts.map +1 -1
- package/dist/lib/Components/Banner/Banner.js +2 -2
- package/dist/lib/Components/BaseInput/BaseInput.js +9 -9
- package/dist/lib/Components/CardButton/CardButton.d.ts.map +1 -1
- package/dist/lib/Components/CardButton/CardButton.js +9 -9
- package/dist/lib/Components/Dialog/Dialog.js +2 -2
- package/dist/lib/Components/Menu/Menu.js +4 -4
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts +11 -0
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -0
- package/dist/lib/Components/PageIndicator/PageIndicator.js +88 -0
- package/dist/lib/Components/PageIndicator/index.d.ts +3 -0
- package/dist/lib/Components/PageIndicator/index.d.ts.map +1 -0
- package/dist/lib/Components/PageIndicator/types.d.ts +12 -0
- package/dist/lib/Components/PageIndicator/types.d.ts.map +1 -0
- package/dist/lib/Components/Select/Select.js +4 -4
- package/dist/lib/Components/SideBar/SideBar.js +16 -16
- package/dist/lib/Components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/lib/Components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/lib/Components/Skeleton/Skeleton.js +78 -27
- package/dist/lib/Components/Skeleton/types.d.ts +1 -1
- package/dist/lib/Components/Skeleton/types.d.ts.map +1 -1
- package/dist/lib/Components/Spot/Spot.d.ts +1 -1
- package/dist/lib/Components/Spot/Spot.d.ts.map +1 -1
- package/dist/lib/Components/Spot/Spot.js +27 -25
- package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
- package/dist/lib/Components/Subheader/Subheader.js +13 -5
- package/dist/lib/Components/Table/Table.d.ts +158 -0
- package/dist/lib/Components/Table/Table.d.ts.map +1 -0
- package/dist/lib/Components/Table/Table.js +390 -0
- package/dist/lib/Components/Table/constants.d.ts +3 -0
- package/dist/lib/Components/Table/constants.d.ts.map +1 -0
- package/dist/lib/Components/Table/constants.js +5 -0
- package/dist/lib/Components/Table/index.d.ts +3 -0
- package/dist/lib/Components/Table/index.d.ts.map +1 -0
- package/dist/lib/Components/Table/types.d.ts +245 -0
- package/dist/lib/Components/Table/types.d.ts.map +1 -0
- package/dist/lib/Components/Table/utils/useThrottledScrollBottom.d.ts +39 -0
- package/dist/lib/Components/Table/utils/useThrottledScrollBottom.d.ts.map +1 -0
- package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js +39 -0
- package/dist/lib/Components/Tile/Tile.js +9 -9
- package/dist/lib/Components/TileButton/TileButton.js +5 -5
- package/dist/lib/Components/index.d.ts +2 -0
- package/dist/lib/Components/index.d.ts.map +1 -1
- package/dist/lib/Symbols/Icons/Chart5.d.ts +26 -0
- package/dist/lib/Symbols/Icons/Chart5.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Chart5.js +39 -0
- package/dist/lib/Symbols/Icons/Chart5Fill.d.ts +26 -0
- package/dist/lib/Symbols/Icons/Chart5Fill.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Chart5Fill.js +25 -0
- package/dist/lib/Symbols/Icons/CurveDown.d.ts +26 -0
- package/dist/lib/Symbols/Icons/CurveDown.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/CurveDown.js +63 -0
- package/dist/lib/Symbols/Icons/CurveUp.d.ts +26 -0
- package/dist/lib/Symbols/Icons/CurveUp.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/CurveUp.js +62 -0
- package/dist/lib/Symbols/Icons/Target.d.ts +26 -0
- package/dist/lib/Symbols/Icons/Target.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Target.js +28 -0
- package/dist/lib/Symbols/index.d.ts +5 -0
- package/dist/lib/Symbols/index.d.ts.map +1 -1
- package/dist/lib/Symbols/index.js +448 -438
- package/dist/libs/utils-shared/dist/index.js +101 -54
- package/dist/package.json +4 -3
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/types.d.ts +2 -0
- package/dist/types/types.d.ts.map +1 -0
- package/package.json +5 -4
|
@@ -1,58 +1,109 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { cn as
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { cn as i } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { forwardRef as d } from "react";
|
|
4
|
+
const l = d(
|
|
5
|
+
({ className: a, ...s }, t) => /* @__PURE__ */ e(
|
|
5
6
|
"div",
|
|
6
7
|
{
|
|
7
|
-
|
|
8
|
+
ref: t,
|
|
9
|
+
className: i(
|
|
10
|
+
"animate-pulse rounded-md bg-muted-transparent",
|
|
11
|
+
a
|
|
12
|
+
),
|
|
8
13
|
...s
|
|
9
14
|
}
|
|
10
|
-
)
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
15
|
+
)
|
|
16
|
+
);
|
|
17
|
+
l.displayName = "BaseSkeleton";
|
|
18
|
+
const o = d(
|
|
19
|
+
({ className: a, ...s }, t) => /* @__PURE__ */ n(
|
|
14
20
|
"div",
|
|
15
21
|
{
|
|
22
|
+
ref: t,
|
|
16
23
|
"data-slot": "skeleton",
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
...d,
|
|
24
|
+
className: i("flex w-full items-center gap-16 py-8", a),
|
|
25
|
+
...s,
|
|
20
26
|
children: [
|
|
21
27
|
/* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
|
|
22
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-10", children: [
|
|
23
29
|
/* @__PURE__ */ e(l, { className: "h-12 w-176 rounded-full" }),
|
|
24
30
|
/* @__PURE__ */ e(l, { className: "h-12 w-112 rounded-full" })
|
|
25
31
|
] })
|
|
26
32
|
]
|
|
27
33
|
}
|
|
28
|
-
)
|
|
34
|
+
)
|
|
35
|
+
);
|
|
36
|
+
o.displayName = "ListItemSkeleton";
|
|
37
|
+
const m = d(
|
|
38
|
+
({ className: a, ...s }, t) => /* @__PURE__ */ n(
|
|
29
39
|
"div",
|
|
30
40
|
{
|
|
41
|
+
ref: t,
|
|
31
42
|
"data-slot": "skeleton",
|
|
32
|
-
|
|
33
|
-
className: n(
|
|
43
|
+
className: i(
|
|
34
44
|
"flex w-112 flex-col items-center gap-12 rounded-md px-8 py-16",
|
|
35
|
-
|
|
45
|
+
a
|
|
36
46
|
),
|
|
37
|
-
...
|
|
47
|
+
...s,
|
|
38
48
|
children: [
|
|
39
49
|
/* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
|
|
40
|
-
/* @__PURE__ */
|
|
50
|
+
/* @__PURE__ */ n("div", { className: "flex w-full flex-col items-center gap-8", children: [
|
|
41
51
|
/* @__PURE__ */ e(l, { className: "h-12 w-48 rounded-full" }),
|
|
42
52
|
/* @__PURE__ */ e(l, { className: "h-12 w-64 rounded-full" })
|
|
43
53
|
] })
|
|
44
54
|
]
|
|
45
55
|
}
|
|
46
|
-
)
|
|
47
|
-
|
|
56
|
+
)
|
|
57
|
+
);
|
|
58
|
+
m.displayName = "TileSkeleton";
|
|
59
|
+
const u = d(
|
|
60
|
+
({ className: a, ...s }, t) => /* @__PURE__ */ n(
|
|
61
|
+
"div",
|
|
48
62
|
{
|
|
63
|
+
ref: t,
|
|
49
64
|
"data-slot": "skeleton",
|
|
50
|
-
"
|
|
51
|
-
|
|
52
|
-
|
|
65
|
+
className: i("flex w-full flex-col", a),
|
|
66
|
+
...s,
|
|
67
|
+
children: [
|
|
68
|
+
/* @__PURE__ */ e("div", { className: "flex h-40 w-full items-center", children: /* @__PURE__ */ e(l, { className: "h-12 w-full" }) }),
|
|
69
|
+
/* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-90", children: [
|
|
70
|
+
/* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
|
|
71
|
+
/* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-11/12" }) })
|
|
72
|
+
] }),
|
|
73
|
+
/* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-80", children: [
|
|
74
|
+
/* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
|
|
75
|
+
/* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-10/12" }) })
|
|
76
|
+
] }),
|
|
77
|
+
/* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-70", children: [
|
|
78
|
+
/* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
|
|
79
|
+
/* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-9/12" }) })
|
|
80
|
+
] })
|
|
81
|
+
]
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
), r = {
|
|
85
|
+
"list-item": o,
|
|
86
|
+
tile: m,
|
|
87
|
+
table: u
|
|
88
|
+
}, N = d(
|
|
89
|
+
({ className: a, component: s, ...t }, c) => {
|
|
90
|
+
if (s && r[s]) {
|
|
91
|
+
const f = r[s];
|
|
92
|
+
return /* @__PURE__ */ e(f, { ...t, ref: c, className: a });
|
|
53
93
|
}
|
|
54
|
-
|
|
55
|
-
|
|
94
|
+
return /* @__PURE__ */ e(
|
|
95
|
+
l,
|
|
96
|
+
{
|
|
97
|
+
ref: c,
|
|
98
|
+
"data-testid": "skeleton",
|
|
99
|
+
className: a,
|
|
100
|
+
"data-slot": "skeleton",
|
|
101
|
+
...t
|
|
102
|
+
}
|
|
103
|
+
);
|
|
104
|
+
}
|
|
105
|
+
);
|
|
106
|
+
N.displayName = "Skeleton";
|
|
56
107
|
export {
|
|
57
|
-
|
|
108
|
+
N as Skeleton
|
|
58
109
|
};
|
|
@@ -4,7 +4,7 @@ type SkeletonProps = React.ComponentProps<'div'> & {
|
|
|
4
4
|
* - `list-item`: Horizontal layout with circle and two text lines
|
|
5
5
|
* - `tile`: Vertical centered layout with circle and two text lines in a rounded container
|
|
6
6
|
*/
|
|
7
|
-
component?: 'list-item' | 'tile';
|
|
7
|
+
component?: 'list-item' | 'tile' | 'table';
|
|
8
8
|
};
|
|
9
9
|
export type { SkeletonProps };
|
|
10
10
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/types.ts"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/types.ts"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -33,5 +33,5 @@ import { SpotProps } from './types';
|
|
|
33
33
|
* <Spot appearance="bluetooth" />
|
|
34
34
|
* <Spot appearance="bluetooth" disabled />
|
|
35
35
|
*/
|
|
36
|
-
export declare const Spot: (
|
|
36
|
+
export declare const Spot: import('react').ForwardRefExoticComponent<SpotProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
37
37
|
//# sourceMappingURL=Spot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AA8B9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AA8B9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,sGAyDf,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { cn as
|
|
3
|
-
import { cva as
|
|
4
|
-
import {
|
|
5
|
-
import { Spinner as
|
|
6
|
-
import { InformationFill as
|
|
7
|
-
import { WarningFill as
|
|
8
|
-
import { DeleteCircleFill as
|
|
9
|
-
import { CheckmarkCircleFill as
|
|
10
|
-
import { BluetoothCircleFill as
|
|
11
|
-
const
|
|
2
|
+
import { cn as h } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { cva as f } from "class-variance-authority";
|
|
4
|
+
import { forwardRef as b, useMemo as g } from "react";
|
|
5
|
+
import { Spinner as x } from "../Spinner/Spinner.js";
|
|
6
|
+
import { InformationFill as z } from "../../Symbols/Icons/InformationFill.js";
|
|
7
|
+
import { WarningFill as w } from "../../Symbols/Icons/WarningFill.js";
|
|
8
|
+
import { DeleteCircleFill as y } from "../../Symbols/Icons/DeleteCircleFill.js";
|
|
9
|
+
import { CheckmarkCircleFill as F } from "../../Symbols/Icons/CheckmarkCircleFill.js";
|
|
10
|
+
import { BluetoothCircleFill as C } from "../../Symbols/Icons/BluetoothCircleFill.js";
|
|
11
|
+
const N = f(
|
|
12
12
|
"flex items-center justify-center rounded-full bg-muted-transparent",
|
|
13
13
|
{
|
|
14
14
|
variants: {
|
|
@@ -34,20 +34,20 @@ const F = h(
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
),
|
|
38
|
-
const { appearance:
|
|
37
|
+
), k = b((r, s) => {
|
|
38
|
+
const { appearance: a, className: i, disabled: c, size: o = 48, ...l } = r, m = {
|
|
39
39
|
32: 12,
|
|
40
40
|
40: 16,
|
|
41
41
|
48: 20,
|
|
42
42
|
56: 24,
|
|
43
43
|
72: 40
|
|
44
|
-
},
|
|
44
|
+
}, p = {
|
|
45
45
|
32: "body-2-semi-bold",
|
|
46
46
|
40: "body-1-semi-bold",
|
|
47
47
|
48: "heading-5",
|
|
48
48
|
56: "heading-4",
|
|
49
49
|
72: "heading-2"
|
|
50
|
-
}, t =
|
|
50
|
+
}, t = m[o] ?? 20, n = p[o] ?? "heading-5", d = g(() => {
|
|
51
51
|
switch (r.appearance) {
|
|
52
52
|
case "icon": {
|
|
53
53
|
const { icon: u } = r;
|
|
@@ -56,28 +56,30 @@ const F = h(
|
|
|
56
56
|
case "number":
|
|
57
57
|
return /* @__PURE__ */ e("span", { className: n, children: r.number });
|
|
58
58
|
case "bluetooth":
|
|
59
|
-
return /* @__PURE__ */ e(
|
|
59
|
+
return /* @__PURE__ */ e(C, { size: t });
|
|
60
60
|
case "check":
|
|
61
|
-
return /* @__PURE__ */ e(
|
|
61
|
+
return /* @__PURE__ */ e(F, { size: t });
|
|
62
62
|
case "error":
|
|
63
|
-
return /* @__PURE__ */ e(
|
|
63
|
+
return /* @__PURE__ */ e(y, { size: t });
|
|
64
64
|
case "warning":
|
|
65
|
-
return /* @__PURE__ */ e(
|
|
65
|
+
return /* @__PURE__ */ e(w, { size: t });
|
|
66
66
|
case "info":
|
|
67
|
-
return /* @__PURE__ */ e(
|
|
67
|
+
return /* @__PURE__ */ e(z, { size: t });
|
|
68
68
|
case "loader":
|
|
69
|
-
return /* @__PURE__ */ e(
|
|
69
|
+
return /* @__PURE__ */ e(x, { size: t });
|
|
70
70
|
}
|
|
71
71
|
}, [r, t, n]);
|
|
72
72
|
return /* @__PURE__ */ e(
|
|
73
73
|
"div",
|
|
74
74
|
{
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
ref: s,
|
|
76
|
+
className: h(i, N({ appearance: a, disabled: c, size: o })),
|
|
77
|
+
...l,
|
|
78
|
+
children: d
|
|
78
79
|
}
|
|
79
80
|
);
|
|
80
|
-
};
|
|
81
|
+
});
|
|
82
|
+
k.displayName = "Spot";
|
|
81
83
|
export {
|
|
82
|
-
|
|
84
|
+
k as Spot
|
|
83
85
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,
|
|
1
|
+
{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,4CAUxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAI9B,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAKzB,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,sCAInB,cAAc,4CAMhB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import c from "react";
|
|
|
4
4
|
import { Information as m } from "../../Symbols/Icons/Information.js";
|
|
5
5
|
import { ChevronRight as d } from "../../Symbols/Icons/ChevronRight.js";
|
|
6
6
|
import { InteractiveIcon as i } from "../InteractiveIcon/InteractiveIcon.js";
|
|
7
|
-
const
|
|
7
|
+
const S = ({
|
|
8
8
|
children: t,
|
|
9
9
|
as: e = "h2",
|
|
10
10
|
className: r,
|
|
@@ -19,7 +19,7 @@ const N = ({
|
|
|
19
19
|
...n,
|
|
20
20
|
children: t
|
|
21
21
|
}
|
|
22
|
-
),
|
|
22
|
+
), N = ({
|
|
23
23
|
children: t,
|
|
24
24
|
onClick: e,
|
|
25
25
|
className: r,
|
|
@@ -66,7 +66,15 @@ u.displayName = "SubheaderInfo";
|
|
|
66
66
|
const I = ({
|
|
67
67
|
className: t,
|
|
68
68
|
...e
|
|
69
|
-
}) => /* @__PURE__ */ o(
|
|
69
|
+
}) => /* @__PURE__ */ o(
|
|
70
|
+
i,
|
|
71
|
+
{
|
|
72
|
+
className: a("-ml-2", t),
|
|
73
|
+
iconType: "stroked",
|
|
74
|
+
...e,
|
|
75
|
+
children: /* @__PURE__ */ o(d, { size: 20 })
|
|
76
|
+
}
|
|
77
|
+
), g = ({
|
|
70
78
|
children: t,
|
|
71
79
|
className: e,
|
|
72
80
|
...r
|
|
@@ -98,7 +106,7 @@ export {
|
|
|
98
106
|
y as SubheaderCount,
|
|
99
107
|
g as SubheaderDescription,
|
|
100
108
|
u as SubheaderInfo,
|
|
101
|
-
|
|
109
|
+
N as SubheaderRow,
|
|
102
110
|
I as SubheaderShowMore,
|
|
103
|
-
|
|
111
|
+
S as SubheaderTitle
|
|
104
112
|
};
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Root table container component. Wraps a scrollable HTML `<div>` around the `Table` element.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* <TableRoot>
|
|
6
|
+
* <Table>
|
|
7
|
+
* <TableHeader>
|
|
8
|
+
* <TableHeaderRow>
|
|
9
|
+
* <TableHeaderCell>
|
|
10
|
+
* <TableHeaderCellSort sortDirection={sortDir} onToggleSort={setSortDir}>Name</TableHeaderCellSort>
|
|
11
|
+
* </TableHeaderCell>
|
|
12
|
+
* </TableHeaderRow>
|
|
13
|
+
* </TableHeader>
|
|
14
|
+
* <TableBody>
|
|
15
|
+
* <TableRow>
|
|
16
|
+
* <TableCell>John</TableCell>
|
|
17
|
+
* </TableRow>
|
|
18
|
+
* </TableBody>
|
|
19
|
+
* </Table>
|
|
20
|
+
* </TableRoot>
|
|
21
|
+
*/
|
|
22
|
+
export declare const TableRoot: import('react').ForwardRefExoticComponent<{
|
|
23
|
+
appearance?: "no-background" | "plain";
|
|
24
|
+
children: import('react').ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
onScrollBottom?: () => void;
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
29
|
+
export declare const Table: import('react').ForwardRefExoticComponent<{
|
|
30
|
+
children: import('react').ReactNode;
|
|
31
|
+
className?: string;
|
|
32
|
+
} & import('react').HTMLAttributes<HTMLTableElement> & import('react').RefAttributes<HTMLTableElement>>;
|
|
33
|
+
/**
|
|
34
|
+
* Table head component. Wraps the HTML `<thead>` element.
|
|
35
|
+
*/
|
|
36
|
+
export declare const TableHeader: import('react').ForwardRefExoticComponent<{
|
|
37
|
+
children: import('react').ReactNode;
|
|
38
|
+
className?: string;
|
|
39
|
+
} & import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
|
|
40
|
+
/**
|
|
41
|
+
* Table body component. Wraps the HTML `<tbody>` element.
|
|
42
|
+
*/
|
|
43
|
+
export declare const TableBody: import('react').ForwardRefExoticComponent<{
|
|
44
|
+
children: import('react').ReactNode;
|
|
45
|
+
className?: string;
|
|
46
|
+
} & import('react').HTMLAttributes<HTMLTableSectionElement> & import('react').RefAttributes<HTMLTableSectionElement>>;
|
|
47
|
+
/**
|
|
48
|
+
* Table row component for body rows. Wraps the HTML `<tr>` element.
|
|
49
|
+
*/
|
|
50
|
+
export declare const TableRow: import('react').ForwardRefExoticComponent<{
|
|
51
|
+
clickable?: boolean;
|
|
52
|
+
onClick?: (e: React.MouseEvent<HTMLTableRowElement>) => void;
|
|
53
|
+
children: import('react').ReactNode;
|
|
54
|
+
className?: string;
|
|
55
|
+
} & import('react').HTMLAttributes<HTMLTableRowElement> & import('react').RefAttributes<HTMLTableRowElement>>;
|
|
56
|
+
/**
|
|
57
|
+
* Table header row component. Wraps the HTML `<tr>` element with header-specific styles.
|
|
58
|
+
*/
|
|
59
|
+
export declare const TableHeaderRow: import('react').ForwardRefExoticComponent<{
|
|
60
|
+
children: import('react').ReactNode;
|
|
61
|
+
colSpan?: number;
|
|
62
|
+
className?: string;
|
|
63
|
+
} & import('react').HTMLAttributes<HTMLTableRowElement> & import('react').RefAttributes<HTMLTableRowElement>>;
|
|
64
|
+
/**
|
|
65
|
+
* Table Group Header row component. Wraps the HTML `<tr> + <td>` element with header sub-section for a table.
|
|
66
|
+
*/
|
|
67
|
+
export declare const TableGroupHeaderRow: import('react').ForwardRefExoticComponent<{
|
|
68
|
+
children: import('react').ReactNode;
|
|
69
|
+
className?: string;
|
|
70
|
+
colSpan: number;
|
|
71
|
+
} & import('react').HTMLAttributes<HTMLTableRowElement> & import('react').RefAttributes<HTMLTableRowElement>>;
|
|
72
|
+
/**
|
|
73
|
+
* Table data cell component. Wraps the HTML `<td>` element.
|
|
74
|
+
*/
|
|
75
|
+
export declare const TableCell: import('react').ForwardRefExoticComponent<{
|
|
76
|
+
hideBelow?: import('../../../types').Breakpoints;
|
|
77
|
+
children?: import('react').ReactNode;
|
|
78
|
+
className?: string;
|
|
79
|
+
align?: "start" | "end";
|
|
80
|
+
} & Omit<import('react').TdHTMLAttributes<HTMLTableCellElement>, "align"> & import('react').RefAttributes<HTMLTableCellElement>>;
|
|
81
|
+
/**
|
|
82
|
+
* Cell content component. To be used inside a TableCell or inside tanstack column render.
|
|
83
|
+
*/
|
|
84
|
+
export declare const TableCellContent: import('react').ForwardRefExoticComponent<{
|
|
85
|
+
align?: "start" | "end";
|
|
86
|
+
className?: string;
|
|
87
|
+
leadingContent?: import('react').ReactNode;
|
|
88
|
+
title?: import('react').ReactNode;
|
|
89
|
+
description?: import('react').ReactNode;
|
|
90
|
+
} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
91
|
+
/**
|
|
92
|
+
* Table header cell component. Wraps the HTML `<th>` element.
|
|
93
|
+
* Use TableSortButton for sortable columns; other children are trailing content.
|
|
94
|
+
*/
|
|
95
|
+
export declare const TableHeaderCell: import('react').ForwardRefExoticComponent<{
|
|
96
|
+
hideBelow?: import('../../../types').Breakpoints;
|
|
97
|
+
children?: import('react').ReactNode;
|
|
98
|
+
trailingContent?: import('react').ReactNode;
|
|
99
|
+
className?: string;
|
|
100
|
+
align?: "start" | "end";
|
|
101
|
+
scope?: "col" | "row" | "colgroup" | "rowgroup";
|
|
102
|
+
} & Omit<import('react').ThHTMLAttributes<HTMLTableCellElement>, "align"> & import('react').RefAttributes<HTMLTableCellElement>>;
|
|
103
|
+
/**
|
|
104
|
+
* Action bar component for table controls. Positioned above the table.
|
|
105
|
+
*
|
|
106
|
+
* @example
|
|
107
|
+
* <TableActionBar>
|
|
108
|
+
* <TableActionBarLeading>
|
|
109
|
+
* <SearchInput />
|
|
110
|
+
* </TableActionBarLeading>
|
|
111
|
+
* <TableActionBarTrailing>
|
|
112
|
+
* <Button>Export</Button>
|
|
113
|
+
* </TableActionBarTrailing>
|
|
114
|
+
* </TableActionBar>
|
|
115
|
+
*/
|
|
116
|
+
export declare const TableActionBar: import('react').ForwardRefExoticComponent<{
|
|
117
|
+
children: import('react').ReactNode;
|
|
118
|
+
className?: string;
|
|
119
|
+
} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
120
|
+
/**
|
|
121
|
+
* Leading section of the action bar. Contains left-aligned actions.
|
|
122
|
+
*/
|
|
123
|
+
export declare const TableActionBarLeading: import('react').ForwardRefExoticComponent<{
|
|
124
|
+
children: import('react').ReactNode;
|
|
125
|
+
className?: string;
|
|
126
|
+
} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
127
|
+
/**
|
|
128
|
+
* Trailing section of the action bar. Contains right-aligned actions.
|
|
129
|
+
*/
|
|
130
|
+
export declare const TableActionBarTrailing: import('react').ForwardRefExoticComponent<{
|
|
131
|
+
children: import('react').ReactNode;
|
|
132
|
+
className?: string;
|
|
133
|
+
} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
134
|
+
/**
|
|
135
|
+
* Loading row component displayed at the bottom of the table during infinite scroll loading.
|
|
136
|
+
*/
|
|
137
|
+
export declare const TableLoadingRow: import('react').ForwardRefExoticComponent<{
|
|
138
|
+
className?: string;
|
|
139
|
+
} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
140
|
+
/**
|
|
141
|
+
* Clickable sort control for table header columns.
|
|
142
|
+
* Displays the current sort state (asc/desc/idle) and triggers sort changes on click.
|
|
143
|
+
*/
|
|
144
|
+
export declare const TableInfoIcon: import('react').ForwardRefExoticComponent<{
|
|
145
|
+
className?: string;
|
|
146
|
+
} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "children"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
147
|
+
/**
|
|
148
|
+
* Sortable header label + icon. Renders a single button (label + sort icon) for accessibility.
|
|
149
|
+
* Use as the first child of TableHeaderCell; other children are trailing content.
|
|
150
|
+
*/
|
|
151
|
+
export declare const TableSortButton: import('react').ForwardRefExoticComponent<{
|
|
152
|
+
align?: "start" | "end";
|
|
153
|
+
children: import('react').ReactNode;
|
|
154
|
+
sortDirection?: import('./types').TableSortValue;
|
|
155
|
+
onToggleSort?: (sort: import('./types').TableSortValue) => void;
|
|
156
|
+
className?: string;
|
|
157
|
+
} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "children"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
158
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/Table.tsx"],"names":[],"mappings":"AAiDA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS;;;;;;mGA8BrB,CAAC;AAGF,eAAO,MAAM,KAAK;;;uGAYjB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,WAAW;;;qHAStB,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,SAAS;;;qHAQrB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,QAAQ;;wBA3FV,UAAS;;;6GA6GnB,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,cAAc;;;;6GAiBzB,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;6GAsB9B,CAAC;AA4BH;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;gIAYrB,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;qHA6B5B,CAAC;AA4BF;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;gIAoC3B,CAAC;AAGF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc;;;mGAY1B,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;mGAahC,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;mGAajC,CAAC;AAGH;;GAEG;AACH,eAAO,MAAM,eAAe;;qHAwB3B,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,aAAa;;2HAazB,CAAC;AAkCF;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;2HA6C3B,CAAC"}
|