@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.
Files changed (52) hide show
  1. package/dist/Breadcrumb-xLKDl92B.js +82 -0
  2. package/dist/assets/icons/components/ApiKey.js +31 -0
  3. package/dist/assets/icons/components/ArrowBack.js +20 -0
  4. package/dist/assets/icons/components/CheckAlt.js +24 -0
  5. package/dist/assets/icons/components/Configure.js +41 -0
  6. package/dist/assets/icons/components/Deploy.js +41 -0
  7. package/dist/assets/icons/components/Github.js +34 -0
  8. package/dist/assets/icons/components/LockAlt.js +21 -0
  9. package/dist/assets/icons/components/index.js +208 -194
  10. package/dist/assets/icons/index.js +208 -194
  11. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  12. package/dist/components/Breadcrumb/components/BackButton/BackButton.js +41 -0
  13. package/dist/components/Breadcrumb/components/BackButton/BackButton.variants.js +19 -0
  14. package/dist/components/Breadcrumb/components/Item/Item.js +37 -21
  15. package/dist/components/Breadcrumb/components/index.js +4 -2
  16. package/dist/components/VirtualizedTable/VirtualizedTable.js +64 -61
  17. package/dist/components/VirtualizedTable/components/Body/Body.js +60 -42
  18. package/dist/components/VirtualizedTable/components/Filter/Filter.js +78 -68
  19. package/dist/components/VirtualizedTable/components/Header/Header.js +1 -1
  20. package/dist/components/VirtualizedTable/contexts/index.js +1 -1
  21. package/dist/components/VirtualizedTable/contexts/table.provider.js +1 -1
  22. package/dist/components/VirtualizedTable/events/index.js +10 -7
  23. package/dist/components/index.js +26 -25
  24. package/dist/icons.js +208 -194
  25. package/dist/index.js +43 -42
  26. package/dist/lib/assets/icons/components/ApiKey.d.ts +3 -0
  27. package/dist/lib/assets/icons/components/ArrowBack.d.ts +3 -0
  28. package/dist/lib/assets/icons/components/CheckAlt.d.ts +3 -0
  29. package/dist/lib/assets/icons/components/Configure.d.ts +3 -0
  30. package/dist/lib/assets/icons/components/Deploy.d.ts +3 -0
  31. package/dist/lib/assets/icons/components/Github.d.ts +3 -0
  32. package/dist/lib/assets/icons/components/LockAlt.d.ts +3 -0
  33. package/dist/lib/assets/icons/components/index.d.ts +7 -0
  34. package/dist/lib/components/Breadcrumb/Breadcrumb.d.ts +9 -0
  35. package/dist/lib/components/Breadcrumb/Breadcrumb.types.d.ts +27 -1
  36. package/dist/lib/components/Breadcrumb/components/BackButton/BackButton.d.ts +3 -0
  37. package/dist/lib/components/Breadcrumb/components/BackButton/BackButton.types.d.ts +7 -0
  38. package/dist/lib/components/Breadcrumb/components/BackButton/BackButton.variants.d.ts +1 -0
  39. package/dist/lib/components/Breadcrumb/components/index.d.ts +1 -0
  40. package/dist/lib/components/VirtualizedTable/VirtualizedTable.d.ts +1 -0
  41. package/dist/lib/components/VirtualizedTable/VirtualizedTable.types.d.ts +2 -0
  42. package/dist/lib/components/VirtualizedTable/components/Body/Body.d.ts +1 -1
  43. package/dist/lib/components/VirtualizedTable/components/Body/Body.types.d.ts +2 -0
  44. package/dist/lib/components/VirtualizedTable/components/Filter/Filter.types.d.ts +1 -0
  45. package/dist/lib/components/VirtualizedTable/events/index.d.ts +4 -2
  46. package/dist/lib/components/index.d.ts +1 -1
  47. package/dist/lib/icons.d.ts +1 -1
  48. package/dist/package.json +1 -1
  49. package/dist/styles.css +1 -1
  50. package/dist/{table.provider-BBlJgEJf.js → table.provider-BPlFpIAe.js} +309 -309
  51. package/package.json +1 -1
  52. 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 p } from "./Breadcrumb-BYO5PNVF.js";
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 b } from "./components/Autocomplete/Autocomplete.js";
10
+ import { Autocomplete as V } from "./components/Autocomplete/Autocomplete.js";
11
11
  import { t as w } from "./Loading-DNlO4qxs.js";
