@konstructio/ui 0.1.2-alpha.95 → 0.1.2-alpha.97

package/dist/components/index.js

@@ -9,12 +9,12 @@ import { AlertDialog as c } from "./AlertDialog/AlertDialog.js";
 import { Autocomplete as D } from "./Autocomplete/Autocomplete.js";
 import { t as V } from "../Loading-DNlO4qxs.js";
 import { Badge as w } from "./Badge/Badge.js";
-import { Typography as R } from "./Typography/Typography.js";
+import { Typography as S } from "./Typography/Typography.js";
 import { ButtonGroup as h } from "./ButtonGroup/ButtonGroup.js";
 import { Card as L } from "./Card/Card.js";
-import { DatePicker as I } from "./Datepicker/DatePicker.js";
-import { Radio as P } from "./Radio/Radio.js";
-import { RadioGroup as F } from "./RadioGroup/RadioGroup.js";
+import { DatePicker as E } from "./Datepicker/DatePicker.js";
+import { Radio as I } from "./Radio/Radio.js";
+import { RadioGroup as P } from "./RadioGroup/RadioGroup.js";
 import { TimePicker as A } from "./TimePicker/TimePicker.js";
 import { DateRangePicker as M } from "./DateRangePicker/DateRangePicker.js";
 import { Divider as y } from "./Divider/Divider.js";
@@ -36,12 +36,12 @@ import { RadioCard as cr } from "./RadioCard/RadioCard.js";
 import { RadioCardGroup as Dr } from "./RadioCardGroup/RadioCardGroup.js";
 import { Range as Vr } from "./Range/Range.js";
 import { Select as wr } from "./Select/Select.js";
-import { Footer as Rr } from "./Sidebar/components/Footer/Footer.js";
+import { Footer as Sr } from "./Sidebar/components/Footer/Footer.js";
 import { Label as hr } from "./Sidebar/components/Label/Label.js";
 import { Logo as Lr } from "./Sidebar/components/Logo/Logo.js";
-import { NavigationGroup as Ir } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as Pr } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as Fr } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { NavigationGroup as Er } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as Ir } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as Pr } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 import { Navigation as Ar } from "./Sidebar/components/Navigation/Navigation.js";
 import { Sidebar as Mr } from "./Sidebar/Sidebar.js";
 import { Slider as yr } from "./Slider/Slider.js";
@@ -58,10 +58,10 @@ import { Tag as co } from "./Tag/Tag.js";
 import { TagSelect as Do } from "./TagSelect/TagSelect.js";
 import { TextArea as Vo } from "./TextArea/TextArea.js";
 import { t as wo } from "../Toast-CWyLcmNX.js";
