@axzydev/axzy_ui_system 1.3.2 → 1.3.4
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/index.cjs +1008 -834
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +53 -8
- package/dist/index.d.ts +53 -8
- package/dist/index.js +927 -753
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/table/table.doc.mdx +11 -0
- package/src/components/molecules/table/table.props.ts +30 -2
- package/src/components/molecules/table/table.stories.tsx +30 -0
- package/src/components/molecules/table/table.tsx +105 -8
- package/src/components/organisms/data-table/ITDataTable.doc.mdx +11 -2
- package/src/components/organisms/data-table/ITDataTable.stories.tsx +73 -0
- package/src/components/organisms/data-table/dataTable.props.ts +8 -4
- package/src/components/organisms/data-table/dataTable.tsx +74 -1
- package/src/components/theme-provider/themePresets.ts +6 -0
- package/src/components/theme-provider/themeProvider.doc.mdx +1 -0
- package/src/components/theme-provider/themeProvider.props.ts +2 -0
- package/src/components/theme-provider/themeProvider.tsx +13 -2
- package/src/hooks/useTableState.ts +17 -11
- package/src/index.ts +3 -3
- package/src/sandbox/LandingShowcase.tsx +416 -227
- package/src/showcases/DataShowcases.tsx +156 -21
- package/src/theme/theme.types.ts +2 -0
- package/src/types/table.types.ts +17 -0
- package/src/utils/styles.ts +3 -1
package/dist/index.d.cts
CHANGED
|
@@ -19,6 +19,16 @@ interface UseDebouncedSearchResult {
|
|
|
19
19
|
declare function useDebouncedSearch({ initialValue, debounceMs, onSearch, }: UseDebouncedSearchOptions): UseDebouncedSearchResult;
|
|
20
20
|
|
|
21
21
|
type TableVariants = "default" | "striped" | "bordered";
|
|
22
|
+
/**
|
|
23
|
+
* Value stored for a single column filter.
|
|
24
|
+
*
|
|
25
|
+
* - `string | number | boolean` — text/number/boolean filters and catalog ids.
|
|
26
|
+
* - `Date` — a single-date filter (`Column.filter: "date"`).
|
|
27
|
+
* - `[Date | null, Date | null]` — a date-range filter (`Column.filter: "date-range"`).
|
|
28
|
+
*/
|
|
29
|
+
type ColumnFilterValue = string | number | boolean | Date | [Date | null, Date | null];
|
|
30
|
+
/** Map of column `key` to its active filter value. */
|
|
31
|
+
type ColumnFilters = Record<string, ColumnFilterValue>;
|
|
22
32
|
type TableSize = "sm" | "md" | "lg";
|
|
23
33
|
/**
|
|
24
34
|
* Cell padding / row-height preset for tables. Independent of `TableSize`
|
|
@@ -186,13 +196,13 @@ interface UseTableStateOptions {
|
|
|
186
196
|
interface UseTableStateResult {
|
|
187
197
|
currentPage: number;
|
|
188
198
|
itemsPerPage: number;
|
|
189
|
-
filters:
|
|
199
|
+
filters: ColumnFilters;
|
|
190
200
|
sortConfig: SortConfig | null;
|
|
191
201
|
totalPages: number;
|
|
192
202
|
setTotalPages: (pages: number) => void;
|
|
193
203
|
goToPage: (page: number) => void;
|
|
194
204
|
handleItemsPerPageChange: (value: number) => void;
|
|
195
|
-
handleFilterChange: (key: string, value:
|
|
205
|
+
handleFilterChange: (key: string, value: ColumnFilterValue | undefined) => void;
|
|
196
206
|
handleSort: (key: string, sortable?: boolean) => void;
|
|
197
207
|
resetPage: () => void;
|
|
198
208
|
clearFilters: () => void;
|
|
@@ -1123,6 +1133,17 @@ declare function ITConfirmDialog({ isOpen, onClose, onConfirm, title, message, c
|
|
|
1123
1133
|
|
|
1124
1134
|
/** Data type of a table column, controls default rendering, filter UI, and sort comparison. */
|
|
1125
1135
|
type ColumnType = "string" | "date" | "number" | "boolean" | "actions" | "catalog";
|
|
1136
|
+
/**
|
|
1137
|
+
* Per-column filter mode, set through `Column.filter`.
|
|
1138
|
+
*
|
|
1139
|
+
* - `true` — text/number input (or boolean toggle when `type: "boolean"`).
|
|
1140
|
+
* - `"catalog"` — `ITSelect` dropdown populated from `catalogOptions`.
|
|
1141
|
+
* - `"search"` — `ITSearchSelect` typeahead populated from `catalogOptions`
|
|
1142
|
+
* (respects `catalogOptions.onSearch` for server-side search).
|
|
1143
|
+
* - `"date"` — `ITDatePicker` single-date filter.
|
|
1144
|
+
* - `"date-range"` — `ITDatePicker` in range mode.
|
|
1145
|
+
*/
|
|
1146
|
+
type ColumnFilterMode = boolean | "catalog" | "search" | "date" | "date-range";
|
|
1126
1147
|
/** A single selectable entry for a `"catalog"`-type column's filter/value lookup. */
|
|
1127
1148
|
interface CatalogOption {
|
|
1128
1149
|
/** Unique identifier matched against the row's field value. */
|
|
@@ -1142,8 +1163,8 @@ interface Column<T = any> {
|
|
|
1142
1163
|
currencyMX?: boolean;
|
|
1143
1164
|
/** Custom action buttons/content rendered for a `"actions"`-type column. Receives the full row object. */
|
|
1144
1165
|
actions?: (row: T) => React.ReactNode;
|
|
1145
|
-
/** Enables per-column filtering. Pass `true` for a text/number/boolean filter matching `type`, or `"
|
|
1146
|
-
filter?:
|
|
1166
|
+
/** Enables per-column filtering. Pass `true` for a text/number/boolean filter matching `type`, `"catalog"` for an `ITSelect` fed by `catalogOptions`, `"search"` for an `ITSearchSelect` typeahead, or `"date"` / `"date-range"` for an `ITDatePicker`. @default false */
|
|
1167
|
+
filter?: ColumnFilterMode;
|
|
1147
1168
|
/** Column data type. Drives default cell rendering, filter UI, and sort comparison. */
|
|
1148
1169
|
type: ColumnType;
|
|
1149
1170
|
/** Whether clicking the header sorts by this column. Ignored for `type: "actions"`. @default false */
|
|
@@ -1164,6 +1185,22 @@ interface Column<T = any> {
|
|
|
1164
1185
|
loading?: boolean;
|
|
1165
1186
|
/** Shows an error state in the filter UI when the catalog failed to load. @default false */
|
|
1166
1187
|
error?: boolean;
|
|
1188
|
+
/**
|
|
1189
|
+
* Server-side search handler for a `filter: "search"` column. When provided,
|
|
1190
|
+
* `ITSearchSelect` delegates filtering to this callback (debounced) instead
|
|
1191
|
+
* of filtering `data` locally; the parent is expected to update `data`.
|
|
1192
|
+
*/
|
|
1193
|
+
onSearch?: (query: string) => void;
|
|
1194
|
+
};
|
|
1195
|
+
/**
|
|
1196
|
+
* Date bounds applied by the `"date"` and `"date-range"` filters, forwarded to
|
|
1197
|
+
* the underlying `ITDatePicker`. Ignored by every other filter mode.
|
|
1198
|
+
*/
|
|
1199
|
+
dateFilterOptions?: {
|
|
1200
|
+
/** Earliest selectable date. */
|
|
1201
|
+
minDate?: Date;
|
|
1202
|
+
/** Latest selectable date. */
|
|
1203
|
+
maxDate?: Date;
|
|
1167
1204
|
};
|
|
1168
1205
|
/**
|
|
1169
1206
|
* Fixed column width. A `number` is treated as pixels (`width: 120` → `120px`);
|
|
@@ -1277,8 +1314,12 @@ interface ITDataTableFetchParams {
|
|
|
1277
1314
|
page: number;
|
|
1278
1315
|
/** Number of rows requested per page. */
|
|
1279
1316
|
limit: number;
|
|
1280
|
-
/**
|
|
1281
|
-
|
|
1317
|
+
/**
|
|
1318
|
+
* Active per-column filter values (from `Column.filter`), keyed by column
|
|
1319
|
+
* `key`. Scalars for text/number/boolean/date filters, a `Date` for
|
|
1320
|
+
* `filter: "date"`, and a `[start, end]` tuple for `filter: "date-range"`.
|
|
1321
|
+
*/
|
|
1322
|
+
filters: ColumnFilters;
|
|
1282
1323
|
/** Active sort, present only when the user has clicked a sortable column header. */
|
|
1283
1324
|
sort?: {
|
|
1284
1325
|
/** Column `key` currently sorted by. */
|
|
@@ -1314,7 +1355,7 @@ interface ITDataTableProps<T extends Record<string, unknown>> {
|
|
|
1314
1355
|
* Filters managed outside of the ITDataTable (e.g. a date range picker).
|
|
1315
1356
|
* These will be merged with the internal column filters before calling fetchData.
|
|
1316
1357
|
*/
|
|
1317
|
-
externalFilters?:
|
|
1358
|
+
externalFilters?: ColumnFilters;
|
|
1318
1359
|
/**
|
|
1319
1360
|
* Custom element to display instead of the default spinner while `isLoading` is true.
|
|
1320
1361
|
*/
|
|
@@ -3708,6 +3749,8 @@ interface ITThemePalette$1 {
|
|
|
3708
3749
|
rowBg: string;
|
|
3709
3750
|
/** Text color of table body rows. @default "#1e293b" */
|
|
3710
3751
|
rowText: string;
|
|
3752
|
+
/** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
|
|
3753
|
+
rowHover: string;
|
|
3711
3754
|
};
|
|
3712
3755
|
}
|
|
3713
3756
|
interface ITThemeProviderProps {
|
|
@@ -3776,6 +3819,8 @@ interface ITThemePalette {
|
|
|
3776
3819
|
rowBg: string;
|
|
3777
3820
|
/** Text color of table body rows. @default "#1e293b" */
|
|
3778
3821
|
rowText: string;
|
|
3822
|
+
/** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
|
|
3823
|
+
rowHover: string;
|
|
3779
3824
|
};
|
|
3780
3825
|
}
|
|
3781
3826
|
type SemanticThemeColors = {
|
|
@@ -3972,4 +4017,4 @@ declare const resolveCssColor: (colorStr: string, palette?: ITThemePalette$1, is
|
|
|
3972
4017
|
*/
|
|
3973
4018
|
declare const getContrastTextColor: (bgColor: string, palette?: ITThemePalette$1, isDarkMode?: boolean) => "text-white" | "text-slate-800";
|
|
3974
4019
|
|
|
3975
|
-
export { type Column, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITAccordion, type ITAccordionItem, type ITAccordionProps, ITAlert, type ITAlertProps, ITAvatar, type ITAvatarProps, ITBadget, type ITBadgetProps, type ITBreadcrumbItem, ITBreadcrumbs, type ITBreadcrumbsProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITCheckbox, type ITCheckboxProps, ITChip, ITChipInput, type ITChipInputProps, type ITChipProps, ITConfirmDialog, type ITConfirmDialogProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDivider, type ITDividerProps, ITDrawer, type ITDrawerProps, ITDropdownMenu, type ITDropdownMenuItem, type ITDropdownMenuProps, ITDropfile, ITEmptyState, type ITEmptyStateProps, ITField, type ITFieldProps, ITFlex, type ITFlexProps, ITFormBuilder, type ITFormBuilderProps, ITFormHeader, type ITFormHeaderProps, ITGrid, type ITGridProps, ITImage, type ITImageProps, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, type LoaderProps as ITLoaderProps, ITMaskedInput, type ITMaskedInputProps, ITMultiSelect, type ITMultiSelectOption, type ITMultiSelectProps, ITNavbar, type ITNavbarProps, type ITNavigationItem, type ITNavigationSubItem, ITPage, ITPageHeader, type ITPageHeaderProps, type ITPageProps, ITPagination, type ITPaginationProps, ITPopover, type ITPopoverProps, ITProgress, type ITProgressProps, ITRadioGroup, type ITRadioGroupProps, type ITRadioOption, ITSearchSelect, type ITSearchSelectProps, ITSearchTable, type ITSearchTableProps, ITSegmentedControl, type ITSegmentedControlProps, ITSelect, type ITSelectProps, ITSidebar, type ITSidebarProps, ITSkeleton, type ITSkeletonProps, ITSlideToggle, type ITSlideToggleProps, ITSlider, type ITSliderProps, ITStack, type ITStackProps, ITStatCard, type ITStatCardProps, ITStepper, type ITStepperProps, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITTextProps, ITTextarea, type ITTextareaProps, type ITThemeConfig, type ITThemePalette$1 as ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, ITWysiwyg, type ITWysiwygProps, type TableDensity, UploadStatus, type UseTableStateOptions, type UseTableStateResult, createValidationSchema, getContrastTextColor, isLightColor, resolveCssColor, useClickOutside, useDebouncedSearch, useEditableRow, useFloatingPanel, useITTheme, useITThemeSafe, useTableState };
|
|
4020
|
+
export { type Column, type ColumnFilterMode, type ColumnFilterValue, type ColumnFilters, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITAccordion, type ITAccordionItem, type ITAccordionProps, ITAlert, type ITAlertProps, ITAvatar, type ITAvatarProps, ITBadget, type ITBadgetProps, type ITBreadcrumbItem, ITBreadcrumbs, type ITBreadcrumbsProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITCheckbox, type ITCheckboxProps, ITChip, ITChipInput, type ITChipInputProps, type ITChipProps, ITConfirmDialog, type ITConfirmDialogProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDivider, type ITDividerProps, ITDrawer, type ITDrawerProps, ITDropdownMenu, type ITDropdownMenuItem, type ITDropdownMenuProps, ITDropfile, ITEmptyState, type ITEmptyStateProps, ITField, type ITFieldProps, ITFlex, type ITFlexProps, ITFormBuilder, type ITFormBuilderProps, ITFormHeader, type ITFormHeaderProps, ITGrid, type ITGridProps, ITImage, type ITImageProps, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, type LoaderProps as ITLoaderProps, ITMaskedInput, type ITMaskedInputProps, ITMultiSelect, type ITMultiSelectOption, type ITMultiSelectProps, ITNavbar, type ITNavbarProps, type ITNavigationItem, type ITNavigationSubItem, ITPage, ITPageHeader, type ITPageHeaderProps, type ITPageProps, ITPagination, type ITPaginationProps, ITPopover, type ITPopoverProps, ITProgress, type ITProgressProps, ITRadioGroup, type ITRadioGroupProps, type ITRadioOption, ITSearchSelect, type ITSearchSelectProps, ITSearchTable, type ITSearchTableProps, ITSegmentedControl, type ITSegmentedControlProps, ITSelect, type ITSelectProps, ITSidebar, type ITSidebarProps, ITSkeleton, type ITSkeletonProps, ITSlideToggle, type ITSlideToggleProps, ITSlider, type ITSliderProps, ITStack, type ITStackProps, ITStatCard, type ITStatCardProps, ITStepper, type ITStepperProps, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITTextProps, ITTextarea, type ITTextareaProps, type ITThemeConfig, type ITThemePalette$1 as ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, ITWysiwyg, type ITWysiwygProps, type TableDensity, UploadStatus, type UseTableStateOptions, type UseTableStateResult, createValidationSchema, getContrastTextColor, isLightColor, resolveCssColor, useClickOutside, useDebouncedSearch, useEditableRow, useFloatingPanel, useITTheme, useITThemeSafe, useTableState };
|
package/dist/index.d.ts
CHANGED
|
@@ -19,6 +19,16 @@ interface UseDebouncedSearchResult {
|
|
|
19
19
|
declare function useDebouncedSearch({ initialValue, debounceMs, onSearch, }: UseDebouncedSearchOptions): UseDebouncedSearchResult;
|
|
20
20
|
|
|
21
21
|
type TableVariants = "default" | "striped" | "bordered";
|
|
22
|
+
/**
|
|
23
|
+
* Value stored for a single column filter.
|
|
24
|
+
*
|
|
25
|
+
* - `string | number | boolean` — text/number/boolean filters and catalog ids.
|
|
26
|
+
* - `Date` — a single-date filter (`Column.filter: "date"`).
|
|
27
|
+
* - `[Date | null, Date | null]` — a date-range filter (`Column.filter: "date-range"`).
|
|
28
|
+
*/
|
|
29
|
+
type ColumnFilterValue = string | number | boolean | Date | [Date | null, Date | null];
|
|
30
|
+
/** Map of column `key` to its active filter value. */
|
|
31
|
+
type ColumnFilters = Record<string, ColumnFilterValue>;
|
|
22
32
|
type TableSize = "sm" | "md" | "lg";
|
|
23
33
|
/**
|
|
24
34
|
* Cell padding / row-height preset for tables. Independent of `TableSize`
|
|
@@ -186,13 +196,13 @@ interface UseTableStateOptions {
|
|
|
186
196
|
interface UseTableStateResult {
|
|
187
197
|
currentPage: number;
|
|
188
198
|
itemsPerPage: number;
|
|
189
|
-
filters:
|
|
199
|
+
filters: ColumnFilters;
|
|
190
200
|
sortConfig: SortConfig | null;
|
|
191
201
|
totalPages: number;
|
|
192
202
|
setTotalPages: (pages: number) => void;
|
|
193
203
|
goToPage: (page: number) => void;
|
|
194
204
|
handleItemsPerPageChange: (value: number) => void;
|
|
195
|
-
handleFilterChange: (key: string, value:
|
|
205
|
+
handleFilterChange: (key: string, value: ColumnFilterValue | undefined) => void;
|
|
196
206
|
handleSort: (key: string, sortable?: boolean) => void;
|
|
197
207
|
resetPage: () => void;
|
|
198
208
|
clearFilters: () => void;
|
|
@@ -1123,6 +1133,17 @@ declare function ITConfirmDialog({ isOpen, onClose, onConfirm, title, message, c
|
|
|
1123
1133
|
|
|
1124
1134
|
/** Data type of a table column, controls default rendering, filter UI, and sort comparison. */
|
|
1125
1135
|
type ColumnType = "string" | "date" | "number" | "boolean" | "actions" | "catalog";
|
|
1136
|
+
/**
|
|
1137
|
+
* Per-column filter mode, set through `Column.filter`.
|
|
1138
|
+
*
|
|
1139
|
+
* - `true` — text/number input (or boolean toggle when `type: "boolean"`).
|
|
1140
|
+
* - `"catalog"` — `ITSelect` dropdown populated from `catalogOptions`.
|
|
1141
|
+
* - `"search"` — `ITSearchSelect` typeahead populated from `catalogOptions`
|
|
1142
|
+
* (respects `catalogOptions.onSearch` for server-side search).
|
|
1143
|
+
* - `"date"` — `ITDatePicker` single-date filter.
|
|
1144
|
+
* - `"date-range"` — `ITDatePicker` in range mode.
|
|
1145
|
+
*/
|
|
1146
|
+
type ColumnFilterMode = boolean | "catalog" | "search" | "date" | "date-range";
|
|
1126
1147
|
/** A single selectable entry for a `"catalog"`-type column's filter/value lookup. */
|
|
1127
1148
|
interface CatalogOption {
|
|
1128
1149
|
/** Unique identifier matched against the row's field value. */
|
|
@@ -1142,8 +1163,8 @@ interface Column<T = any> {
|
|
|
1142
1163
|
currencyMX?: boolean;
|
|
1143
1164
|
/** Custom action buttons/content rendered for a `"actions"`-type column. Receives the full row object. */
|
|
1144
1165
|
actions?: (row: T) => React.ReactNode;
|
|
1145
|
-
/** Enables per-column filtering. Pass `true` for a text/number/boolean filter matching `type`, or `"
|
|
1146
|
-
filter?:
|
|
1166
|
+
/** Enables per-column filtering. Pass `true` for a text/number/boolean filter matching `type`, `"catalog"` for an `ITSelect` fed by `catalogOptions`, `"search"` for an `ITSearchSelect` typeahead, or `"date"` / `"date-range"` for an `ITDatePicker`. @default false */
|
|
1167
|
+
filter?: ColumnFilterMode;
|
|
1147
1168
|
/** Column data type. Drives default cell rendering, filter UI, and sort comparison. */
|
|
1148
1169
|
type: ColumnType;
|
|
1149
1170
|
/** Whether clicking the header sorts by this column. Ignored for `type: "actions"`. @default false */
|
|
@@ -1164,6 +1185,22 @@ interface Column<T = any> {
|
|
|
1164
1185
|
loading?: boolean;
|
|
1165
1186
|
/** Shows an error state in the filter UI when the catalog failed to load. @default false */
|
|
1166
1187
|
error?: boolean;
|
|
1188
|
+
/**
|
|
1189
|
+
* Server-side search handler for a `filter: "search"` column. When provided,
|
|
1190
|
+
* `ITSearchSelect` delegates filtering to this callback (debounced) instead
|
|
1191
|
+
* of filtering `data` locally; the parent is expected to update `data`.
|
|
1192
|
+
*/
|
|
1193
|
+
onSearch?: (query: string) => void;
|
|
1194
|
+
};
|
|
1195
|
+
/**
|
|
1196
|
+
* Date bounds applied by the `"date"` and `"date-range"` filters, forwarded to
|
|
1197
|
+
* the underlying `ITDatePicker`. Ignored by every other filter mode.
|
|
1198
|
+
*/
|
|
1199
|
+
dateFilterOptions?: {
|
|
1200
|
+
/** Earliest selectable date. */
|
|
1201
|
+
minDate?: Date;
|
|
1202
|
+
/** Latest selectable date. */
|
|
1203
|
+
maxDate?: Date;
|
|
1167
1204
|
};
|
|
1168
1205
|
/**
|
|
1169
1206
|
* Fixed column width. A `number` is treated as pixels (`width: 120` → `120px`);
|
|
@@ -1277,8 +1314,12 @@ interface ITDataTableFetchParams {
|
|
|
1277
1314
|
page: number;
|
|
1278
1315
|
/** Number of rows requested per page. */
|
|
1279
1316
|
limit: number;
|
|
1280
|
-
/**
|
|
1281
|
-
|
|
1317
|
+
/**
|
|
1318
|
+
* Active per-column filter values (from `Column.filter`), keyed by column
|
|
1319
|
+
* `key`. Scalars for text/number/boolean/date filters, a `Date` for
|
|
1320
|
+
* `filter: "date"`, and a `[start, end]` tuple for `filter: "date-range"`.
|
|
1321
|
+
*/
|
|
1322
|
+
filters: ColumnFilters;
|
|
1282
1323
|
/** Active sort, present only when the user has clicked a sortable column header. */
|
|
1283
1324
|
sort?: {
|
|
1284
1325
|
/** Column `key` currently sorted by. */
|
|
@@ -1314,7 +1355,7 @@ interface ITDataTableProps<T extends Record<string, unknown>> {
|
|
|
1314
1355
|
* Filters managed outside of the ITDataTable (e.g. a date range picker).
|
|
1315
1356
|
* These will be merged with the internal column filters before calling fetchData.
|
|
1316
1357
|
*/
|
|
1317
|
-
externalFilters?:
|
|
1358
|
+
externalFilters?: ColumnFilters;
|
|
1318
1359
|
/**
|
|
1319
1360
|
* Custom element to display instead of the default spinner while `isLoading` is true.
|
|
1320
1361
|
*/
|
|
@@ -3708,6 +3749,8 @@ interface ITThemePalette$1 {
|
|
|
3708
3749
|
rowBg: string;
|
|
3709
3750
|
/** Text color of table body rows. @default "#1e293b" */
|
|
3710
3751
|
rowText: string;
|
|
3752
|
+
/** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
|
|
3753
|
+
rowHover: string;
|
|
3711
3754
|
};
|
|
3712
3755
|
}
|
|
3713
3756
|
interface ITThemeProviderProps {
|
|
@@ -3776,6 +3819,8 @@ interface ITThemePalette {
|
|
|
3776
3819
|
rowBg: string;
|
|
3777
3820
|
/** Text color of table body rows. @default "#1e293b" */
|
|
3778
3821
|
rowText: string;
|
|
3822
|
+
/** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
|
|
3823
|
+
rowHover: string;
|
|
3779
3824
|
};
|
|
3780
3825
|
}
|
|
3781
3826
|
type SemanticThemeColors = {
|
|
@@ -3972,4 +4017,4 @@ declare const resolveCssColor: (colorStr: string, palette?: ITThemePalette$1, is
|
|
|
3972
4017
|
*/
|
|
3973
4018
|
declare const getContrastTextColor: (bgColor: string, palette?: ITThemePalette$1, isDarkMode?: boolean) => "text-white" | "text-slate-800";
|
|
3974
4019
|
|
|
3975
|
-
export { type Column, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITAccordion, type ITAccordionItem, type ITAccordionProps, ITAlert, type ITAlertProps, ITAvatar, type ITAvatarProps, ITBadget, type ITBadgetProps, type ITBreadcrumbItem, ITBreadcrumbs, type ITBreadcrumbsProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITCheckbox, type ITCheckboxProps, ITChip, ITChipInput, type ITChipInputProps, type ITChipProps, ITConfirmDialog, type ITConfirmDialogProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDivider, type ITDividerProps, ITDrawer, type ITDrawerProps, ITDropdownMenu, type ITDropdownMenuItem, type ITDropdownMenuProps, ITDropfile, ITEmptyState, type ITEmptyStateProps, ITField, type ITFieldProps, ITFlex, type ITFlexProps, ITFormBuilder, type ITFormBuilderProps, ITFormHeader, type ITFormHeaderProps, ITGrid, type ITGridProps, ITImage, type ITImageProps, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, type LoaderProps as ITLoaderProps, ITMaskedInput, type ITMaskedInputProps, ITMultiSelect, type ITMultiSelectOption, type ITMultiSelectProps, ITNavbar, type ITNavbarProps, type ITNavigationItem, type ITNavigationSubItem, ITPage, ITPageHeader, type ITPageHeaderProps, type ITPageProps, ITPagination, type ITPaginationProps, ITPopover, type ITPopoverProps, ITProgress, type ITProgressProps, ITRadioGroup, type ITRadioGroupProps, type ITRadioOption, ITSearchSelect, type ITSearchSelectProps, ITSearchTable, type ITSearchTableProps, ITSegmentedControl, type ITSegmentedControlProps, ITSelect, type ITSelectProps, ITSidebar, type ITSidebarProps, ITSkeleton, type ITSkeletonProps, ITSlideToggle, type ITSlideToggleProps, ITSlider, type ITSliderProps, ITStack, type ITStackProps, ITStatCard, type ITStatCardProps, ITStepper, type ITStepperProps, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITTextProps, ITTextarea, type ITTextareaProps, type ITThemeConfig, type ITThemePalette$1 as ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, ITWysiwyg, type ITWysiwygProps, type TableDensity, UploadStatus, type UseTableStateOptions, type UseTableStateResult, createValidationSchema, getContrastTextColor, isLightColor, resolveCssColor, useClickOutside, useDebouncedSearch, useEditableRow, useFloatingPanel, useITTheme, useITThemeSafe, useTableState };
|
|
4020
|
+
export { type Column, type ColumnFilterMode, type ColumnFilterValue, type ColumnFilters, type FieldConfig, type FieldConfigV2, FileTypeEnum, ITAccordion, type ITAccordionItem, type ITAccordionProps, ITAlert, type ITAlertProps, ITAvatar, type ITAvatarProps, ITBadget, type ITBadgetProps, type ITBreadcrumbItem, ITBreadcrumbs, type ITBreadcrumbsProps, ITButton, type ITButtonProps, ITCalendar, type ITCalendarProps, ITCard, type ITCardProps, ITCheckbox, type ITCheckboxProps, ITChip, ITChipInput, type ITChipInputProps, type ITChipProps, ITConfirmDialog, type ITConfirmDialogProps, ITDataTable, type ITDataTableFetchParams, type ITDataTableProps, type ITDataTableResponse, ITDatePicker, type ITDatePickerProps, ITDialog, type ITDialogProps, ITDivider, type ITDividerProps, ITDrawer, type ITDrawerProps, ITDropdownMenu, type ITDropdownMenuItem, type ITDropdownMenuProps, ITDropfile, ITEmptyState, type ITEmptyStateProps, ITField, type ITFieldProps, ITFlex, type ITFlexProps, ITFormBuilder, type ITFormBuilderProps, ITFormHeader, type ITFormHeaderProps, ITGrid, type ITGridProps, ITImage, type ITImageProps, ITInput, type ITInputProps, ITLayout, type ITLayoutProps, ITLoader, type LoaderProps as ITLoaderProps, ITMaskedInput, type ITMaskedInputProps, ITMultiSelect, type ITMultiSelectOption, type ITMultiSelectProps, ITNavbar, type ITNavbarProps, type ITNavigationItem, type ITNavigationSubItem, ITPage, ITPageHeader, type ITPageHeaderProps, type ITPageProps, ITPagination, type ITPaginationProps, ITPopover, type ITPopoverProps, ITProgress, type ITProgressProps, ITRadioGroup, type ITRadioGroupProps, type ITRadioOption, ITSearchSelect, type ITSearchSelectProps, ITSearchTable, type ITSearchTableProps, ITSegmentedControl, type ITSegmentedControlProps, ITSelect, type ITSelectProps, ITSidebar, type ITSidebarProps, ITSkeleton, type ITSkeletonProps, ITSlideToggle, type ITSlideToggleProps, ITSlider, type ITSliderProps, ITStack, type ITStackProps, ITStatCard, type ITStatCardProps, ITStepper, type ITStepperProps, type ITTabItem, ITTable, type ITTableProps, ITTabs, type ITTabsProps, ITText, type ITTextProps, ITTextarea, type ITTextareaProps, type ITThemeConfig, type ITThemePalette$1 as ITThemePalette, ITThemeProvider, type ITThemeProviderProps, ITTimePicker, type ITTimePickerProps, ITToast, type ITToastProps, ITTripleFilter, type ITTripleFilterOption, type ITTripleFilterProps, ITWysiwyg, type ITWysiwygProps, type TableDensity, UploadStatus, type UseTableStateOptions, type UseTableStateResult, createValidationSchema, getContrastTextColor, isLightColor, resolveCssColor, useClickOutside, useDebouncedSearch, useEditableRow, useFloatingPanel, useITTheme, useITThemeSafe, useTableState };
|