12
- import { Badge as h } from "./components/Badge/Badge.js";
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 I } from "./components/Card/Card.js";
16
- import { useMediaQuery as E } from "./hooks/useMediaQuery.js";
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 er } from "./components/Filter/Filter.js";
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 br } from "./components/ProgressBar/ProgressBar.js";
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 hr } from "./components/RadioCardGroup/RadioCardGroup.js";
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 Ir } from "./components/Sidebar/components/Footer/Footer.js";
43
- import { Label as Er } from "./components/Sidebar/components/Label/Label.js";
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 po } from "./components/Stepper/Stepper.variants.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 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 bo } from "./components/Tabs/Tabs.js";
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 ho } from "./components/TagSelect/TagSelect.js";
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 Io } from "./components/Tooltip/Tooltip.js";
65
- import { VirtualizedTableEvent as Eo, sendCollapseRowEvent as Fo, sendExpandRowEvent as Mo, sendToggleRowEvent as ko } from "./components/VirtualizedTable/events/index.js";
66
- import { TruncateText as Go } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
67
- import { VirtualizedTable as zo } from "./components/VirtualizedTable/VirtualizedTable.js";
68
- import { ThemeContext as Qo } from "./contexts/theme.context.js";
69
- import { useTheme as Wo } from "./contexts/theme.hook.js";
70
- import { t as qo } from "./theme.provider-BC_aCvPM.js";
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
- b as Autocomplete,
76
- h as Badge,
75
+ V as Autocomplete,
76
+ S as Badge,
77
77
  Y as BadgeMultiSelect,
78
- p as Breadcrumb,
78
+ e as Breadcrumb,
79
79
  c as Button,
80
80
  L as ButtonGroup,
81
- I as Card,
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
- er as Filter,
94
- Ir as Footer,
93
+ pr as Filter,
94
+ Er as Footer,
95
95
  fr as ImageUpload,
96
96
  a as Input,
97
- Er as Label,
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
- br as ProgressBar,
111
+ Vr as ProgressBar,
112
112
  y as Radio,
113
113
  wr as RadioCard,
114
- hr as RadioCardGroup,
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
- bo as Tabs,
124
+ Vo as Tabs,
125
125
  wo as Tag,
126
- ho as TagSelect,
126
+ So as TagSelect,
127
127
  xo as TextArea,
128
128
  tr as TextMultiSelect,
129
- Qo as ThemeContext,
130
- qo as ThemeProvider,
129
+ Uo as ThemeContext,
130
+ Ho as ThemeProvider,
131
131
  ir as TimeFilterDropdown,
132
132
  U as TimePicker,
133
133
  Lo as Toast,
134
- Io as Tooltip,
134
+ Eo as Tooltip,
135
135
  Do as Trigger,
136
- Go as TruncateText,
136
+ yo as TruncateText,
137
137
  x as Typography,
138
- zo as VirtualizedTable,
139
- Eo as VirtualizedTableEvent,
138
+ Oo as VirtualizedTable,
139
+ Io as VirtualizedTableEvent,
140
140
  d as cn,
141
141
  Yr as horizontalConnectorWrapperVariants,
142
142
  l as resolveColor,
143
- Fo as sendCollapseRowEvent,
143
+ No as sendCollapseRowEvent,
144
144
  Mo as sendExpandRowEvent,
145
- ko as sendToggleRowEvent,
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
- po as stepperVariants,
155
- E as useMediaQuery,
156
- Wo as useTheme,
155
+ eo as stepperVariants,
156
+ I as useMediaQuery,
157
+ jo as useTheme,
157
158
  M as useToggle
158
159
  };
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const ApiKeyIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default ApiKeyIcon;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const ArrowBackIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default ArrowBackIcon;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const CheckAltIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default CheckAltIcon;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const ConfigureIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default ConfigureIcon;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const DeployIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default DeployIcon;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const GithubIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default GithubIcon;
@@ -0,0 +1,3 @@
1
+ import { IconProps } from './types';
2
+ export declare const LockAltIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
3
+ export default LockAltIcon;
@@ -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,3 @@
1
+ import { FC } from 'react';
2
+ import { Props } from './BackButton.types';
3
+ export declare const BackButton: FC<Props>;
@@ -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;
@@ -1 +1,2 @@
1
+ export * from './BackButton/BackButton';
1
2
  export * from './Item/Item';
@@ -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;
@@ -1,5 +1,7 @@
1
+ import { ReactNode } from 'react';
1
2
  import { RowData } from '../../VirtualizedTable.types';
2
3
  export type BodyProps<_TData extends RowData = RowData> = {
3
4
  isLoading?: boolean;
4
5
  showPagination?: boolean;
6
+ emptyState?: ReactNode;
5
7
  };
@@ -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: string;
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';
@@ -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.93",
5
+ "version": "0.1.2-alpha.95",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",