-import { Tooltip as Ro } from "./Tooltip/Tooltip.js";
-import { VirtualizedTableEvent as ho, sendCollapseRowEvent as Bo, sendExpandRowEvent as Lo, sendToggleRowEvent as xo } from "./VirtualizedTable/events/index.js";
-import { TruncateText as No } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
-import { VirtualizedTable as Eo } from "./VirtualizedTable/VirtualizedTable.js";
+import { Tooltip as So } from "./Tooltip/Tooltip.js";
+import { VirtualizedTableEvent as ho, sendCollapseRowEvent as Bo, sendExpandRowEvent as Lo, sendResetFiltersEvent as xo, sendToggleRowEvent as Eo } from "./VirtualizedTable/events/index.js";
+import { TruncateText as Io } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { VirtualizedTable as Po } from "./VirtualizedTable/VirtualizedTable.js";
 export {
   l as Alert,
   c as AlertDialog,
@@ -76,7 +76,7 @@ export {
   eo as Content,
   n as Counter,
   H as DateFilterDropdown,
-  I as DatePicker,
+  E as DatePicker,
   K as DateRangeFilterDropdown,
   M as DateRangePicker,
   y as Divider,
@@ -84,7 +84,7 @@ export {
   wr as Dropdown,
   m as DropdownButton,
   $ as Filter,
-  Rr as Footer,
+  Sr as Footer,
   or as ImageUpload,
   a as Input,
   hr as Label,
@@ -95,17 +95,17 @@ export {
   pr as Modal,
   ar as MultiSelectDropdown,
   Ar as Navigation,
-  Ir as NavigationGroup,
-  Pr as NavigationOption,
-  Fr as NavigationSeparator,
+  Er as NavigationGroup,
+  Ir as NavigationOption,
+  Pr as NavigationSeparator,
   n as NumberInput,
   nr as PhoneNumberInput,
   lr as PieChart,
   gr as ProgressBar,
-  P as Radio,
+  I as Radio,
   cr as RadioCard,
   Dr as RadioCardGroup,
-  F as RadioGroup,
+  P as RadioGroup,
   Vr as Range,
   wr as Select,
   Mr as Sidebar,
@@ -122,16 +122,17 @@ export {
   Z as TimeFilterDropdown,
   A as TimePicker,
   wo as Toast,
-  Ro as Tooltip,
+  So as Tooltip,
   so as Trigger,
-  No as TruncateText,
-  R as Typography,
-  Eo as VirtualizedTable,
+  Io as TruncateText,
+  S as Typography,
+  Po as VirtualizedTable,
   ho as VirtualizedTableEvent,
   jr as horizontalConnectorWrapperVariants,
   Bo as sendCollapseRowEvent,
   Lo as sendExpandRowEvent,
-  xo as sendToggleRowEvent,
+  xo as sendResetFiltersEvent,
+  Eo as sendToggleRowEvent,
   qr as stepConnectorVariants,
   Hr as stepContentVariants,
   Jr as stepDescriptionVariants,

package/dist/index.js

@@ -1,19 +1,19 @@
 import { t as o } from "./Checkbox-BvRmHWxk.js";
 import { t as m } from "./DropdownButton-CWwjA3zI.js";
-import { t as p } from "./Breadcrumb-xLKDl92B.js";
+import { t as e } from "./Breadcrumb-xLKDl92B.js";
 import { t as a } from "./Input-BZG7N8m1.js";
 import { t as n } from "./Counter-C1o8YZoR.js";
 import { i as l, t as d } from "./utils-COaoD3PI.js";
 import { Alert as g } from "./components/Alert/Alert.js";
 import { Button as c } from "./components/Button/Button.js";
 import { AlertDialog as D } from "./components/AlertDialog/AlertDialog.js";
-import { Autocomplete as b } from "./components/Autocomplete/Autocomplete.js";
+import { Autocomplete as V } from "./components/Autocomplete/Autocomplete.js";
 import { t as w } from "./Loading-DNlO4qxs.js";
-import { Badge as h } from "./components/Badge/Badge.js";
+import { Badge as S } from "./components/Badge/Badge.js";
 import { Typography as x } from "./components/Typography/Typography.js";
 import { ButtonGroup as L } from "./components/ButtonGroup/ButtonGroup.js";
-import { Card as I } from "./components/Card/Card.js";
-import { useMediaQuery as E } from "./hooks/useMediaQuery.js";
+import { Card as E } from "./components/Card/Card.js";
+import { useMediaQuery as I } from "./hooks/useMediaQuery.js";
 import { useToggle as M } from "./hooks/useToggle.js";
 import { DatePicker as A } from "./components/Datepicker/DatePicker.js";
 import { Radio as y } from "./components/Radio/Radio.js";
@@ -27,20 +27,20 @@ import { DateFilterDropdown as _ } from "./components/Filter/components/DateFilt
 import { DateRangeFilterDropdown as rr } from "./components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
 import { TextMultiSelect as tr } from "./components/Filter/components/TextMultiSelect/TextMultiSelect.js";
 import { TimeFilterDropdown as ir } from "./components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
-import { Filter as er } from "./components/Filter/Filter.js";
+import { Filter as pr } from "./components/Filter/Filter.js";
 import { t as fr } from "./ImageUpload-DebL0hwF.js";
 import { LineChart as sr } from "./components/LineChart/LineChart.js";
 import { t as dr } from "./Modal-IyDr5vIx.js";
 import { t as gr } from "./components-C_LekSz_.js";
 import { PhoneNumberInput as cr } from "./components/PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as Dr } from "./components/PieChart/PieChart.js";
-import { ProgressBar as br } from "./components/ProgressBar/ProgressBar.js";
+import { ProgressBar as Vr } from "./components/ProgressBar/ProgressBar.js";
 import { RadioCard as wr } from "./components/RadioCard/RadioCard.js";
-import { RadioCardGroup as hr } from "./components/RadioCardGroup/RadioCardGroup.js";
+import { RadioCardGroup as Sr } from "./components/RadioCardGroup/RadioCardGroup.js";
 import { Range as xr } from "./components/Range/Range.js";
 import { Select as Lr } from "./components/Select/Select.js";
-import { Footer as Ir } from "./components/Sidebar/components/Footer/Footer.js";
-import { Label as Er } from "./components/Sidebar/components/Label/Label.js";
+import { Footer as Er } from "./components/Sidebar/components/Footer/Footer.js";
+import { Label as Ir } from "./components/Sidebar/components/Label/Label.js";
 import { Logo as Mr } from "./components/Sidebar/components/Logo/Logo.js";
 import { NavigationGroup as Ar } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";
 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
 import { Sidebar as jr } from "./components/Sidebar/Sidebar.js";
 import { Slider as Hr } from "./components/Slider/Slider.js";
 import { t as Kr } from "./Spinner-BB1muhcJ.js";
-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";
+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";
 import { Stepper as ao } from "./components/Stepper/Stepper.js";
 import { t as no } from "./Switch-CT2R9JgM.js";
 import { Table as lo } from "./components/Table/Table.js";
 import { Content as go } from "./components/Tabs/components/Content.js";
 import { List as co } from "./components/Tabs/components/List.js";
 import { Trigger as Do } from "./components/Tabs/components/Trigger.js";
-import { Tabs as bo } from "./components/Tabs/Tabs.js";
+import { Tabs as Vo } from "./components/Tabs/Tabs.js";
 import { Tag as wo } from "./components/Tag/Tag.js";
-import { TagSelect as ho } from "./components/TagSelect/TagSelect.js";
+import { TagSelect as So } from "./components/TagSelect/TagSelect.js";
 import { TextArea as xo } from "./components/TextArea/TextArea.js";
 import { t as Lo } from "./Toast-CWyLcmNX.js";
-import { Tooltip as Io } from "./components/Tooltip/Tooltip.js";
-import { VirtualizedTableEvent as Eo, sendCollapseRowEvent as Fo, sendExpandRowEvent as Mo, sendToggleRowEvent as ko } from "./components/VirtualizedTable/events/index.js";
-import { TruncateText as Go } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
-import { VirtualizedTable as zo } from "./components/VirtualizedTable/VirtualizedTable.js";
-import { ThemeContext as Qo } from "./contexts/theme.context.js";
-import { useTheme as Wo } from "./contexts/theme.hook.js";
-import { t as qo } from "./theme.provider-BC_aCvPM.js";
+import { Tooltip as Eo } from "./components/Tooltip/Tooltip.js";
+import { VirtualizedTableEvent as Io, sendCollapseRowEvent as No, sendExpandRowEvent as Mo, sendResetFiltersEvent as ko, sendToggleRowEvent as Ao } from "./components/VirtualizedTable/events/index.js";
+import { TruncateText as yo } from "./components/VirtualizedTable/components/TruncateText/TruncateText.js";
+import { VirtualizedTable as Oo } from "./components/VirtualizedTable/VirtualizedTable.js";
+import { ThemeContext as Uo } from "./contexts/theme.context.js";
+import { useTheme as jo } from "./contexts/theme.hook.js";
+import { t as Ho } from "./theme.provider-BC_aCvPM.js";
 import "./contexts/index.js";
 export {
   g as Alert,
   D as AlertDialog,
-  b as Autocomplete,
-  h as Badge,
+  V as Autocomplete,
+  S as Badge,
   Y as BadgeMultiSelect,
-  p as Breadcrumb,
+  e as Breadcrumb,
   c as Button,
   L as ButtonGroup,
-  I as Card,
+  E as Card,
   o as Checkbox,
   go as Content,
   n as Counter,
@@ -90,11 +90,11 @@ export {
   K as Drawer,
   Lr as Dropdown,
   m as DropdownButton,
-  er as Filter,
-  Ir as Footer,
+  pr as Filter,
+  Er as Footer,
   fr as ImageUpload,
   a as Input,
-  Er as Label,
+  Ir as Label,
   sr as LineChart,
   co as List,
   w as Loading,
@@ -108,10 +108,10 @@ export {
   n as NumberInput,
   cr as PhoneNumberInput,
   Dr as PieChart,
-  br as ProgressBar,
+  Vr as ProgressBar,
   y as Radio,
   wr as RadioCard,
-  hr as RadioCardGroup,
+  Sr as RadioCardGroup,
   O as RadioGroup,
   xr as Range,
   Lr as Select,
@@ -121,28 +121,29 @@ export {
   ao as Stepper,
   no as Switch,
   lo as Table,
-  bo as Tabs,
+  Vo as Tabs,
   wo as Tag,
-  ho as TagSelect,
+  So as TagSelect,
   xo as TextArea,
   tr as TextMultiSelect,
-  Qo as ThemeContext,
-  qo as ThemeProvider,
+  Uo as ThemeContext,
+  Ho as ThemeProvider,
   ir as TimeFilterDropdown,
   U as TimePicker,
   Lo as Toast,
-  Io as Tooltip,
+  Eo as Tooltip,
   Do as Trigger,
-  Go as TruncateText,
+  yo as TruncateText,
   x as Typography,
-  zo as VirtualizedTable,
-  Eo as VirtualizedTableEvent,
+  Oo as VirtualizedTable,
+  Io as VirtualizedTableEvent,
   d as cn,
   Yr as horizontalConnectorWrapperVariants,
   l as resolveColor,
-  Fo as sendCollapseRowEvent,
+  No as sendCollapseRowEvent,
   Mo as sendExpandRowEvent,
-  ko as sendToggleRowEvent,
+  ko as sendResetFiltersEvent,
+  Ao as sendToggleRowEvent,
   Zr as stepConnectorVariants,
   _r as stepContentVariants,
   $r as stepDescriptionVariants,
@@ -151,8 +152,8 @@ export {
   to as stepLabelVariants,
   mo as stepListVariants,
   io as stepVariants,
-  po as stepperVariants,
-  E as useMediaQuery,
-  Wo as useTheme,
+  eo as stepperVariants,
+  I as useMediaQuery,
+  jo as useTheme,
   M as useToggle
 };

package/dist/lib/components/VirtualizedTable/VirtualizedTable.d.ts

@@ -9,6 +9,7 @@ type VirtualizedTableCompound = (<TData extends RowData>(props: Props<TData>) =>
         sendExpandRowEvent: (tableId: string, rowId: string) => void;
         sendCollapseRowEvent: (tableId: string, rowId: string) => void;
         sendToggleRowEvent: (tableId: string, rowId: string) => void;
+        sendResetFiltersEvent: (tableId: string) => void;
     };
     displayName?: string;
 };

package/dist/lib/components/VirtualizedTable/VirtualizedTable.types.d.ts

@@ -155,6 +155,8 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     classNameHoverRow?: string;
     queryOptions?: Omit<UseQueryOptions<any, any, any, any>, 'queryKey' | 'queryFn'>;
     isLoading?: boolean;
+    /** Rendered in place of rows when the table has no data (and is not loading). */
+    emptyState?: ReactNode;
     getRowId?: (originalRow: TData, index: number) => string;
     fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
         data: TData[];

package/dist/lib/components/VirtualizedTable/components/Body/Body.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { BodyProps } from './Body.types';
-export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, emptyState, }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Body/Body.types.d.ts

@@ -1,5 +1,7 @@
+import { ReactNode } from 'react';
 import { RowData } from '../../VirtualizedTable.types';
 export type BodyProps<_TData extends RowData = RowData> = {
     isLoading?: boolean;
     showPagination?: boolean;
+    emptyState?: ReactNode;
 };

package/dist/lib/components/VirtualizedTable/components/Filter/Filter.types.d.ts

@@ -3,6 +3,7 @@ export type { Option } from '../../../../../components/Filter/Filter.types';
 /** @deprecated Use `ActionFilterConfig` with `type: 'action'` in the `filters` array instead */
 export type FilterAction = ActionFilterConfig;
 export type Props = {
+    id: string | string[] | number | number[];
     filters?: FilterConfig[];
     /** @deprecated Use `filters` instead */
     multiSelectFilter?: MultiSelectFilter[];

package/dist/lib/components/VirtualizedTable/events/index.d.ts

@@ -1,12 +1,14 @@
 export declare enum VirtualizedTableEvent {
     EXPAND_ROW = "@konstructio/VirtualizedTable/event-EXPAND_ROW",
     COLLAPSE_ROW = "@konstructio/VirtualizedTable/event-COLLAPSE_ROW",
-    TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW"
+    TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW",
+    RESET_FILTERS = "@konstructio/VirtualizedTable/event-RESET_FILTERS"
 }
 export type VirtualizedTableEventDetail = {
     tableId: string;
-    rowId: string;
+    rowId?: string;
 };
 export declare const sendExpandRowEvent: (tableId: string, rowId: string) => void;
 export declare const sendCollapseRowEvent: (tableId: string, rowId: string) => void;
 export declare const sendToggleRowEvent: (tableId: string, rowId: string) => void;
+export declare const sendResetFiltersEvent: (tableId: string) => void;

package/dist/lib/components/index.d.ts

@@ -45,7 +45,7 @@ export * from './Toast/Toast';
 export * from './Tooltip/Tooltip';
 export * from './Typography/Typography';
 export * from './VirtualizedTable/VirtualizedTable';
-export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
+export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, sendResetFiltersEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
 export type { VirtualizedTableEventDetail } from './VirtualizedTable/events';
 export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
 export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.94",
+  "version": "0.1.2-alpha.96",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",