@konstructio/ui 0.1.2-alpha.94 → 0.1.2-alpha.96
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/Breadcrumb-xLKDl92B.js +82 -0
- package/dist/assets/icons/components/ApiKey.js +31 -0
- package/dist/assets/icons/components/ArrowBack.js +20 -0
- package/dist/assets/icons/components/CheckAlt.js +24 -0
- package/dist/assets/icons/components/Configure.js +41 -0
- package/dist/assets/icons/components/Deploy.js +41 -0
- package/dist/assets/icons/components/Github.js +34 -0
- package/dist/assets/icons/components/LockAlt.js +21 -0
- package/dist/assets/icons/components/index.js +208 -194
- package/dist/assets/icons/index.js +208 -194
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/components/BackButton/BackButton.js +41 -0
- package/dist/components/Breadcrumb/components/BackButton/BackButton.variants.js +19 -0
- package/dist/components/Breadcrumb/components/Item/Item.js +37 -21
- package/dist/components/Breadcrumb/components/index.js +4 -2
- package/dist/components/VirtualizedTable/VirtualizedTable.js +64 -61
- package/dist/components/VirtualizedTable/components/Body/Body.js +60 -42
- package/dist/components/VirtualizedTable/components/Filter/Filter.js +78 -68
- package/dist/components/VirtualizedTable/components/Header/Header.js +1 -1
- package/dist/components/VirtualizedTable/contexts/index.js +1 -1
- package/dist/components/VirtualizedTable/contexts/table.provider.js +1 -1
- package/dist/components/VirtualizedTable/events/index.js +10 -7
- package/dist/components/index.js +26 -25
- package/dist/icons.js +208 -194
- package/dist/index.js +43 -42
- package/dist/lib/assets/icons/components/ApiKey.d.ts +3 -0
- package/dist/lib/assets/icons/components/ArrowBack.d.ts +3 -0
- package/dist/lib/assets/icons/components/CheckAlt.d.ts +3 -0
- package/dist/lib/assets/icons/components/Configure.d.ts +3 -0
- package/dist/lib/assets/icons/components/Deploy.d.ts +3 -0
- package/dist/lib/assets/icons/components/Github.d.ts +3 -0
- package/dist/lib/assets/icons/components/LockAlt.d.ts +3 -0
- package/dist/lib/assets/icons/components/index.d.ts +7 -0
- package/dist/lib/components/Breadcrumb/Breadcrumb.d.ts +9 -0
- package/dist/lib/components/Breadcrumb/Breadcrumb.types.d.ts +27 -1
- package/dist/lib/components/Breadcrumb/components/BackButton/BackButton.d.ts +3 -0
- package/dist/lib/components/Breadcrumb/components/BackButton/BackButton.types.d.ts +7 -0
- package/dist/lib/components/Breadcrumb/components/BackButton/BackButton.variants.d.ts +1 -0
- package/dist/lib/components/Breadcrumb/components/index.d.ts +1 -0
- package/dist/lib/components/VirtualizedTable/VirtualizedTable.d.ts +1 -0
- package/dist/lib/components/VirtualizedTable/VirtualizedTable.types.d.ts +2 -0
- package/dist/lib/components/VirtualizedTable/components/Body/Body.d.ts +1 -1
- package/dist/lib/components/VirtualizedTable/components/Body/Body.types.d.ts +2 -0
- package/dist/lib/components/VirtualizedTable/components/Filter/Filter.types.d.ts +1 -0
- package/dist/lib/components/VirtualizedTable/events/index.d.ts +4 -2
- package/dist/lib/components/index.d.ts +1 -1
- package/dist/lib/icons.d.ts +1 -1
- package/dist/package.json +1 -1
- package/dist/styles.css +1 -1
- package/dist/{table.provider-BBlJgEJf.js → table.provider-BPlFpIAe.js} +309 -309
- package/package.json +1 -1
- package/dist/Breadcrumb-BYO5PNVF.js +0 -77
package/dist/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { t as o } from "./Checkbox-BvRmHWxk.js";
|
|
2
2
|
import { t as m } from "./DropdownButton-CWwjA3zI.js";
|
|
3
|
-
import { t as
|
|
3
|
+
import { t as e } from "./Breadcrumb-xLKDl92B.js";
|
|
4
4
|
import { t as a } from "./Input-BZG7N8m1.js";
|
|
5
5
|
import { t as n } from "./Counter-C1o8YZoR.js";
|
|
6
6
|
import { i as l, t as d } from "./utils-COaoD3PI.js";
|
|
7
7
|
import { Alert as g } from "./components/Alert/Alert.js";
|
|
8
8
|
import { Button as c } from "./components/Button/Button.js";
|
|
9
9
|
import { AlertDialog as D } from "./components/AlertDialog/AlertDialog.js";
|
|
10
|
-
import { Autocomplete as
|
|
10
|
+
import { Autocomplete as V } from "./components/Autocomplete/Autocomplete.js";
|
|
11
11
|
import { t as w } from "./Loading-DNlO4qxs.js";
|
|
12
|
-
import { Badge as
|
|
12
|
+
import { Badge as S } from "./components/Badge/Badge.js";
|
|
13
13
|
import { Typography as x } from "./components/Typography/Typography.js";
|
|
14
14
|
import { ButtonGroup as L } from "./components/ButtonGroup/ButtonGroup.js";
|
|
15
|
-
import { Card as
|
|
16
|
-
import { useMediaQuery as
|
|
15
|
+
import { Card as E } from "./components/Card/Card.js";
|
|
16
|
+
import { useMediaQuery as I } from "./hooks/useMediaQuery.js";
|
|
17
17
|
import { useToggle as M } from "./hooks/useToggle.js";
|
|
18
18
|
import { DatePicker as A } from "./components/Datepicker/DatePicker.js";
|
|
19
19
|
import { Radio as y } from "./components/Radio/Radio.js";
|
|
@@ -27,20 +27,20 @@ import { DateFilterDropdown as _ } from "./components/Filter/components/DateFilt
|
|
|
27
27
|
import { DateRangeFilterDropdown as rr } from "./components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
|
|
28
28
|
import { TextMultiSelect as tr } from "./components/Filter/components/TextMultiSelect/TextMultiSelect.js";
|
|
29
29
|
import { TimeFilterDropdown as ir } from "./components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
|
|
30
|
-
import { Filter as
|
|
30
|
+
import { Filter as pr } from "./components/Filter/Filter.js";
|
|
31
31
|
import { t as fr } from "./ImageUpload-DebL0hwF.js";
|
|
32
32
|
import { LineChart as sr } from "./components/LineChart/LineChart.js";
|
|
33
33
|
import { t as dr } from "./Modal-IyDr5vIx.js";
|
|
34
34
|
import { t as gr } from "./components-C_LekSz_.js";
|
|
35
35
|
import { PhoneNumberInput as cr } from "./components/PhoneNumberInput/PhoneNumberInput.js";
|
|
36
36
|
import { PieChart as Dr } from "./components/PieChart/PieChart.js";
|
|
37
|
-
import { ProgressBar as
|
|
37
|
+
import { ProgressBar as Vr } from "./components/ProgressBar/ProgressBar.js";
|
|
38
38
|
import { RadioCard as wr } from "./components/RadioCard/RadioCard.js";
|
|
39
|
-
import { RadioCardGroup as
|
|
39
|
+
import { RadioCardGroup as Sr } from "./components/RadioCardGroup/RadioCardGroup.js";
|
|
40
40
|
import { Range as xr } from "./components/Range/Range.js";
|
|
41
41
|
import { Select as Lr } from "./components/Select/Select.js";
|
|
42
|
-
import { Footer as
|
|
43
|
-
import { Label as
|
|
42
|
+
import { Footer as Er } from "./components/Sidebar/components/Footer/Footer.js";
|
|
43
|
+
import { Label as Ir } from "./components/Sidebar/components/Label/Label.js";
|
|
44
44
|
import { Logo as Mr } from "./components/Sidebar/components/Logo/Logo.js";
|
|
45
45
|
import { NavigationGroup as Ar } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
46
46
|
import { NavigationOption as yr } from "./components/Sidebar/components/NavigationOption/NavigationOption.js";
|
|
@@ -49,36 +49,36 @@ import { Navigation as Ur } from "./components/Sidebar/components/Navigation/Nav
|
|
|
49
49
|
import { Sidebar as jr } from "./components/Sidebar/Sidebar.js";
|
|
50
50
|
import { Slider as Hr } from "./components/Slider/Slider.js";
|
|
51
51
|
import { t as Kr } from "./Spinner-BB1muhcJ.js";
|
|
52
|
-
import { horizontalConnectorWrapperVariants as Yr, stepConnectorVariants as Zr, stepContentVariants as _r, stepDescriptionVariants as $r, stepIndicatorVariants as ro, stepItemVariants as oo, stepLabelVariants as to, stepListVariants as mo, stepVariants as io, stepperVariants as
|
|
52
|
+
import { horizontalConnectorWrapperVariants as Yr, stepConnectorVariants as Zr, stepContentVariants as _r, stepDescriptionVariants as $r, stepIndicatorVariants as ro, stepItemVariants as oo, stepLabelVariants as to, stepListVariants as mo, stepVariants as io, stepperVariants as eo } from "./components/Stepper/Stepper.variants.js";
|
|
53
53
|
import { Stepper as ao } from "./components/Stepper/Stepper.js";
|
|
54
54
|
import { t as no } from "./Switch-CT2R9JgM.js";
|
|
55
55
|
import { Table as lo } from "./components/Table/Table.js";
|
|
56
56
|
import { Content as go } from "./components/Tabs/components/Content.js";
|
|
57
57
|
import { List as co } from "./components/Tabs/components/List.js";
|
|
58
58
|
import { Trigger as Do } from "./components/Tabs/components/Trigger.js";
|
|
59
|
-
import { Tabs as
|
|
59
|
+
import { Tabs as Vo } from "./components/Tabs/Tabs.js";
|
|
60
60
|
import { Tag as wo } from "./components/Tag/Tag.js";
|
|
61
|
-
import { TagSelect as
|
|
61
|
+
import { TagSelect as So } from "./components/TagSelect/TagSelect.js";
|
|
62
62
|
import { TextArea as xo } from "./components/TextArea/TextArea.js";
|
|
63
63
|
import { t as Lo } from "./Toast-CWyLcmNX.js";
|
|
64
|
-
import { Tooltip as
|
|
65
|
-
import { VirtualizedTableEvent as
|
|
66
|
-
import { TruncateText as
|
|
67
|
-
import { VirtualizedTable as
|
|
68
|
-
import { ThemeContext as
|
|
69
|
-
import { useTheme as
|
|
70
|
-
import { t as
|
|
64
|
+
import { Tooltip as Eo } from "./components/Tooltip/Tooltip.js";
|
|
65
|
+
import { VirtualizedTableEvent as Io, sendCollapseRowEvent as No, sendExpandRowEvent as Mo, sendResetFiltersEvent as ko, sendToggleRowEvent as Ao } from "./components/VirtualizedTable/events/index.js";
|
|
66
|
+
import { TruncateText as yo } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
|
|
67
|
+
import { VirtualizedTable as Oo } from "./components/VirtualizedTable/VirtualizedTable.js";
|
|
68
|
+
import { ThemeContext as Uo } from "./contexts/theme.context.js";
|
|
69
|
+
import { useTheme as jo } from "./contexts/theme.hook.js";
|
|
70
|
+
import { t as Ho } from "./theme.provider-BC_aCvPM.js";
|
|
71
71
|
import "./contexts/index.js";
|
|
72
72
|
export {
|
|
73
73
|
g as Alert,
|
|
74
74
|
D as AlertDialog,
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
V as Autocomplete,
|
|
76
|
+
S as Badge,
|
|
77
77
|
Y as BadgeMultiSelect,
|
|
78
|
-
|
|
78
|
+
e as Breadcrumb,
|
|
79
79
|
c as Button,
|
|
80
80
|
L as ButtonGroup,
|
|
81
|
-
|
|
81
|
+
E as Card,
|
|
82
82
|
o as Checkbox,
|
|
83
83
|
go as Content,
|
|
84
84
|
n as Counter,
|
|
@@ -90,11 +90,11 @@ export {
|
|
|
90
90
|
K as Drawer,
|
|
91
91
|
Lr as Dropdown,
|
|
92
92
|
m as DropdownButton,
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
pr as Filter,
|
|
94
|
+
Er as Footer,
|
|
95
95
|
fr as ImageUpload,
|
|
96
96
|
a as Input,
|
|
97
|
-
|
|
97
|
+
Ir as Label,
|
|
98
98
|
sr as LineChart,
|
|
99
99
|
co as List,
|
|
100
100
|
w as Loading,
|
|
@@ -108,10 +108,10 @@ export {
|
|
|
108
108
|
n as NumberInput,
|
|
109
109
|
cr as PhoneNumberInput,
|
|
110
110
|
Dr as PieChart,
|
|
111
|
-
|
|
111
|
+
Vr as ProgressBar,
|
|
112
112
|
y as Radio,
|
|
113
113
|
wr as RadioCard,
|
|
114
|
-
|
|
114
|
+
Sr as RadioCardGroup,
|
|
115
115
|
O as RadioGroup,
|
|
116
116
|
xr as Range,
|
|
117
117
|
Lr as Select,
|
|
@@ -121,28 +121,29 @@ export {
|
|
|
121
121
|
ao as Stepper,
|
|
122
122
|
no as Switch,
|
|
123
123
|
lo as Table,
|
|
124
|
-
|
|
124
|
+
Vo as Tabs,
|
|
125
125
|
wo as Tag,
|
|
126
|
-
|
|
126
|
+
So as TagSelect,
|
|
127
127
|
xo as TextArea,
|
|
128
128
|
tr as TextMultiSelect,
|
|
129
|
-
|
|
130
|
-
|
|
129
|
+
Uo as ThemeContext,
|
|
130
|
+
Ho as ThemeProvider,
|
|
131
131
|
ir as TimeFilterDropdown,
|
|
132
132
|
U as TimePicker,
|
|
133
133
|
Lo as Toast,
|
|
134
|
-
|
|
134
|
+
Eo as Tooltip,
|
|
135
135
|
Do as Trigger,
|
|
136
|
-
|
|
136
|
+
yo as TruncateText,
|
|
137
137
|
x as Typography,
|
|
138
|
-
|
|
139
|
-
|
|
138
|
+
Oo as VirtualizedTable,
|
|
139
|
+
Io as VirtualizedTableEvent,
|
|
140
140
|
d as cn,
|
|
141
141
|
Yr as horizontalConnectorWrapperVariants,
|
|
142
142
|
l as resolveColor,
|
|
143
|
-
|
|
143
|
+
No as sendCollapseRowEvent,
|
|
144
144
|
Mo as sendExpandRowEvent,
|
|
145
|
-
ko as
|
|
145
|
+
ko as sendResetFiltersEvent,
|
|
146
|
+
Ao as sendToggleRowEvent,
|
|
146
147
|
Zr as stepConnectorVariants,
|
|
147
148
|
_r as stepContentVariants,
|
|
148
149
|
$r as stepDescriptionVariants,
|
|
@@ -151,8 +152,8 @@ export {
|
|
|
151
152
|
to as stepLabelVariants,
|
|
152
153
|
mo as stepListVariants,
|
|
153
154
|
io as stepVariants,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
155
|
+
eo as stepperVariants,
|
|
156
|
+
I as useMediaQuery,
|
|
157
|
+
jo as useTheme,
|
|
157
158
|
M as useToggle
|
|
158
159
|
};
|
|
@@ -2,9 +2,11 @@ export { AccountsIcon } from './Accounts';
|
|
|
2
2
|
export { ActivityIcon } from './Activity';
|
|
3
3
|
export { AddChartIcon } from './AddChart';
|
|
4
4
|
export { AlertOutlineIcon } from './AlertOutline';
|
|
5
|
+
export { ApiKeyIcon } from './ApiKey';
|
|
5
6
|
export { AppRepoIcon } from './AppRepo';
|
|
6
7
|
export { AppsIcon } from './Apps';
|
|
7
8
|
export { ArchivesIcon } from './Archives';
|
|
9
|
+
export { ArrowBackIcon } from './ArrowBack';
|
|
8
10
|
export { ArrowDownIcon } from './ArrowDown';
|
|
9
11
|
export { ArrowLeftIcon } from './ArrowLeft';
|
|
10
12
|
export { ArrowRightIcon } from './ArrowRight';
|
|
@@ -17,6 +19,7 @@ export { CheckboxMarkedCircleOutlineIcon } from './CheckboxMarkedCircleOutline';
|
|
|
17
19
|
export { CheckCircleFilledIcon } from './CheckCircleFilled';
|
|
18
20
|
export { CheckCircleOutlineIcon } from './CheckCircleOutline';
|
|
19
21
|
export { CheckIcon } from './Check';
|
|
22
|
+
export { CheckAltIcon } from './CheckAlt';
|
|
20
23
|
export { CircumGlobeIcon } from './CircumGlobe';
|
|
21
24
|
export { ClockAlertIcon } from './ClockAlert';
|
|
22
25
|
export { ClockOutlineIcon } from './ClockOutline';
|
|
@@ -26,6 +29,7 @@ export { CloudLockOutlineIcon } from './CloudLockOutline';
|
|
|
26
29
|
export { ClustersIcon } from './Clusters';
|
|
27
30
|
export { CogOutlineIcon } from './CogOutline';
|
|
28
31
|
export { ComputeIcon } from './Compute';
|
|
32
|
+
export { ConfigureIcon } from './Configure';
|
|
29
33
|
export { CopyIcon } from './Copy';
|
|
30
34
|
export { CpuIcon } from './Cpu';
|
|
31
35
|
export { CpuAltIcon } from './CpuAlt';
|
|
@@ -34,6 +38,7 @@ export { DashboardIcon } from './Dashboard';
|
|
|
34
38
|
export { DatabaseIcon } from './Database';
|
|
35
39
|
export { DatacenterIcon } from './Datacenter';
|
|
36
40
|
export { DeleteIcon } from './Delete';
|
|
41
|
+
export { DeployIcon } from './Deploy';
|
|
37
42
|
export { DnsIcon } from './Dns';
|
|
38
43
|
export { DocsIcon } from './Docs';
|
|
39
44
|
export { DollarSignIcon } from './DollarSign';
|
|
@@ -47,6 +52,7 @@ export { ExclamationIcon } from './Exclamation';
|
|
|
47
52
|
export { FirewallIcon } from './Firewall';
|
|
48
53
|
export { FirewallAltIcon } from './FirewallAlt';
|
|
49
54
|
export { GitIcon } from './Git';
|
|
55
|
+
export { GithubIcon } from './Github';
|
|
50
56
|
export { GitOpsCatalogIcon } from './GitOpsCatalog';
|
|
51
57
|
export { GridViewIcon } from './GridView';
|
|
52
58
|
export { HelpIcon } from './Help';
|
|
@@ -66,6 +72,7 @@ export { LoadBalancerAltIcon } from './LoadBalancerAlt';
|
|
|
66
72
|
export { LoaderIcon } from './Loader';
|
|
67
73
|
export { LightBulbIcon } from './LightBulb';
|
|
68
74
|
export { LockIcon } from './Lock';
|
|
75
|
+
export { LockAltIcon } from './LockAlt';
|
|
69
76
|
export { LogOutIcon } from './LogOut';
|
|
70
77
|
export { NetworkIcon } from './Network';
|
|
71
78
|
export { NetworkAltIcon } from './NetworkAlt';
|
|
@@ -22,6 +22,15 @@ import { Props } from './Breadcrumb.types';
|
|
|
22
22
|
* { label: 'Edit User', isActive: true },
|
|
23
23
|
* ]}
|
|
24
24
|
* />
|
|
25
|
+
*
|
|
26
|
+
* // With an optional back button and step icons
|
|
27
|
+
* <Breadcrumb
|
|
28
|
+
* backButton={{ onClick: () => navigate(-1) }}
|
|
29
|
+
* steps={[
|
|
30
|
+
* { label: 'Home', to: '/', leftIcon: <HomeIcon /> },
|
|
31
|
+
* { label: 'Profile', isActive: true },
|
|
32
|
+
* ]}
|
|
33
|
+
* />
|
|
25
34
|
* ```
|
|
26
35
|
*
|
|
27
36
|
* @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-breadcrumb--docs Storybook}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import { FC, HTMLAttributes } from 'react';
|
|
2
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
import { Theme } from '../../../domain/theme';
|
|
4
4
|
import { breadcrumbVariants } from './Breadcrumb.variants';
|
|
5
5
|
/**
|
|
@@ -16,6 +16,30 @@ export type Step = {
|
|
|
16
16
|
isActive?: boolean;
|
|
17
17
|
/** Custom component to render (e.g., Link from react-router) */
|
|
18
18
|
component?: FC<any>;
|
|
19
|
+
/** Icon rendered before the label */
|
|
20
|
+
leftIcon?: ReactNode;
|
|
21
|
+
/** Icon rendered after the label */
|
|
22
|
+
rightIcon?: ReactNode;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Configuration for the optional back button rendered before the steps.
|
|
26
|
+
*
|
|
27
|
+
* The breadcrumb isn't always used for navigation, so the back button only
|
|
28
|
+
* renders when this object is provided.
|
|
29
|
+
*/
|
|
30
|
+
export type BackButton = {
|
|
31
|
+
/** Icon shown inside the button. Defaults to <ArrowBackIcon /> */
|
|
32
|
+
icon?: ReactNode;
|
|
33
|
+
/** Handler invoked when the button is clicked */
|
|
34
|
+
onClick?: () => void;
|
|
35
|
+
/** Route to navigate to (router-aware: Link / a / custom component) */
|
|
36
|
+
to?: string;
|
|
37
|
+
/** Link target (_self or _blank) */
|
|
38
|
+
target?: '_self' | '_blank';
|
|
39
|
+
/** Accessible label for the button. Defaults to 'Go back' */
|
|
40
|
+
label?: string;
|
|
41
|
+
/** Custom component to render the link (e.g., Link from react-router) */
|
|
42
|
+
component?: FC<any>;
|
|
19
43
|
};
|
|
20
44
|
/**
|
|
21
45
|
* Props for the Breadcrumb component.
|
|
@@ -34,6 +58,8 @@ export type Step = {
|
|
|
34
58
|
export interface Props extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
|
|
35
59
|
/** Array of breadcrumb steps */
|
|
36
60
|
steps: Step[];
|
|
61
|
+
/** Optional back button rendered before the steps */
|
|
62
|
+
backButton?: BackButton;
|
|
37
63
|
/** CSS classes for the nav wrapper */
|
|
38
64
|
wrapperClassName?: string;
|
|
39
65
|
/** Theme override for this component */
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Theme } from '../../../../../domain/theme';
|
|
2
|
+
import { BackButton as BackButtonConfig } from '../../Breadcrumb.types';
|
|
3
|
+
export interface Props extends BackButtonConfig {
|
|
4
|
+
theme?: Theme;
|
|
5
|
+
}
|
|
6
|
+
/** @deprecated Use Props instead */
|
|
7
|
+
export type BackButtonProps = Props;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const backButtonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
@@ -9,6 +9,7 @@ type VirtualizedTableCompound = (<TData extends RowData>(props: Props<TData>) =>
|
|
|
9
9
|
sendExpandRowEvent: (tableId: string, rowId: string) => void;
|
|
10
10
|
sendCollapseRowEvent: (tableId: string, rowId: string) => void;
|
|
11
11
|
sendToggleRowEvent: (tableId: string, rowId: string) => void;
|
|
12
|
+
sendResetFiltersEvent: (tableId: string) => void;
|
|
12
13
|
};
|
|
13
14
|
displayName?: string;
|
|
14
15
|
};
|
|
@@ -155,6 +155,8 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
|
|
|
155
155
|
classNameHoverRow?: string;
|
|
156
156
|
queryOptions?: Omit<UseQueryOptions<any, any, any, any>, 'queryKey' | 'queryFn'>;
|
|
157
157
|
isLoading?: boolean;
|
|
158
|
+
/** Rendered in place of rows when the table has no data (and is not loading). */
|
|
159
|
+
emptyState?: ReactNode;
|
|
158
160
|
getRowId?: (originalRow: TData, index: number) => string;
|
|
159
161
|
fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
|
|
160
162
|
data: TData[];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { RowData } from '../../VirtualizedTable.types';
|
|
2
2
|
import { BodyProps } from './Body.types';
|
|
3
|
-
export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, emptyState, }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,6 +3,7 @@ export type { Option } from '../../../../../components/Filter/Filter.types';
|
|
|
3
3
|
/** @deprecated Use `ActionFilterConfig` with `type: 'action'` in the `filters` array instead */
|
|
4
4
|
export type FilterAction = ActionFilterConfig;
|
|
5
5
|
export type Props = {
|
|
6
|
+
id: string | string[] | number | number[];
|
|
6
7
|
filters?: FilterConfig[];
|
|
7
8
|
/** @deprecated Use `filters` instead */
|
|
8
9
|
multiSelectFilter?: MultiSelectFilter[];
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
export declare enum VirtualizedTableEvent {
|
|
2
2
|
EXPAND_ROW = "@konstructio/VirtualizedTable/event-EXPAND_ROW",
|
|
3
3
|
COLLAPSE_ROW = "@konstructio/VirtualizedTable/event-COLLAPSE_ROW",
|
|
4
|
-
TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW"
|
|
4
|
+
TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW",
|
|
5
|
+
RESET_FILTERS = "@konstructio/VirtualizedTable/event-RESET_FILTERS"
|
|
5
6
|
}
|
|
6
7
|
export type VirtualizedTableEventDetail = {
|
|
7
8
|
tableId: string;
|
|
8
|
-
rowId
|
|
9
|
+
rowId?: string;
|
|
9
10
|
};
|
|
10
11
|
export declare const sendExpandRowEvent: (tableId: string, rowId: string) => void;
|
|
11
12
|
export declare const sendCollapseRowEvent: (tableId: string, rowId: string) => void;
|
|
12
13
|
export declare const sendToggleRowEvent: (tableId: string, rowId: string) => void;
|
|
14
|
+
export declare const sendResetFiltersEvent: (tableId: string) => void;
|
|
@@ -45,7 +45,7 @@ export * from './Toast/Toast';
|
|
|
45
45
|
export * from './Tooltip/Tooltip';
|
|
46
46
|
export * from './Typography/Typography';
|
|
47
47
|
export * from './VirtualizedTable/VirtualizedTable';
|
|
48
|
-
export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
|
|
48
|
+
export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, sendResetFiltersEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
|
|
49
49
|
export type { VirtualizedTableEventDetail } from './VirtualizedTable/events';
|
|
50
50
|
export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
|
|
51
51
|
export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
|
package/dist/lib/icons.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
|
|
1
|
+
export { AccountsIcon, ActivityIcon, AddChartIcon, AlertOutlineIcon, ApiKeyIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowBackIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BillingIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, CheckAltIcon, CircumGlobeIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, ComputeIcon, ConfigureIcon, CopyIcon, CpuAltIcon, CpuIcon, CubeIcon, DashboardIcon, DatabaseIcon, DatacenterIcon, DeleteIcon, DeployIcon, DnsIcon, DocsIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, FirewallAltIcon, FirewallIcon, GitIcon, GithubIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InventoryIcon, InvoiceListIcon, KeyIcon, KonstructIcon, KubernetesIcon, LightBulbIcon, LoadBalancerAltIcon, LoadBalancerIcon, LoaderIcon, LockIcon, LockAltIcon, LogOutIcon, NetworkAltIcon, NetworkIcon, ObjectStorageIcon, OrganizationIcon, OrgSettingsIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, PrivateRegionIcon, ProfileIcon, QuotaIcon, ReceiptLongIcon, RefreshIcon, ReservedIpIcon, ScatterPlotIcon, SearchIcon, ServerIcon, SshKeyIcon, StartIcon, TabNewIcon, TeamMembersIcon, TeamsIcon, UploadIcon, VolumeIcon, WarningIcon, WarningTriangleIcon, WebhookIcon, XIcon, } from './assets/icons/components';
|
|
2
2
|
export type { IconProps, IconComponent } from './assets/icons/components';
|
package/dist/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@konstructio/ui",
|
|
3
3
|
"description": "A set of reusable and customizable React components built for konstruct.io",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "0.1.2-alpha.
|
|
5
|
+
"version": "0.1.2-alpha.95",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|