@tribepad/themis 1.5.9 → 1.6.0
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/CHANGELOG.md +14 -0
- package/dist/elements/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/elements/Checkbox/index.js +1 -1
- package/dist/elements/Checkbox/index.js.map +1 -1
- package/dist/elements/Checkbox/index.mjs +1 -1
- package/dist/elements/Checkbox/index.mjs.map +1 -1
- package/dist/elements/Filters/AppliedFilters.d.ts +4 -0
- package/dist/elements/Filters/AppliedFilters.d.ts.map +1 -0
- package/dist/elements/Filters/FilterPopover.d.ts +33 -0
- package/dist/elements/Filters/FilterPopover.d.ts.map +1 -0
- package/dist/elements/Filters/Filters.d.ts +25 -0
- package/dist/elements/Filters/Filters.d.ts.map +1 -0
- package/dist/elements/Filters/Filters.styles.d.ts +24 -0
- package/dist/elements/Filters/Filters.styles.d.ts.map +1 -0
- package/dist/elements/Filters/Filters.types.d.ts +123 -0
- package/dist/elements/Filters/Filters.types.d.ts.map +1 -0
- package/dist/elements/Filters/FiltersContext.d.ts +36 -0
- package/dist/elements/Filters/FiltersContext.d.ts.map +1 -0
- package/dist/elements/Filters/index.css +2 -0
- package/dist/elements/Filters/index.css.map +1 -0
- package/dist/elements/Filters/index.d.ts +26 -0
- package/dist/elements/Filters/index.d.ts.map +1 -0
- package/dist/elements/Filters/index.js +3 -0
- package/dist/elements/Filters/index.js.map +1 -0
- package/dist/elements/Filters/index.mjs +3 -0
- package/dist/elements/Filters/index.mjs.map +1 -0
- package/dist/elements/PasswordField/PasswordField.types.d.ts +34 -34
- package/dist/elements/Table/BulkActionBar.d.ts +5 -0
- package/dist/elements/Table/BulkActionBar.d.ts.map +1 -0
- package/dist/elements/Table/BulkActionBar.styles.d.ts +17 -0
- package/dist/elements/Table/BulkActionBar.styles.d.ts.map +1 -0
- package/dist/elements/Table/BulkActionBar.types.d.ts +136 -0
- package/dist/elements/Table/BulkActionBar.types.d.ts.map +1 -0
- package/dist/elements/Table/Table.d.ts.map +1 -1
- package/dist/elements/Table/Table.styles.d.ts +2 -2
- package/dist/elements/Table/Table.styles.d.ts.map +1 -1
- package/dist/elements/Table/Table.types.d.ts +14 -4
- package/dist/elements/Table/Table.types.d.ts.map +1 -1
- package/dist/elements/Table/TableCardList.d.ts +25 -0
- package/dist/elements/Table/TableCardList.d.ts.map +1 -0
- package/dist/elements/Table/TableCardList.styles.d.ts +15 -0
- package/dist/elements/Table/TableCardList.styles.d.ts.map +1 -0
- package/dist/elements/Table/TableCardList.types.d.ts +48 -0
- package/dist/elements/Table/TableCardList.types.d.ts.map +1 -0
- package/dist/elements/Table/index.d.ts +9 -0
- package/dist/elements/Table/index.d.ts.map +1 -1
- package/dist/elements/Table/index.js +1 -1
- package/dist/elements/Table/index.js.map +1 -1
- package/dist/elements/Table/index.mjs +1 -1
- package/dist/elements/Table/index.mjs.map +1 -1
- package/dist/elements/Table/resolveSelectedCount.d.ts +20 -0
- package/dist/elements/Table/resolveSelectedCount.d.ts.map +1 -0
- package/dist/elements/Table/useBulkActionShortcut.d.ts +29 -0
- package/dist/elements/Table/useBulkActionShortcut.d.ts.map +1 -0
- package/dist/elements/TextField/TextField.types.d.ts +68 -68
- package/dist/elements/index.d.ts +4 -1
- package/dist/elements/index.d.ts.map +1 -1
- package/dist/elements/index.js +1 -1
- package/dist/elements/index.js.map +1 -1
- package/dist/elements/index.mjs +1 -1
- package/dist/elements/index.mjs.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/index.mjs +1 -1
- package/dist/hooks/index.mjs.map +1 -1
- package/dist/hooks/useContainerNarrow.d.ts +15 -0
- package/dist/hooks/useContainerNarrow.d.ts.map +1 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles/defaults.css +15 -0
- package/package.json +6 -1
- package/src/elements/Filters/Filters.stories.tsx +148 -0
- package/src/elements/Table/Table.stories.tsx +467 -10
|
@@ -45,52 +45,52 @@ export declare const PasswordFieldPropsSchema: z.ZodObject<{
|
|
|
45
45
|
tel: "tel";
|
|
46
46
|
url: "url";
|
|
47
47
|
email: "email";
|
|
48
|
+
"honorific-prefix": "honorific-prefix";
|
|
49
|
+
"given-name": "given-name";
|
|
48
50
|
"additional-name": "additional-name";
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
"family-name": "family-name";
|
|
52
|
+
"honorific-suffix": "honorific-suffix";
|
|
53
|
+
nickname: "nickname";
|
|
54
|
+
username: "username";
|
|
55
|
+
"new-password": "new-password";
|
|
56
|
+
"current-password": "current-password";
|
|
57
|
+
"one-time-code": "one-time-code";
|
|
58
|
+
"organization-title": "organization-title";
|
|
59
|
+
organization: "organization";
|
|
60
|
+
"street-address": "street-address";
|
|
53
61
|
"address-line1": "address-line1";
|
|
54
62
|
"address-line2": "address-line2";
|
|
55
63
|
"address-line3": "address-line3";
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
64
|
+
"address-level4": "address-level4";
|
|
65
|
+
"address-level3": "address-level3";
|
|
66
|
+
"address-level2": "address-level2";
|
|
67
|
+
"address-level1": "address-level1";
|
|
68
|
+
country: "country";
|
|
69
|
+
"country-name": "country-name";
|
|
70
|
+
"postal-code": "postal-code";
|
|
71
|
+
"cc-name": "cc-name";
|
|
72
|
+
"cc-given-name": "cc-given-name";
|
|
73
|
+
"cc-additional-name": "cc-additional-name";
|
|
74
|
+
"cc-family-name": "cc-family-name";
|
|
75
|
+
"cc-number": "cc-number";
|
|
60
76
|
"cc-exp": "cc-exp";
|
|
61
77
|
"cc-exp-month": "cc-exp-month";
|
|
62
78
|
"cc-exp-year": "cc-exp-year";
|
|
63
|
-
"cc-
|
|
64
|
-
"cc-given-name": "cc-given-name";
|
|
65
|
-
"cc-name": "cc-name";
|
|
66
|
-
"cc-number": "cc-number";
|
|
79
|
+
"cc-csc": "cc-csc";
|
|
67
80
|
"cc-type": "cc-type";
|
|
68
|
-
country: "country";
|
|
69
|
-
"country-name": "country-name";
|
|
70
|
-
"current-password": "current-password";
|
|
71
|
-
"family-name": "family-name";
|
|
72
|
-
"given-name": "given-name";
|
|
73
|
-
"honorific-prefix": "honorific-prefix";
|
|
74
|
-
"honorific-suffix": "honorific-suffix";
|
|
75
|
-
"new-password": "new-password";
|
|
76
|
-
"one-time-code": "one-time-code";
|
|
77
|
-
organization: "organization";
|
|
78
|
-
"postal-code": "postal-code";
|
|
79
|
-
"street-address": "street-address";
|
|
80
|
-
"transaction-amount": "transaction-amount";
|
|
81
81
|
"transaction-currency": "transaction-currency";
|
|
82
|
-
|
|
83
|
-
"tel-area-code": "tel-area-code";
|
|
84
|
-
"tel-country-code": "tel-country-code";
|
|
85
|
-
"tel-extension": "tel-extension";
|
|
86
|
-
"tel-local": "tel-local";
|
|
87
|
-
"tel-national": "tel-national";
|
|
88
|
-
nickname: "nickname";
|
|
89
|
-
"organization-title": "organization-title";
|
|
90
|
-
"cc-additional-name": "cc-additional-name";
|
|
82
|
+
"transaction-amount": "transaction-amount";
|
|
91
83
|
language: "language";
|
|
92
84
|
bday: "bday";
|
|
85
|
+
"bday-day": "bday-day";
|
|
86
|
+
"bday-month": "bday-month";
|
|
87
|
+
"bday-year": "bday-year";
|
|
93
88
|
sex: "sex";
|
|
89
|
+
"tel-country-code": "tel-country-code";
|
|
90
|
+
"tel-national": "tel-national";
|
|
91
|
+
"tel-area-code": "tel-area-code";
|
|
92
|
+
"tel-local": "tel-local";
|
|
93
|
+
"tel-extension": "tel-extension";
|
|
94
94
|
impp: "impp";
|
|
95
95
|
photo: "photo";
|
|
96
96
|
}>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { BulkActionBarProps } from './BulkActionBar.types';
|
|
2
|
+
declare const BulkActionBar: import("react").ForwardRefExoticComponent<BulkActionBarProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export { BulkActionBar };
|
|
4
|
+
export { bulkActionBarVariants, bulkActionToolbarVariants, bulkActionHintVariants, } from './BulkActionBar.styles';
|
|
5
|
+
//# sourceMappingURL=BulkActionBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkActionBar.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/BulkActionBar.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAOhE,QAAA,MAAM,aAAa,+GAkKlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BulkActionBar wrapper. Appears above the table when rows are selected.
|
|
3
|
+
* Sticky by default so it stays reachable while the user scrolls + selects.
|
|
4
|
+
*/
|
|
5
|
+
export declare const bulkActionBarVariants: (props?: ({
|
|
6
|
+
sticky?: boolean | null | undefined;
|
|
7
|
+
framed?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
/** The roving toolbar region inside the bar. */
|
|
10
|
+
export declare const bulkActionToolbarVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
11
|
+
/** The visible (decorative) jump-shortcut hint. */
|
|
12
|
+
export declare const bulkActionHintVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
13
|
+
/** The kbd key inside the jump-shortcut hint. */
|
|
14
|
+
export declare const bulkActionKbdVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
|
+
/** A bulk action button — outline on the lilac band, brand-coloured text + icon. */
|
|
16
|
+
export declare const bulkActionButtonVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
17
|
+
//# sourceMappingURL=BulkActionBar.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkActionBar.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/BulkActionBar.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;8EA4BjC,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,yBAAyB,oFAEpC,CAAC;AAEH,mDAAmD;AACnD,eAAO,MAAM,sBAAsB,oFAEjC,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,qBAAqB,oFAKhC,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,wBAAwB,oFAGnC,CAAC"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* A single action shown in the {@link BulkActionBar} toolbar.
|
|
5
|
+
* The bar is domain-free: the consumer supplies translated labels + icons.
|
|
6
|
+
*/
|
|
7
|
+
export interface BulkAction {
|
|
8
|
+
/** Stable identifier; passed back to `onAction`. */
|
|
9
|
+
id: string;
|
|
10
|
+
/** Visible label (consumer-translated). */
|
|
11
|
+
label: string;
|
|
12
|
+
/** Optional leading icon (decorative — the bar applies `aria-hidden`). */
|
|
13
|
+
icon?: ReactNode;
|
|
14
|
+
/** Visual emphasis. `'danger'` renders the destructive treatment. */
|
|
15
|
+
tone?: 'default' | 'danger';
|
|
16
|
+
/** Per-action disable (e.g. an action invalid for the current selection). */
|
|
17
|
+
isDisabled?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const BulkActionSchema: z.ZodObject<{
|
|
20
|
+
id: z.ZodString;
|
|
21
|
+
label: z.ZodString;
|
|
22
|
+
icon: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
|
|
23
|
+
tone: z.ZodOptional<z.ZodEnum<{
|
|
24
|
+
default: "default";
|
|
25
|
+
danger: "danger";
|
|
26
|
+
}>>;
|
|
27
|
+
isDisabled: z.ZodOptional<z.ZodBoolean>;
|
|
28
|
+
}, z.core.$strip>;
|
|
29
|
+
/**
|
|
30
|
+
* i18n strings the (domain-free) bar needs. The bar never calls
|
|
31
|
+
* `useTranslations` — the consumer owns all copy.
|
|
32
|
+
*/
|
|
33
|
+
export interface BulkActionBarLabels {
|
|
34
|
+
/** e.g. `(n) => "{n} selected"` — drives the visible count + the live announcement. */
|
|
35
|
+
selectedCount: (count: number) => string;
|
|
36
|
+
/** Label for the leading "Clear" control. */
|
|
37
|
+
clear: string;
|
|
38
|
+
/** Toolbar `aria-label`, e.g. `(n) => "Bulk actions for {n} selected"`. */
|
|
39
|
+
toolbarLabel: (count: number) => string;
|
|
40
|
+
/**
|
|
41
|
+
* Optional screen-reader clause stating how many actions are available, e.g.
|
|
42
|
+
* `(n) => "{n} actions available"`. Folded into the live announcement (derived
|
|
43
|
+
* from `actions.length`) so SR users know the toolbar holds more than one control.
|
|
44
|
+
*/
|
|
45
|
+
actionsAvailable?: (count: number) => string;
|
|
46
|
+
/**
|
|
47
|
+
* Visible jump-shortcut hint. Receives the styled `<kbd>` key node so the
|
|
48
|
+
* consumer can place it within translated text, e.g. `(key) => <>Press {key} to jump here</>`.
|
|
49
|
+
*/
|
|
50
|
+
jumpHint?: (key: ReactNode) => ReactNode;
|
|
51
|
+
/** Screen-reader announcement of the shortcut (plain text), e.g. "Press A to jump to bulk actions". */
|
|
52
|
+
jumpAnnouncement?: string;
|
|
53
|
+
}
|
|
54
|
+
export declare const BulkActionBarLabelsSchema: z.ZodObject<{
|
|
55
|
+
selectedCount: z.ZodCustom<(count: number) => string, (count: number) => string>;
|
|
56
|
+
clear: z.ZodString;
|
|
57
|
+
toolbarLabel: z.ZodCustom<(count: number) => string, (count: number) => string>;
|
|
58
|
+
actionsAvailable: z.ZodOptional<z.ZodCustom<(count: number) => string, (count: number) => string>>;
|
|
59
|
+
jumpHint: z.ZodOptional<z.ZodCustom<(key: ReactNode) => ReactNode, (key: ReactNode) => ReactNode>>;
|
|
60
|
+
jumpAnnouncement: z.ZodOptional<z.ZodString>;
|
|
61
|
+
}, z.core.$strip>;
|
|
62
|
+
export declare const BulkActionBarPropsSchema: z.ZodObject<{
|
|
63
|
+
className: z.ZodOptional<z.ZodString>;
|
|
64
|
+
children: z.ZodOptional<z.ZodAny>;
|
|
65
|
+
id: z.ZodOptional<z.ZodString>;
|
|
66
|
+
'aria-label': z.ZodOptional<z.ZodString>;
|
|
67
|
+
'aria-labelledby': z.ZodOptional<z.ZodString>;
|
|
68
|
+
'aria-describedby': z.ZodOptional<z.ZodString>;
|
|
69
|
+
'aria-live': z.ZodOptional<z.ZodEnum<{
|
|
70
|
+
off: "off";
|
|
71
|
+
polite: "polite";
|
|
72
|
+
assertive: "assertive";
|
|
73
|
+
}>>;
|
|
74
|
+
'aria-hidden': z.ZodOptional<z.ZodBoolean>;
|
|
75
|
+
'data-testid': z.ZodOptional<z.ZodString>;
|
|
76
|
+
selectedCount: z.ZodNumber;
|
|
77
|
+
actions: z.ZodArray<z.ZodObject<{
|
|
78
|
+
id: z.ZodString;
|
|
79
|
+
label: z.ZodString;
|
|
80
|
+
icon: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
|
|
81
|
+
tone: z.ZodOptional<z.ZodEnum<{
|
|
82
|
+
default: "default";
|
|
83
|
+
danger: "danger";
|
|
84
|
+
}>>;
|
|
85
|
+
isDisabled: z.ZodOptional<z.ZodBoolean>;
|
|
86
|
+
}, z.core.$strip>>;
|
|
87
|
+
onAction: z.ZodCustom<(id: string) => void, (id: string) => void>;
|
|
88
|
+
onClearSelection: z.ZodCustom<() => void, () => void>;
|
|
89
|
+
sticky: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
90
|
+
framed: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
91
|
+
showJumpHint: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
92
|
+
shortcutKey: z.ZodDefault<z.ZodOptional<z.ZodString>>;
|
|
93
|
+
labels: z.ZodObject<{
|
|
94
|
+
selectedCount: z.ZodCustom<(count: number) => string, (count: number) => string>;
|
|
95
|
+
clear: z.ZodString;
|
|
96
|
+
toolbarLabel: z.ZodCustom<(count: number) => string, (count: number) => string>;
|
|
97
|
+
actionsAvailable: z.ZodOptional<z.ZodCustom<(count: number) => string, (count: number) => string>>;
|
|
98
|
+
jumpHint: z.ZodOptional<z.ZodCustom<(key: ReactNode) => ReactNode, (key: ReactNode) => ReactNode>>;
|
|
99
|
+
jumpAnnouncement: z.ZodOptional<z.ZodString>;
|
|
100
|
+
}, z.core.$strip>;
|
|
101
|
+
}, z.core.$strip>;
|
|
102
|
+
export interface BulkActionBarProps {
|
|
103
|
+
/**
|
|
104
|
+
* Number of selected rows. Drives the visible count, the `aria-live`
|
|
105
|
+
* announcement, and whether the toolbar renders. Compute it from your
|
|
106
|
+
* React-Aria `Selection` with {@link resolveSelectedCount} so the `'all'`
|
|
107
|
+
* sentinel is handled correctly.
|
|
108
|
+
*/
|
|
109
|
+
selectedCount: number;
|
|
110
|
+
/** Actions, in toolbar order. Rendered after the "Clear" control. */
|
|
111
|
+
actions: BulkAction[];
|
|
112
|
+
/** Invoked with the action id when an action is activated. */
|
|
113
|
+
onAction: (id: string) => void;
|
|
114
|
+
/** Clears the consumer's selection. Renders the leading "Clear" control. */
|
|
115
|
+
onClearSelection: () => void;
|
|
116
|
+
/** Stick to the top of the scroll container. Default `true`. */
|
|
117
|
+
sticky?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Render as a self-contained Card (border + rounded corners) for standalone use
|
|
120
|
+
* outside the Table's `toolbar` slot. Default `false` (bottom rule only — the
|
|
121
|
+
* Table card frame supplies the border).
|
|
122
|
+
*/
|
|
123
|
+
framed?: boolean;
|
|
124
|
+
/**
|
|
125
|
+
* Show the jump-shortcut hint (visible + announced). Set `true` ONLY when the
|
|
126
|
+
* consumer has wired {@link useBulkActionShortcut}. Default `false`.
|
|
127
|
+
*/
|
|
128
|
+
showJumpHint?: boolean;
|
|
129
|
+
/** The key letter shown in the jump-shortcut `<kbd>`. Default `'A'`. */
|
|
130
|
+
shortcutKey?: string;
|
|
131
|
+
/** i18n strings — the bar is domain-free and must not call `useTranslations`. */
|
|
132
|
+
labels: BulkActionBarLabels;
|
|
133
|
+
className?: string;
|
|
134
|
+
'data-testid'?: string;
|
|
135
|
+
}
|
|
136
|
+
//# sourceMappingURL=BulkActionBar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkActionBar.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/BulkActionBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;iBAM3B,CAAC;AAEH;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,uFAAuF;IACvF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,SAAS,CAAC;IACzC,uGAAuG;IACvG,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,yBAAyB;uCACJ,MAAM,KAAK,MAAM,UAAjB,MAAM,KAAK,MAAM;;sCAElB,MAAM,KAAK,MAAM,UAAjB,MAAM,KAAK,MAAM;wDACb,MAAM,KAAK,MAAM,UAAjB,MAAM,KAAK,MAAM;8CAC3B,SAAS,KAAK,SAAS,QAAvB,SAAS,KAAK,SAAS;;iBAEhD,CAAC;AAMH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;+BAGX,MAAM,KAAK,IAAI,OAAf,MAAM,KAAK,IAAI;wCACN,IAAI,QAAJ,IAAI;;;;;;2CAhBL,MAAM,KAAK,MAAM,UAAjB,MAAM,KAAK,MAAM;;0CAElB,MAAM,KAAK,MAAM,UAAjB,MAAM,KAAK,MAAM;4DACb,MAAM,KAAK,MAAM,UAAjB,MAAM,KAAK,MAAM;kDAC3B,SAAS,KAAK,SAAS,QAAvB,SAAS,KAAK,SAAS;;;iBA2BhD,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,4EAA4E;IAC5E,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAaL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,SAAS,EAGV,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAaL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,SAAS,EAGV,MAAM,eAAe,CAAC;AA0BvB,QAAA,MAAM,KAAK,yGAuEV,CAAC;AAwCF,QAAA,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,MAAM,EACnE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACzE,YAAY,CAAC;AAmClB,QAAA,MAAM,SAAS,EAAiC,CAAC,CAAC,SAAS,MAAM,EAC/D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACvE,YAAY,CAAC;AAQlB,QAAA,MAAM,WAAW,sHAahB,CAAC;AAQF,QAAA,MAAM,YAAY,uHAajB,CAAC;AAQF,QAAA,MAAM,MAAM,8GAwDX,CAAC;AA0DF,QAAA,MAAM,GAAG,EAA2B,CAAC,CAAC,SAAS,MAAM,EACnD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;CAAE,KAC7D,YAAY,CAAC;AAQlB,QAAA,MAAM,IAAI,uGAcR,CAAC;AAQH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,EACH,IAAI,GACL,CAAC;AAGF,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,GACb,CAAC;AAGF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const tableContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
2
2
|
export declare const tableVariants: (props?: ({
|
|
3
|
-
variant?: "default" | "bordered" |
|
|
3
|
+
variant?: "default" | "bordered" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
5
|
export declare const tableHeaderVariants: (props?: ({
|
|
6
6
|
sticky?: boolean | null | undefined;
|
|
@@ -14,7 +14,7 @@ export declare const columnVariants: (props?: ({
|
|
|
14
14
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
15
|
export declare const rowVariants: (props?: ({
|
|
16
16
|
isSelected?: boolean | null | undefined;
|
|
17
|
-
|
|
17
|
+
zebra?: boolean | null | undefined;
|
|
18
18
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
19
|
export declare const cellVariants: (props?: ({
|
|
20
20
|
align?: "end" | "center" | "start" | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,oFAGjC,CAAC;AAGH,eAAO,MAAM,aAAa;;8EAezB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAU9B,CAAC;AAGH,eAAO,MAAM,mBAAmB,oFAK9B,CAAC;AAGH,eAAO,MAAM,oBAAoB,oFAE/B,CAAC;AAGH,eAAO,MAAM,cAAc;;;;8EAkC1B,CAAC;AAGF,eAAO,MAAM,WAAW;;;8EA2BvB,CAAC;AAGF,eAAO,MAAM,YAAY;;;;8EAyBxB,CAAC"}
|
|
@@ -6,12 +6,14 @@ export type { Selection, SortDescriptor, Key };
|
|
|
6
6
|
* Table visual variant
|
|
7
7
|
* - default: Clean minimal styling
|
|
8
8
|
* - bordered: All cells have borders
|
|
9
|
-
*
|
|
9
|
+
*
|
|
10
|
+
* Note: alternating row backgrounds are controlled by the orthogonal `zebra`
|
|
11
|
+
* prop (on by default), not a variant — zebra composes with both default and
|
|
12
|
+
* bordered.
|
|
10
13
|
*/
|
|
11
14
|
export declare const TableVariantSchema: z.ZodEnum<{
|
|
12
15
|
default: "default";
|
|
13
16
|
bordered: "bordered";
|
|
14
|
-
striped: "striped";
|
|
15
17
|
}>;
|
|
16
18
|
export type TableVariant = z.infer<typeof TableVariantSchema>;
|
|
17
19
|
/**
|
|
@@ -133,7 +135,6 @@ export declare const TablePropsSchema: z.ZodObject<{
|
|
|
133
135
|
variant: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
|
|
134
136
|
default: "default";
|
|
135
137
|
bordered: "bordered";
|
|
136
|
-
striped: "striped";
|
|
137
138
|
}>>>;
|
|
138
139
|
size: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
|
|
139
140
|
default: "default";
|
|
@@ -141,6 +142,8 @@ export declare const TablePropsSchema: z.ZodObject<{
|
|
|
141
142
|
lg: "lg";
|
|
142
143
|
}>>>;
|
|
143
144
|
stickyHeader: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
145
|
+
zebra: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
146
|
+
toolbar: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
|
|
144
147
|
className: z.ZodOptional<z.ZodString>;
|
|
145
148
|
}, z.core.$strip>;
|
|
146
149
|
export interface TableProps {
|
|
@@ -167,6 +170,12 @@ export interface TableProps {
|
|
|
167
170
|
variant?: TableVariant;
|
|
168
171
|
size?: TableSize;
|
|
169
172
|
stickyHeader?: boolean;
|
|
173
|
+
zebra?: boolean;
|
|
174
|
+
/**
|
|
175
|
+
* Optional sticky toolbar rendered inside the card frame, above the header
|
|
176
|
+
* (e.g. a `BulkActionBar`). Sits within the same border/radius as the table.
|
|
177
|
+
*/
|
|
178
|
+
toolbar?: ReactNode;
|
|
170
179
|
}
|
|
171
180
|
/**
|
|
172
181
|
* TableHeader props schema
|
|
@@ -400,6 +409,7 @@ export type TableVariantProps = {
|
|
|
400
409
|
variant?: TableVariant;
|
|
401
410
|
size?: TableSize;
|
|
402
411
|
stickyHeader?: boolean;
|
|
412
|
+
zebra?: boolean;
|
|
403
413
|
};
|
|
404
414
|
export type ColumnVariantProps = {
|
|
405
415
|
align?: Align;
|
|
@@ -410,7 +420,7 @@ export type ColumnVariantProps = {
|
|
|
410
420
|
export type RowVariantProps = {
|
|
411
421
|
isSelected?: boolean;
|
|
412
422
|
isDisabled?: boolean;
|
|
413
|
-
|
|
423
|
+
zebra?: boolean;
|
|
414
424
|
size?: TableSize;
|
|
415
425
|
};
|
|
416
426
|
export type CellVariantProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAM5E,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAM/C
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* TableCardList — the narrow-viewport / narrow-container card view that pairs
|
|
3
|
+
* with the desktop `Table`. Render it instead of `<Table>` when
|
|
4
|
+
* {@link useContainerNarrow} reports the container is below your breakpoint:
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* const ref = useRef<HTMLDivElement>(null);
|
|
8
|
+
* const narrow = useContainerNarrow(ref, 680);
|
|
9
|
+
* <div ref={ref}>
|
|
10
|
+
* {narrow
|
|
11
|
+
* ? <TableCardList items={rows} getRowId={(r) => r.id} renderCard={...} selectionMode="multiple" selectedKeys={k} onSelectionChange={setK} … />
|
|
12
|
+
* : <Table selectedKeys={k} onSelectionChange={setK} …>…</Table>}
|
|
13
|
+
* </div>
|
|
14
|
+
*
|
|
15
|
+
* Selection + sort state are consumer-owned (same `selectedKeys`/`sortDescriptor`
|
|
16
|
+
* as the desktop Table), so switching views preserves them. Card mode adds a
|
|
17
|
+
* select-all + a Sort `<Select>` (there are no clickable column headers).
|
|
18
|
+
*/
|
|
19
|
+
import { type ReactElement } from 'react';
|
|
20
|
+
import type { TableCardListProps } from './TableCardList.types';
|
|
21
|
+
export declare function TableCardList<T extends object>({ items, getRowId, renderCard, selectionMode, selectedKeys, onSelectionChange, sortDescriptor, onSortChange, sortColumns, renderEmptyState, labels, 'aria-label': ariaLabel, className, 'data-testid': dataTestId, }: TableCardListProps<T>): ReactElement;
|
|
22
|
+
export declare namespace TableCardList {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=TableCardList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableCardList.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/TableCardList.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,KAAK,EACL,QAAQ,EACR,UAAU,EACV,aAAsB,EACtB,YAA6B,EAC7B,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,WAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,aAAa,EAAE,UAA8B,GAC9C,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,YAAY,CA+HtC;yBA9Ie,aAAa"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** Card region wrapper (the narrow-mode replacement for the table). */
|
|
2
|
+
export declare const cardRegionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
+
/** Tools row above the cards: select-all + sort control. */
|
|
4
|
+
export declare const cardToolsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
|
+
/** The card list. */
|
|
6
|
+
export declare const cardListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
7
|
+
/** A single card. Selected cards take the shared `--selected` tint. */
|
|
8
|
+
export declare const cardVariants: (props?: ({
|
|
9
|
+
isSelected?: boolean | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
/** The per-card selection checkbox cell (≥44px target). */
|
|
12
|
+
export declare const cardCheckVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
13
|
+
/** The card body (consumer-rendered content). */
|
|
14
|
+
export declare const cardContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
|
+
//# sourceMappingURL=TableCardList.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableCardList.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/TableCardList.styles.ts"],"names":[],"mappings":"AAEA,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,oFAA+B,CAAC;AAE/D,4DAA4D;AAC5D,eAAO,MAAM,iBAAiB,oFAE5B,CAAC;AAEH,qBAAqB;AACrB,eAAO,MAAM,gBAAgB,oFAAmD,CAAC;AAEjF,uEAAuE;AACvE,eAAO,MAAM,YAAY;;8EAexB,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,iBAAiB,oFAE5B,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,mBAAmB,oFAA0B,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { Selection, SortDescriptor, Key } from 'react-aria-components';
|
|
3
|
+
/** A sortable column surfaced in the card-list Sort dropdown. */
|
|
4
|
+
export interface CardSortColumn {
|
|
5
|
+
/** Matches the desktop `<Column id>` so sort state is shared across views. */
|
|
6
|
+
id: string;
|
|
7
|
+
/** Visible, translated label. */
|
|
8
|
+
label: string;
|
|
9
|
+
}
|
|
10
|
+
export interface TableCardListLabels {
|
|
11
|
+
/** Accessible-name builder for the results status, e.g. `(n) => "{n} results"`. */
|
|
12
|
+
results: (count: number) => string;
|
|
13
|
+
/** "Select all" control label. */
|
|
14
|
+
selectAll: string;
|
|
15
|
+
/** Sort `<Select>` label, e.g. "Sort". */
|
|
16
|
+
sort: string;
|
|
17
|
+
/** Sort `<Select>` placeholder, e.g. "Sort by…". */
|
|
18
|
+
sortPlaceholder?: string;
|
|
19
|
+
/** Sort-direction toggle aria-label, receives the *current* direction. */
|
|
20
|
+
sortDirection: (direction: 'ascending' | 'descending') => string;
|
|
21
|
+
/** Per-card selection checkbox aria-label. */
|
|
22
|
+
selectItem: (item: unknown) => string;
|
|
23
|
+
}
|
|
24
|
+
export interface TableCardListProps<T extends object> {
|
|
25
|
+
/** Row data (already sorted/paginated by the consumer, mirroring the desktop Table's `items`). */
|
|
26
|
+
items: T[];
|
|
27
|
+
/** Stable id per row (same as the desktop `Row key`). */
|
|
28
|
+
getRowId: (item: T) => Key;
|
|
29
|
+
/** Renders a single card's body. */
|
|
30
|
+
renderCard: (item: T) => ReactNode;
|
|
31
|
+
/** Selection — `'multiple'` shows per-card checkboxes + select-all. */
|
|
32
|
+
selectionMode?: 'none' | 'multiple';
|
|
33
|
+
selectedKeys?: Selection;
|
|
34
|
+
onSelectionChange?: (keys: Selection) => void;
|
|
35
|
+
/** Sorting — shares `sortDescriptor`/`onSortChange` with the desktop Table. */
|
|
36
|
+
sortDescriptor?: SortDescriptor;
|
|
37
|
+
onSortChange?: (descriptor: SortDescriptor) => void;
|
|
38
|
+
/** The sortable columns offered in the Sort dropdown. */
|
|
39
|
+
sortColumns?: CardSortColumn[];
|
|
40
|
+
/** Empty state when there are no items. */
|
|
41
|
+
renderEmptyState?: () => ReactNode;
|
|
42
|
+
/** i18n strings — the component is domain-free. */
|
|
43
|
+
labels: TableCardListLabels;
|
|
44
|
+
'aria-label'?: string;
|
|
45
|
+
className?: string;
|
|
46
|
+
'data-testid'?: string;
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=TableCardList.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableCardList.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/TableCardList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5E,iEAAiE;AACjE,MAAM,WAAW,cAAc;IAC7B,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0EAA0E;IAC1E,aAAa,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,YAAY,KAAK,MAAM,CAAC;IACjE,8CAA8C;IAC9C,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,MAAM,CAAC;CACvC;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM;IAClD,kGAAkG;IAClG,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,yDAAyD;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC;IAC3B,oCAAoC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAE9C,+EAA+E;IAC/E,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,yDAAyD;IACzD,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAE/B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,SAAS,CAAC;IAEnC,mDAAmD;IACnD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
export { Table, TableHeader, TableBody, TableFooter, TableCaption, Column, Row, Cell, } from './Table';
|
|
2
|
+
export { BulkActionBar } from './BulkActionBar';
|
|
3
|
+
export { resolveSelectedCount } from './resolveSelectedCount';
|
|
4
|
+
export { useBulkActionShortcut } from './useBulkActionShortcut';
|
|
5
|
+
export { TableCardList } from './TableCardList';
|
|
6
|
+
export { useContainerNarrow } from '../../hooks/useContainerNarrow';
|
|
7
|
+
export type { TableCardListProps, TableCardListLabels, CardSortColumn, } from './TableCardList.types';
|
|
8
|
+
export type { UseBulkActionShortcutOptions, } from './useBulkActionShortcut';
|
|
9
|
+
export type { BulkActionBarProps, BulkAction, BulkActionBarLabels, } from './BulkActionBar.types';
|
|
2
10
|
export { tableVariants, tableContainerVariants, tableHeaderVariants, tableFooterVariants, tableCaptionVariants, columnVariants, rowVariants, cellVariants, } from './Table';
|
|
11
|
+
export { bulkActionBarVariants, bulkActionToolbarVariants, bulkActionHintVariants, } from './BulkActionBar';
|
|
3
12
|
export type { TableProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableCaptionProps, ColumnProps, RowProps, CellProps, TableVariant, TableSize, SortDescriptor, Selection, } from './Table.types';
|
|
4
13
|
export type { Selection as AriaSelection, SortDescriptor as AriaSortDescriptor } from './Table';
|
|
5
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,EACH,IAAI,GACL,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,GACb,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,EACH,IAAI,GACL,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,4BAA4B,GAC7B,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,SAAS,GACV,MAAM,eAAe,CAAC;AAGvB,YAAY,EAAE,SAAS,IAAI,aAAa,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
|