@ledgerhq/lumen-ui-react 0.1.17 → 0.1.18
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/ai-rules/RULES.md +6 -0
- package/dist/lib/Components/AddressInput/AddressInput.d.ts +1 -4
- package/dist/lib/Components/AddressInput/AddressInput.d.ts.map +1 -1
- package/dist/lib/Components/AddressInput/AddressInput.js +21 -21
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -4
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
- package/dist/lib/Components/AmountDisplay/AmountDisplay.js +32 -29
- package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -4
- package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/lib/Components/AmountInput/AmountInput.js +13 -14
- package/dist/lib/Components/Avatar/Avatar.d.ts +1 -4
- package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.js +8 -9
- package/dist/lib/Components/BaseInput/BaseInput.d.ts +1 -4
- package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
- package/dist/lib/Components/BaseInput/BaseInput.js +44 -44
- package/dist/lib/Components/Button/BaseButton.d.ts +1 -4
- package/dist/lib/Components/Button/BaseButton.d.ts.map +1 -1
- package/dist/lib/Components/Button/BaseButton.js +14 -15
- package/dist/lib/Components/Button/Button.d.ts +1 -4
- package/dist/lib/Components/Button/Button.d.ts.map +1 -1
- package/dist/lib/Components/Button/Button.js +6 -7
- package/dist/lib/Components/Card/Card.d.ts +10 -40
- package/dist/lib/Components/Card/Card.d.ts.map +1 -1
- package/dist/lib/Components/Card/Card.js +115 -134
- package/dist/lib/Components/CardButton/CardButton.d.ts +1 -4
- package/dist/lib/Components/CardButton/CardButton.d.ts.map +1 -1
- package/dist/lib/Components/CardButton/CardButton.js +10 -11
- package/dist/lib/Components/Checkbox/Checkbox.d.ts +1 -4
- package/dist/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/lib/Components/Checkbox/Checkbox.js +2 -3
- package/dist/lib/Components/ContentBanner/ContentBanner.d.ts +4 -16
- package/dist/lib/Components/ContentBanner/ContentBanner.d.ts.map +1 -1
- package/dist/lib/Components/ContentBanner/ContentBanner.js +48 -54
- package/dist/lib/Components/DataTable/DataTable.d.ts +3 -12
- package/dist/lib/Components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/lib/Components/DataTable/DataTable.js +84 -97
- package/dist/lib/Components/Dialog/Dialog.d.ts +3 -12
- package/dist/lib/Components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/lib/Components/Dialog/Dialog.js +44 -50
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts +1 -4
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts.map +1 -1
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +31 -34
- package/dist/lib/Components/Divider/Divider.d.ts +1 -4
- package/dist/lib/Components/Divider/Divider.d.ts.map +1 -1
- package/dist/lib/Components/Divider/Divider.js +10 -11
- package/dist/lib/Components/Icon/Icon.d.ts +1 -4
- package/dist/lib/Components/Icon/Icon.d.ts.map +1 -1
- package/dist/lib/Components/Icon/Icon.js +6 -7
- package/dist/lib/Components/IconButton/IconButton.d.ts +1 -4
- package/dist/lib/Components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/lib/Components/IconButton/IconButton.js +5 -6
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +3 -11
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +24 -22
- package/dist/lib/Components/InteractiveIcon/types.d.ts +14 -9
- package/dist/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
- package/dist/lib/Components/Link/Link.d.ts +1 -4
- package/dist/lib/Components/Link/Link.d.ts.map +1 -1
- package/dist/lib/Components/Link/Link.js +13 -14
- package/dist/lib/Components/ListItem/ListItem.d.ts +7 -28
- package/dist/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/lib/Components/ListItem/ListItem.js +60 -63
- package/dist/lib/Components/MediaBanner/MediaBanner.d.ts +3 -12
- package/dist/lib/Components/MediaBanner/MediaBanner.d.ts.map +1 -1
- package/dist/lib/Components/MediaBanner/MediaBanner.js +39 -43
- package/dist/lib/Components/MediaCard/MediaCard.d.ts +2 -8
- package/dist/lib/Components/MediaCard/MediaCard.d.ts.map +1 -1
- package/dist/lib/Components/MediaCard/MediaCard.js +38 -40
- package/dist/lib/Components/MediaImage/MediaImage.d.ts +1 -4
- package/dist/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/lib/Components/MediaImage/MediaImage.js +15 -16
- package/dist/lib/Components/Menu/Menu.d.ts +11 -38
- package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
- package/dist/lib/Components/Menu/Menu.js +100 -116
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts +1 -4
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/CoinCapsule.js +8 -9
- package/dist/lib/Components/NavBar/NavBar.d.ts +7 -22
- package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/NavBar.js +25 -34
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts +1 -4
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -1
- package/dist/lib/Components/PageIndicator/PageIndicator.js +15 -16
- package/dist/lib/Components/Popover/Popover.d.ts +1 -4
- package/dist/lib/Components/Popover/Popover.d.ts.map +1 -1
- package/dist/lib/Components/Popover/Popover.js +5 -7
- package/dist/lib/Components/SearchInput/SearchInput.d.ts +1 -4
- package/dist/lib/Components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/lib/Components/SearchInput/SearchInput.js +2 -3
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +0 -6
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/lib/Components/SegmentedControl/SegmentedControl.js +19 -21
- package/dist/lib/Components/Select/Select.d.ts +10 -40
- package/dist/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/lib/Components/Select/Select.js +141 -163
- package/dist/lib/Components/SideBar/SideBar.d.ts +5 -20
- package/dist/lib/Components/SideBar/SideBar.d.ts.map +1 -1
- package/dist/lib/Components/SideBar/SideBar.js +44 -53
- package/dist/lib/Components/Skeleton/Skeleton.d.ts +1 -4
- package/dist/lib/Components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/lib/Components/Skeleton/Skeleton.js +15 -22
- package/dist/lib/Components/Spot/Spot.d.ts +1 -4
- package/dist/lib/Components/Spot/Spot.d.ts.map +1 -1
- package/dist/lib/Components/Spot/Spot.js +11 -12
- package/dist/lib/Components/Stepper/Stepper.d.ts +1 -4
- package/dist/lib/Components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/lib/Components/Stepper/Stepper.js +10 -11
- package/dist/lib/Components/Subheader/Subheader.d.ts +1 -4
- package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
- package/dist/lib/Components/Subheader/Subheader.js +14 -15
- package/dist/lib/Components/Subheader/types.d.ts +1 -1
- package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
- package/dist/lib/Components/Switch/Switch.d.ts +1 -4
- package/dist/lib/Components/Switch/Switch.d.ts.map +1 -1
- package/dist/lib/Components/Switch/Switch.js +2 -3
- package/dist/lib/Components/Table/Table.d.ts +16 -64
- package/dist/lib/Components/Table/Table.d.ts.map +1 -1
- package/dist/lib/Components/Table/Table.js +146 -176
- package/dist/lib/Components/Tag/Tag.d.ts +1 -4
- package/dist/lib/Components/Tag/Tag.d.ts.map +1 -1
- package/dist/lib/Components/Tag/Tag.js +10 -11
- package/dist/lib/Components/TextInput/TextInput.d.ts +1 -4
- package/dist/lib/Components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/lib/Components/TextInput/TextInput.js +4 -5
- package/dist/lib/Components/Tile/Tile.d.ts +6 -24
- package/dist/lib/Components/Tile/Tile.d.ts.map +1 -1
- package/dist/lib/Components/Tile/Tile.js +58 -71
- package/dist/lib/Components/TileButton/TileButton.d.ts +1 -4
- package/dist/lib/Components/TileButton/TileButton.d.ts.map +1 -1
- package/dist/lib/Components/TileButton/TileButton.js +12 -13
- package/dist/lib/Components/TriggerButton/TriggerButton.d.ts +1 -4
- package/dist/lib/Components/TriggerButton/TriggerButton.d.ts.map +1 -1
- package/dist/lib/Components/TriggerButton/TriggerButton.js +11 -12
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -15,33 +15,33 @@ const h = f(
|
|
|
15
15
|
appearance: "base"
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
),
|
|
18
|
+
), w = ({
|
|
19
19
|
ref: i,
|
|
20
|
-
className:
|
|
21
|
-
appearance:
|
|
20
|
+
className: o,
|
|
21
|
+
appearance: d,
|
|
22
22
|
icon: l,
|
|
23
23
|
title: n,
|
|
24
24
|
description: t,
|
|
25
25
|
hideChevron: r,
|
|
26
|
-
disabled:
|
|
27
|
-
...
|
|
26
|
+
disabled: b,
|
|
27
|
+
...u
|
|
28
28
|
}) => {
|
|
29
29
|
const c = m({
|
|
30
30
|
consumerName: "CardButton",
|
|
31
|
-
mergeWith: { disabled:
|
|
31
|
+
mergeWith: { disabled: b }
|
|
32
32
|
}), s = l;
|
|
33
33
|
return /* @__PURE__ */ a(
|
|
34
34
|
"button",
|
|
35
35
|
{
|
|
36
36
|
ref: i,
|
|
37
37
|
className: p(
|
|
38
|
-
|
|
38
|
+
o,
|
|
39
39
|
h({
|
|
40
|
-
appearance:
|
|
40
|
+
appearance: d
|
|
41
41
|
})
|
|
42
42
|
),
|
|
43
43
|
disabled: c,
|
|
44
|
-
...
|
|
44
|
+
...u,
|
|
45
45
|
children: [
|
|
46
46
|
s && /* @__PURE__ */ e(s, { size: 24 }),
|
|
47
47
|
/* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
|
|
@@ -59,7 +59,6 @@ const h = f(
|
|
|
59
59
|
}
|
|
60
60
|
);
|
|
61
61
|
};
|
|
62
|
-
x.displayName = "CardButton";
|
|
63
62
|
export {
|
|
64
|
-
|
|
63
|
+
w as CardButton
|
|
65
64
|
};
|
|
@@ -38,8 +38,5 @@ import { CheckboxProps } from './types';
|
|
|
38
38
|
* // With custom styling (layout only)
|
|
39
39
|
* <Checkbox className="mr-8" />
|
|
40
40
|
*/
|
|
41
|
-
export declare const Checkbox: {
|
|
42
|
-
({ ref, className, disabled: disabledProp, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
43
|
-
displayName: string | undefined;
|
|
44
|
-
};
|
|
41
|
+
export declare const Checkbox: ({ ref, className, disabled: disabledProp, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
42
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiBxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAiBxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ,GAAI,sDAKtB,aAAa,4CAkBf,CAAC"}
|
|
@@ -13,7 +13,7 @@ const n = a(
|
|
|
13
13
|
"data-[state=checked]:hover:bg-active-hover",
|
|
14
14
|
"data-[state=checked]:active:bg-active-pressed",
|
|
15
15
|
"data-[state=checked]:disabled:bg-disabled data-[state=checked]:disabled:text-disabled"
|
|
16
|
-
),
|
|
16
|
+
), k = ({
|
|
17
17
|
ref: s,
|
|
18
18
|
className: d,
|
|
19
19
|
disabled: c,
|
|
@@ -34,7 +34,6 @@ const n = a(
|
|
|
34
34
|
}
|
|
35
35
|
);
|
|
36
36
|
};
|
|
37
|
-
h.displayName = t.Root.displayName;
|
|
38
37
|
export {
|
|
39
|
-
|
|
38
|
+
k as Checkbox
|
|
40
39
|
};
|
|
@@ -2,24 +2,15 @@ import { ContentBannerContentProps, ContentBannerDescriptionProps, ContentBanner
|
|
|
2
2
|
/**
|
|
3
3
|
* Container for the text content (title and description) within the content banner.
|
|
4
4
|
*/
|
|
5
|
-
export declare const ContentBannerContent: {
|
|
6
|
-
({ ref, children, className, ...props }: ContentBannerContentProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
displayName: string;
|
|
8
|
-
};
|
|
5
|
+
export declare const ContentBannerContent: ({ ref, children, className, ...props }: ContentBannerContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
6
|
/**
|
|
10
7
|
* The main title of the content banner.
|
|
11
8
|
*/
|
|
12
|
-
export declare const ContentBannerTitle: {
|
|
13
|
-
({ ref, children, className, ...props }: ContentBannerTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
9
|
+
export declare const ContentBannerTitle: ({ ref, children, className, ...props }: ContentBannerTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
10
|
/**
|
|
17
11
|
* Optional description text below the title.
|
|
18
12
|
*/
|
|
19
|
-
export declare const ContentBannerDescription: {
|
|
20
|
-
({ ref, children, className, ...props }: ContentBannerDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
displayName: string;
|
|
22
|
-
};
|
|
13
|
+
export declare const ContentBannerDescription: ({ ref, children, className, ...props }: ContentBannerDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
14
|
/**
|
|
24
15
|
* A content banner component for displaying a composable banner with an optional
|
|
25
16
|
* leading visual, title, description, and close button.
|
|
@@ -35,8 +26,5 @@ export declare const ContentBannerDescription: {
|
|
|
35
26
|
* </ContentBannerContent>
|
|
36
27
|
* </ContentBanner>
|
|
37
28
|
*/
|
|
38
|
-
export declare const ContentBanner: {
|
|
39
|
-
({ ref, children, className, onClose, closeAriaLabel, ...props }: ContentBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
displayName: string;
|
|
41
|
-
};
|
|
29
|
+
export declare const ContentBanner: ({ ref, children, className, onClose, closeAriaLabel, ...props }: ContentBannerProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
30
|
//# sourceMappingURL=ContentBanner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ContentBanner/ContentBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,yBAAyB,EACzB,6BAA6B,EAC7B,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,oBAAoB
|
|
1
|
+
{"version":3,"file":"ContentBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ContentBanner/ContentBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,yBAAyB,EACzB,6BAA6B,EAC7B,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAU3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAUzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,wCAKtC,6BAA6B,4CAU/B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,GAAI,iEAO3B,kBAAkB,4CA2BpB,CAAC"}
|
|
@@ -1,93 +1,87 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { cn as
|
|
3
|
-
import { useCommonTranslation as
|
|
1
|
+
import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import { cn as a } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { useCommonTranslation as m } from "../../../i18n/useCommonTranslation.js";
|
|
4
4
|
import { Close as p } from "../../Symbols/Icons/Close.js";
|
|
5
5
|
import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
|
|
6
|
-
const
|
|
7
|
-
ref:
|
|
8
|
-
children:
|
|
9
|
-
className:
|
|
6
|
+
const C = ({
|
|
7
|
+
ref: t,
|
|
8
|
+
children: n,
|
|
9
|
+
className: o,
|
|
10
10
|
...e
|
|
11
|
-
}) => /* @__PURE__ */
|
|
11
|
+
}) => /* @__PURE__ */ r(
|
|
12
12
|
"div",
|
|
13
13
|
{
|
|
14
|
-
ref:
|
|
15
|
-
className:
|
|
14
|
+
ref: t,
|
|
15
|
+
className: a("flex min-w-0 flex-1 flex-col gap-4", o),
|
|
16
16
|
...e,
|
|
17
|
-
children:
|
|
17
|
+
children: n
|
|
18
18
|
}
|
|
19
|
-
)
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
children: t,
|
|
24
|
-
className: a,
|
|
19
|
+
), N = ({
|
|
20
|
+
ref: t,
|
|
21
|
+
children: n,
|
|
22
|
+
className: o,
|
|
25
23
|
...e
|
|
26
|
-
}) => /* @__PURE__ */
|
|
24
|
+
}) => /* @__PURE__ */ r(
|
|
27
25
|
"div",
|
|
28
26
|
{
|
|
29
|
-
ref:
|
|
30
|
-
className:
|
|
27
|
+
ref: t,
|
|
28
|
+
className: a("line-clamp-1 body-2-semi-bold text-base", o),
|
|
31
29
|
...e,
|
|
32
|
-
children:
|
|
30
|
+
children: n
|
|
33
31
|
}
|
|
34
|
-
)
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
children: t,
|
|
39
|
-
className: a,
|
|
32
|
+
), g = ({
|
|
33
|
+
ref: t,
|
|
34
|
+
children: n,
|
|
35
|
+
className: o,
|
|
40
36
|
...e
|
|
41
|
-
}) => /* @__PURE__ */
|
|
37
|
+
}) => /* @__PURE__ */ r(
|
|
42
38
|
"div",
|
|
43
39
|
{
|
|
44
|
-
ref:
|
|
45
|
-
className:
|
|
40
|
+
ref: t,
|
|
41
|
+
className: a("line-clamp-2 body-3 text-muted", o),
|
|
46
42
|
...e,
|
|
47
|
-
children:
|
|
43
|
+
children: n
|
|
48
44
|
}
|
|
49
|
-
)
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
children: t,
|
|
54
|
-
className: a,
|
|
45
|
+
), y = ({
|
|
46
|
+
ref: t,
|
|
47
|
+
children: n,
|
|
48
|
+
className: o,
|
|
55
49
|
onClose: e,
|
|
56
|
-
closeAriaLabel:
|
|
57
|
-
...
|
|
50
|
+
closeAriaLabel: s,
|
|
51
|
+
...i
|
|
58
52
|
}) => {
|
|
59
|
-
const { t: l } =
|
|
60
|
-
return /* @__PURE__ */
|
|
53
|
+
const { t: l } = m();
|
|
54
|
+
return /* @__PURE__ */ c(
|
|
61
55
|
"div",
|
|
62
56
|
{
|
|
63
|
-
ref:
|
|
64
|
-
className:
|
|
57
|
+
ref: t,
|
|
58
|
+
className: a(
|
|
65
59
|
"relative flex w-full items-center gap-12 rounded-md bg-surface p-12",
|
|
66
60
|
e && "pr-48",
|
|
67
|
-
|
|
61
|
+
o
|
|
68
62
|
),
|
|
69
|
-
...
|
|
63
|
+
...i,
|
|
70
64
|
children: [
|
|
71
|
-
|
|
72
|
-
e && /* @__PURE__ */
|
|
65
|
+
n,
|
|
66
|
+
e && /* @__PURE__ */ r(
|
|
73
67
|
d,
|
|
74
68
|
{
|
|
75
69
|
type: "button",
|
|
76
70
|
iconType: "stroked",
|
|
71
|
+
icon: p,
|
|
72
|
+
size: 16,
|
|
77
73
|
className: "absolute top-8 right-8",
|
|
78
74
|
onClick: () => e(),
|
|
79
|
-
"aria-label":
|
|
80
|
-
children: /* @__PURE__ */ o(p, { size: 16 })
|
|
75
|
+
"aria-label": s || l("components.banner.closeAriaLabel")
|
|
81
76
|
}
|
|
82
77
|
)
|
|
83
78
|
]
|
|
84
79
|
}
|
|
85
80
|
);
|
|
86
81
|
};
|
|
87
|
-
b.displayName = "ContentBanner";
|
|
88
82
|
export {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
83
|
+
y as ContentBanner,
|
|
84
|
+
C as ContentBannerContent,
|
|
85
|
+
g as ContentBannerDescription,
|
|
86
|
+
N as ContentBannerTitle
|
|
93
87
|
};
|
|
@@ -11,10 +11,7 @@ import { DataTableProps, DataTableRootProps } from './types';
|
|
|
11
11
|
* <DataTable />
|
|
12
12
|
* </DataTableRoot>
|
|
13
13
|
*/
|
|
14
|
-
export declare const DataTableRoot: {
|
|
15
|
-
<TData extends RowData>({ table, appearance, paginationMode, loading, onScrollBottom, onRowClick, groupBy, renderGroupHeader, hideHeader, children, className, ref, ...props }: DataTableRootProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
14
|
+
export declare const DataTableRoot: <TData extends RowData>({ table, appearance, paginationMode, loading, onScrollBottom, onRowClick, groupBy, renderGroupHeader, hideHeader, children, className, ref, ...props }: DataTableRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
18
15
|
/**
|
|
19
16
|
* Renders the full table (header + body) from the TanStack table instance
|
|
20
17
|
* provided by `DataTableRoot`. Internally composes the pure-UI Table building blocks.
|
|
@@ -24,16 +21,10 @@ export declare const DataTableRoot: {
|
|
|
24
21
|
* <DataTable />
|
|
25
22
|
* </DataTableRoot>
|
|
26
23
|
*/
|
|
27
|
-
export declare const DataTable: {
|
|
28
|
-
({ className, ref, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
displayName: string;
|
|
30
|
-
};
|
|
24
|
+
export declare const DataTable: ({ className, ref, ...props }: DataTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
25
|
/**
|
|
32
26
|
* A search input that connects to the TanStack table's `globalFilter` state
|
|
33
27
|
* via the `DataTableRoot` context. No external state management is required.
|
|
34
28
|
*/
|
|
35
|
-
export declare const DataTableGlobalSearchInput: {
|
|
36
|
-
({ onChange, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
displayName: string;
|
|
38
|
-
};
|
|
29
|
+
export declare const DataTableGlobalSearchInput: ({ onChange, ...props }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
30
|
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAER,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAe/D,OAAO,EAGL,cAAc,EACd,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAER,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAe/D,OAAO,EAGL,cAAc,EACd,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,OAAO,EAAE,wJAclD,kBAAkB,CAAC,KAAK,CAAC,4CAoB3B,CAAC;AAyDF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CA6BrE,CAAC;AAsHF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,wBAGxC,gBAAgB,4CAqBlB,CAAC"}
|
|
@@ -1,61 +1,59 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { createSafeContext as
|
|
1
|
+
import { jsx as n, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import { createSafeContext as h, cn as w } from "../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { flexRender as m } from "@tanstack/react-table";
|
|
4
|
-
import { useCallback as
|
|
5
|
-
import { TableRoot as
|
|
6
|
-
import { SearchInput as
|
|
7
|
-
const [
|
|
8
|
-
table:
|
|
4
|
+
import { useCallback as C, Fragment as R } from "react";
|
|
5
|
+
import { TableRoot as x, Table as B, TableLoadingRow as k, TableHeader as y, TableHeaderRow as N, TableHeaderCell as S, TableSortButton as H, TableBody as b, TableGroupHeaderRow as v, TableRow as G, TableCell as q } from "../Table/Table.js";
|
|
6
|
+
import { SearchInput as I } from "../SearchInput/SearchInput.js";
|
|
7
|
+
const [F, u] = h("DataTableContext"), O = ({
|
|
8
|
+
table: l,
|
|
9
9
|
appearance: r = "no-background",
|
|
10
|
-
paginationMode:
|
|
10
|
+
paginationMode: a = "none",
|
|
11
11
|
loading: e = !1,
|
|
12
|
-
onScrollBottom:
|
|
12
|
+
onScrollBottom: o,
|
|
13
13
|
onRowClick: t,
|
|
14
14
|
groupBy: c,
|
|
15
15
|
renderGroupHeader: i,
|
|
16
16
|
hideHeader: s = !1,
|
|
17
|
-
children:
|
|
18
|
-
className:
|
|
19
|
-
ref:
|
|
20
|
-
...
|
|
21
|
-
}) => /* @__PURE__ */
|
|
22
|
-
|
|
17
|
+
children: T,
|
|
18
|
+
className: p,
|
|
19
|
+
ref: D,
|
|
20
|
+
...f
|
|
21
|
+
}) => /* @__PURE__ */ n(
|
|
22
|
+
F,
|
|
23
23
|
{
|
|
24
24
|
value: {
|
|
25
25
|
hideHeader: s,
|
|
26
|
-
paginationMode:
|
|
27
|
-
table:
|
|
26
|
+
paginationMode: a,
|
|
27
|
+
table: l,
|
|
28
28
|
appearance: r,
|
|
29
29
|
loading: e,
|
|
30
|
-
onScrollBottom:
|
|
30
|
+
onScrollBottom: o,
|
|
31
31
|
onRowClick: t,
|
|
32
32
|
groupBy: c,
|
|
33
33
|
renderGroupHeader: i
|
|
34
34
|
},
|
|
35
|
-
children: /* @__PURE__ */
|
|
35
|
+
children: /* @__PURE__ */ n("div", { ref: D, className: w("flex flex-col", p), ...f, children: T })
|
|
36
36
|
}
|
|
37
|
-
)
|
|
38
|
-
|
|
39
|
-
const p = ({
|
|
40
|
-
className: n,
|
|
37
|
+
), M = ({
|
|
38
|
+
className: l,
|
|
41
39
|
ref: r,
|
|
42
|
-
...
|
|
40
|
+
...a
|
|
43
41
|
}) => {
|
|
44
|
-
const { table: e } =
|
|
42
|
+
const { table: e } = u({
|
|
45
43
|
consumerName: "DataTableHeader",
|
|
46
44
|
contextRequired: !0
|
|
47
45
|
});
|
|
48
|
-
return /* @__PURE__ */
|
|
46
|
+
return /* @__PURE__ */ n(y, { ref: r, className: l, ...a, children: e.getHeaderGroups().map((o) => /* @__PURE__ */ n(N, { children: o.headers.map((t) => {
|
|
49
47
|
const c = t.column.columnDef.meta;
|
|
50
|
-
return /* @__PURE__ */
|
|
51
|
-
|
|
48
|
+
return /* @__PURE__ */ n(
|
|
49
|
+
S,
|
|
52
50
|
{
|
|
53
51
|
align: c?.align,
|
|
54
52
|
hideBelow: c?.hideBelow,
|
|
55
53
|
className: c?.className,
|
|
56
54
|
trailingContent: c?.headerTrailingContent,
|
|
57
|
-
children: t.isPlaceholder ? null : t.column.getCanSort() ? /* @__PURE__ */
|
|
58
|
-
|
|
55
|
+
children: t.isPlaceholder ? null : t.column.getCanSort() ? /* @__PURE__ */ n(
|
|
56
|
+
H,
|
|
59
57
|
{
|
|
60
58
|
sortDirection: t.column.getIsSorted() || void 0,
|
|
61
59
|
onClick: t.column.getToggleSortingHandler(),
|
|
@@ -72,90 +70,82 @@ const p = ({
|
|
|
72
70
|
},
|
|
73
71
|
t.id
|
|
74
72
|
);
|
|
75
|
-
}) },
|
|
76
|
-
}
|
|
77
|
-
p.displayName = "DataTableHeader";
|
|
78
|
-
const z = ({ className: n, ref: r, ...o }) => {
|
|
73
|
+
}) }, o.id)) });
|
|
74
|
+
}, Q = ({ className: l, ref: r, ...a }) => {
|
|
79
75
|
const {
|
|
80
76
|
appearance: e,
|
|
81
|
-
paginationMode:
|
|
77
|
+
paginationMode: o,
|
|
82
78
|
hideHeader: t,
|
|
83
79
|
loading: c,
|
|
84
80
|
onScrollBottom: i,
|
|
85
81
|
groupBy: s
|
|
86
|
-
} =
|
|
82
|
+
} = u({
|
|
87
83
|
consumerName: "DataTable",
|
|
88
84
|
contextRequired: !0
|
|
89
85
|
});
|
|
90
|
-
return /* @__PURE__ */
|
|
91
|
-
|
|
86
|
+
return /* @__PURE__ */ d(
|
|
87
|
+
x,
|
|
92
88
|
{
|
|
93
89
|
ref: r,
|
|
94
90
|
appearance: e,
|
|
95
91
|
loading: c,
|
|
96
92
|
onScrollBottom: i,
|
|
97
|
-
className:
|
|
98
|
-
...
|
|
93
|
+
className: l,
|
|
94
|
+
...a,
|
|
99
95
|
children: [
|
|
100
|
-
/* @__PURE__ */
|
|
101
|
-
!t && /* @__PURE__ */
|
|
102
|
-
s ? /* @__PURE__ */
|
|
96
|
+
/* @__PURE__ */ d(B, { children: [
|
|
97
|
+
!t && /* @__PURE__ */ n(M, {}),
|
|
98
|
+
s ? /* @__PURE__ */ n(V, {}) : /* @__PURE__ */ n(j, {})
|
|
103
99
|
] }),
|
|
104
|
-
|
|
100
|
+
o === "infinite-scroll" && /* @__PURE__ */ n(k, {})
|
|
105
101
|
]
|
|
106
102
|
}
|
|
107
103
|
);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
const g = ({ className: n, ref: r, ...o }) => {
|
|
111
|
-
const { table: e } = d({
|
|
104
|
+
}, j = ({ className: l, ref: r, ...a }) => {
|
|
105
|
+
const { table: e } = u({
|
|
112
106
|
consumerName: "DataTableBody",
|
|
113
107
|
contextRequired: !0
|
|
114
108
|
});
|
|
115
|
-
return /* @__PURE__ */
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
const L = (n, r) => {
|
|
119
|
-
const o = [];
|
|
109
|
+
return /* @__PURE__ */ n(b, { ref: r, className: l, ...a, children: e.getRowModel().rows.map((o) => /* @__PURE__ */ n(g, { row: o }, o.id)) });
|
|
110
|
+
}, P = (l, r) => {
|
|
111
|
+
const a = [];
|
|
120
112
|
let e = null;
|
|
121
|
-
for (const
|
|
122
|
-
const t = r(
|
|
123
|
-
(!e || e.key !== t) && (e = { key: t, rows: [], count: 0 },
|
|
113
|
+
for (const o of l) {
|
|
114
|
+
const t = r(o);
|
|
115
|
+
(!e || e.key !== t) && (e = { key: t, rows: [], count: 0 }, a.push(e)), e.rows.push(o), e.count++;
|
|
124
116
|
}
|
|
125
|
-
return
|
|
126
|
-
},
|
|
127
|
-
className:
|
|
117
|
+
return a;
|
|
118
|
+
}, V = ({
|
|
119
|
+
className: l,
|
|
128
120
|
ref: r,
|
|
129
|
-
...
|
|
121
|
+
...a
|
|
130
122
|
}) => {
|
|
131
|
-
const { table: e, groupBy:
|
|
123
|
+
const { table: e, groupBy: o, renderGroupHeader: t } = u({
|
|
132
124
|
consumerName: "DataTableGroupedBody",
|
|
133
125
|
contextRequired: !0
|
|
134
|
-
}), c =
|
|
135
|
-
return /* @__PURE__ */
|
|
136
|
-
/* @__PURE__ */
|
|
137
|
-
i.rows.map((s) => /* @__PURE__ */
|
|
126
|
+
}), c = P(e.getRowModel().rows, o);
|
|
127
|
+
return /* @__PURE__ */ n(b, { ref: r, className: l, ...a, children: c.map((i) => /* @__PURE__ */ d(R, { children: [
|
|
128
|
+
/* @__PURE__ */ n(v, { colSpan: i.rows[0].getVisibleCells().length, children: t ? t({ row: i.rows[0], count: i.count }) : i.key }),
|
|
129
|
+
i.rows.map((s) => /* @__PURE__ */ n(g, { row: s }, s.id))
|
|
138
130
|
] }, i.key)) });
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
const b = ({ row: n }) => {
|
|
142
|
-
const { onRowClick: r } = d({
|
|
131
|
+
}, g = ({ row: l }) => {
|
|
132
|
+
const { onRowClick: r } = u({
|
|
143
133
|
consumerName: "DataTableRow",
|
|
144
134
|
contextRequired: !0
|
|
145
|
-
}),
|
|
146
|
-
return /* @__PURE__ */
|
|
147
|
-
|
|
135
|
+
}), a = !!r;
|
|
136
|
+
return /* @__PURE__ */ n(
|
|
137
|
+
G,
|
|
148
138
|
{
|
|
149
|
-
clickable:
|
|
150
|
-
onClick:
|
|
151
|
-
children:
|
|
152
|
-
const
|
|
153
|
-
return /* @__PURE__ */
|
|
154
|
-
|
|
139
|
+
clickable: a,
|
|
140
|
+
onClick: a ? () => r?.(l) : void 0,
|
|
141
|
+
children: l.getVisibleCells().map((e) => {
|
|
142
|
+
const o = e.column.columnDef.meta;
|
|
143
|
+
return /* @__PURE__ */ n(
|
|
144
|
+
q,
|
|
155
145
|
{
|
|
156
|
-
align:
|
|
157
|
-
hideBelow:
|
|
158
|
-
className:
|
|
146
|
+
align: o?.align,
|
|
147
|
+
hideBelow: o?.hideBelow,
|
|
148
|
+
className: o?.className,
|
|
159
149
|
children: m(e.column.columnDef.cell, e.getContext())
|
|
160
150
|
},
|
|
161
151
|
e.id
|
|
@@ -163,33 +153,30 @@ const b = ({ row: n }) => {
|
|
|
163
153
|
})
|
|
164
154
|
}
|
|
165
155
|
);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
const A = ({
|
|
169
|
-
onChange: n,
|
|
156
|
+
}, U = ({
|
|
157
|
+
onChange: l,
|
|
170
158
|
...r
|
|
171
159
|
}) => {
|
|
172
|
-
const { table:
|
|
160
|
+
const { table: a } = u({
|
|
173
161
|
consumerName: "DataTableGlobalSearchInput",
|
|
174
162
|
contextRequired: !0
|
|
175
|
-
}), e =
|
|
176
|
-
(
|
|
177
|
-
|
|
163
|
+
}), e = C(
|
|
164
|
+
(o) => {
|
|
165
|
+
a.setGlobalFilter(o.target.value), l?.(o);
|
|
178
166
|
},
|
|
179
|
-
[
|
|
167
|
+
[a, l]
|
|
180
168
|
);
|
|
181
|
-
return /* @__PURE__ */
|
|
182
|
-
|
|
169
|
+
return /* @__PURE__ */ n(
|
|
170
|
+
I,
|
|
183
171
|
{
|
|
184
|
-
value:
|
|
172
|
+
value: a.getState().globalFilter ?? "",
|
|
185
173
|
onChange: e,
|
|
186
174
|
...r
|
|
187
175
|
}
|
|
188
176
|
);
|
|
189
177
|
};
|
|
190
|
-
A.displayName = "DataTableGlobalSearchInput";
|
|
191
178
|
export {
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
179
|
+
Q as DataTable,
|
|
180
|
+
U as DataTableGlobalSearchInput,
|
|
181
|
+
O as DataTableRoot
|
|
195
182
|
};
|
|
@@ -99,10 +99,7 @@ export declare function DialogContent({ className, children, ...props }: DialogC
|
|
|
99
99
|
* </DialogFooter>
|
|
100
100
|
* </DialogContent>
|
|
101
101
|
*/
|
|
102
|
-
export declare const DialogBody: {
|
|
103
|
-
({ ref, className, children, scrollbarWidth, style, ...props }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
104
|
-
displayName: string;
|
|
105
|
-
};
|
|
102
|
+
export declare const DialogBody: ({ ref, className, children, scrollbarWidth, style, ...props }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
106
103
|
/**
|
|
107
104
|
* A sticky region inside the dialog body.
|
|
108
105
|
*
|
|
@@ -120,10 +117,7 @@ export declare const DialogBody: {
|
|
|
120
117
|
* <div>Scrollable content</div>
|
|
121
118
|
* </DialogBody>
|
|
122
119
|
*/
|
|
123
|
-
export declare const DialogBodyStickyContent: {
|
|
124
|
-
({ ref, className, children, ...props }: DialogBodyStickyContentProps): import("react/jsx-runtime").JSX.Element;
|
|
125
|
-
displayName: string;
|
|
126
|
-
};
|
|
120
|
+
export declare const DialogBodyStickyContent: ({ ref, className, children, ...props }: DialogBodyStickyContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
127
121
|
/**
|
|
128
122
|
* The fixed footer area of the dialog.
|
|
129
123
|
*
|
|
@@ -144,9 +138,6 @@ export declare const DialogBodyStickyContent: {
|
|
|
144
138
|
* </DialogFooter>
|
|
145
139
|
* </DialogContent>
|
|
146
140
|
*/
|
|
147
|
-
export declare const DialogFooter: {
|
|
148
|
-
({ ref, className, children, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
149
|
-
displayName: string;
|
|
150
|
-
};
|
|
141
|
+
export declare const DialogFooter: ({ ref, className, children, ...props }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
151
142
|
export { DialogHeader };
|
|
152
143
|
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,4BAA4B,EAC5B,kBAAkB,EAClB,iBAAiB,EAGjB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,4BAA4B,EAC5B,kBAAkB,EAClB,iBAAiB,EAGjB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAoDxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkBpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,GAAI,+DAOxB,eAAe,4CAqBjB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAAI,wCAKrC,4BAA4B,4CAW9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,GAAI,wCAK1B,iBAAiB,4CAWnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|