@bsol-oss/react-datatable5 12.0.0-beta.94 → 13.0.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/index.d.ts +170 -43
- package/dist/index.js +1166 -637
- package/dist/index.mjs +1168 -640
- package/dist/types/components/DataTable/DataTable.d.ts +1 -3
- package/dist/types/components/DataTable/DataTableServer.d.ts +7 -9
- package/dist/types/components/DataTable/DefaultTable.d.ts +2 -1
- package/dist/types/components/DataTable/context/DataTableContext.d.ts +4 -6
- package/dist/types/components/DataTable/controls/MobileTableControls.d.ts +29 -0
- package/dist/types/components/DataTable/controls/TableControls.d.ts +2 -2
- package/dist/types/components/DataTable/display/CalendarDisplay.d.ts +84 -0
- package/dist/types/components/DataTable/display/DataDisplay.d.ts +0 -2
- package/dist/types/components/DataTable/display/MobileTableDisplay.d.ts +5 -0
- package/dist/types/components/DataTable/display/RecordDisplay.d.ts +1 -3
- package/dist/types/components/DataTable/display/TextCell.d.ts +2 -1
- package/dist/types/components/DataTable/hooks/useIsMobile.d.ts +6 -0
- package/dist/types/components/DataTable/useDataTable.d.ts +3 -6
- package/dist/types/components/DataTable/useDataTableServer.d.ts +4 -4
- package/dist/types/components/DataTable/utils/getColumns.d.ts +3 -5
- package/dist/types/components/DatePicker/DatePicker.d.ts +7 -8
- package/dist/types/components/DatePicker/DateTimePicker.d.ts +3 -1
- package/dist/types/components/DatePicker/IsoTimePicker.d.ts +5 -1
- package/dist/types/components/DatePicker/RangeDatePicker.d.ts +4 -4
- package/dist/types/components/DatePicker/useCalendar.d.ts +48 -0
- package/dist/types/components/Form/SchemaFormContext.d.ts +5 -3
- package/dist/types/components/Form/components/core/FormBody.d.ts +1 -2
- package/dist/types/components/Form/components/core/FormRoot.d.ts +6 -4
- package/dist/types/components/Form/components/fields/FilePicker.d.ts +1 -2
- package/dist/types/components/Form/components/fields/IdPicker.d.ts +8 -0
- package/dist/types/components/Form/components/fields/IdPickerMultiple.d.ts +7 -0
- package/dist/types/components/Form/components/fields/IdPickerSingle.d.ts +7 -0
- package/dist/types/components/Form/components/fields/useIdPickerData.d.ts +46 -0
- package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts +9 -0
- package/dist/types/components/Form/useForm.d.ts +7 -2
- package/dist/types/components/Form/utils/useFormI18n.d.ts +14 -12
- package/dist/types/components/TimePicker/TimePicker.d.ts +4 -6
- package/dist/types/components/ui/provider.d.ts +1 -1
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -3
package/README.md
CHANGED
|
@@ -306,6 +306,7 @@ Additional documentation is available in the `docs/` directory:
|
|
|
306
306
|
- **[DataTable Server Usage](./docs/DATATABLE_SERVER_USAGE.md)** - Server-side DataTable integration guide
|
|
307
307
|
- **[DefaultForm Usage](./docs/DEFAULTFORM_USAGE.md)** - Comprehensive form component guide
|
|
308
308
|
- **[Validation & i18n](./docs/VALIDATION_I18N.md)** - Validation and internationalization setup
|
|
309
|
+
- **[i18n Migration Guide](./docs/I18N_MIGRATION_GUIDE.md)** - Migrate from react-i18next to label objects
|
|
309
310
|
- **[Deployment Guide](./docs/deployment.md)** - Deployment instructions
|
|
310
311
|
|
|
311
312
|
### IdPicker Customization
|
package/dist/index.d.ts
CHANGED
|
@@ -5,16 +5,13 @@ import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
|
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import { TableHeaderProps as TableHeaderProps$1, TableRowProps, GridProps, TableRootProps, BoxProps, FlexProps, CardBodyProps, TextProps, ImageProps } from '@chakra-ui/react';
|
|
7
7
|
import { IconType } from 'react-icons';
|
|
8
|
-
import * as react_i18next from 'react-i18next';
|
|
9
|
-
import { UseTranslationResponse } from 'react-i18next';
|
|
10
8
|
import { UseQueryResult } from '@tanstack/react-query';
|
|
11
9
|
import { RankingInfo } from '@tanstack/match-sorter-utils';
|
|
12
10
|
import { JSONSchema7 } from 'json-schema';
|
|
13
11
|
import { ForeignKeyProps as ForeignKeyProps$1 } from '@/components/Form/components/fields/StringInputField';
|
|
14
12
|
import { AxiosRequestConfig } from 'axios';
|
|
15
13
|
import * as react_hook_form from 'react-hook-form';
|
|
16
|
-
import {
|
|
17
|
-
import { RenderProps, Props } from '@bsol-oss/dayzed-react19';
|
|
14
|
+
import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
|
|
18
15
|
|
|
19
16
|
interface TableHeaderTexts {
|
|
20
17
|
pinColumn?: string;
|
|
@@ -228,6 +225,7 @@ interface TextCellProps {
|
|
|
228
225
|
onClick?: () => void;
|
|
229
226
|
isCopyable?: boolean;
|
|
230
227
|
isBadge?: boolean;
|
|
228
|
+
alignEnd?: boolean;
|
|
231
229
|
badgeColor?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
|
|
232
230
|
colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
|
|
233
231
|
label?: string;
|
|
@@ -236,7 +234,7 @@ interface TextCellProps {
|
|
|
236
234
|
containerProps?: FlexProps;
|
|
237
235
|
textProps?: TextProps;
|
|
238
236
|
}
|
|
239
|
-
declare const TextCell: ({ text, href, onClick, isCopyable, isBadge, badgeColor, colorPalette, label, containerProps, textProps, children, }: TextCellProps) => react_jsx_runtime.JSX.Element;
|
|
237
|
+
declare const TextCell: ({ text, href, onClick, isCopyable, isBadge, badgeColor, colorPalette, alignEnd, label, containerProps, textProps, children, }: TextCellProps) => react_jsx_runtime.JSX.Element;
|
|
240
238
|
|
|
241
239
|
interface CardHeaderProps<TData> {
|
|
242
240
|
row: Row<TData>;
|
|
@@ -294,7 +292,6 @@ interface DataTableDefaultState {
|
|
|
294
292
|
}
|
|
295
293
|
interface UseDataTableProps {
|
|
296
294
|
default?: DataTableDefaultState;
|
|
297
|
-
keyPrefix?: string;
|
|
298
295
|
}
|
|
299
296
|
interface UseDataTableReturn {
|
|
300
297
|
sorting: SortingState;
|
|
@@ -313,11 +310,10 @@ interface UseDataTableReturn {
|
|
|
313
310
|
setColumnOrder: OnChangeFn<ColumnOrderState>;
|
|
314
311
|
setDensity: OnChangeFn<DensityState>;
|
|
315
312
|
setColumnVisibility: OnChangeFn<VisibilityState>;
|
|
316
|
-
translate: UseTranslationResponse<any, any>;
|
|
317
313
|
}
|
|
318
|
-
declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, },
|
|
314
|
+
declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;
|
|
319
315
|
|
|
320
|
-
interface UseDataTableServerProps<TData> extends UseDataTableProps {
|
|
316
|
+
interface UseDataTableServerProps<TData> extends Omit<UseDataTableProps, 'keyPrefix'> {
|
|
321
317
|
/**
|
|
322
318
|
* Delay to send the request if the `refreshData` called multiple times
|
|
323
319
|
*
|
|
@@ -442,7 +438,6 @@ interface DataTableProps<TData = unknown> {
|
|
|
442
438
|
setColumnOrder: OnChangeFn<ColumnOrderState>;
|
|
443
439
|
setDensity: OnChangeFn<DensityState>;
|
|
444
440
|
setColumnVisibility: OnChangeFn<VisibilityState>;
|
|
445
|
-
translate: UseTranslationResponse<any, any>;
|
|
446
441
|
tableLabel?: DataTableLabel;
|
|
447
442
|
}
|
|
448
443
|
/**
|
|
@@ -455,7 +450,7 @@ interface DataTableProps<TData = unknown> {
|
|
|
455
450
|
*
|
|
456
451
|
* @link https://tanstack.com/table/latest/docs/guide/column-defs
|
|
457
452
|
*/
|
|
458
|
-
declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility,
|
|
453
|
+
declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, children, tableLabel, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
|
|
459
454
|
|
|
460
455
|
interface DataTableLabel {
|
|
461
456
|
view: string;
|
|
@@ -474,12 +469,11 @@ interface DataTableLabel {
|
|
|
474
469
|
trueLabel: string;
|
|
475
470
|
falseLabel: string;
|
|
476
471
|
}
|
|
477
|
-
interface DataTableContextProps<TData = unknown> extends DataTableProps {
|
|
472
|
+
interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 'translate'> {
|
|
478
473
|
table: Table$1<TData>;
|
|
479
474
|
globalFilter: string;
|
|
480
475
|
setGlobalFilter: OnChangeFn<string>;
|
|
481
|
-
type:
|
|
482
|
-
translate: UseTranslationResponse<any, unknown>;
|
|
476
|
+
type: 'client' | 'server';
|
|
483
477
|
tableLabel: DataTableLabel;
|
|
484
478
|
}
|
|
485
479
|
|
|
@@ -494,10 +488,27 @@ interface GetColumnsConfigs<K extends RowData> {
|
|
|
494
488
|
[key in K as string]?: object;
|
|
495
489
|
};
|
|
496
490
|
defaultWidth?: number;
|
|
497
|
-
translate?: UseTranslationResponse<any, any>;
|
|
498
491
|
}
|
|
499
492
|
declare const widthSanityCheck: <K extends unknown>(widthList: number[], ignoreList: K[], properties: { [key in K as string]?: object | undefined; }) => void;
|
|
500
|
-
declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth,
|
|
493
|
+
declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
|
|
494
|
+
|
|
495
|
+
interface Translate {
|
|
496
|
+
t: (key: string, options?: any) => string;
|
|
497
|
+
i18n?: any;
|
|
498
|
+
ready?: boolean;
|
|
499
|
+
}
|
|
500
|
+
interface UseFormProps {
|
|
501
|
+
preLoadedValues?: FieldValues | undefined;
|
|
502
|
+
keyPrefix?: string;
|
|
503
|
+
namespace?: string;
|
|
504
|
+
schema?: JSONSchema7;
|
|
505
|
+
}
|
|
506
|
+
declare const useForm: ({ preLoadedValues, keyPrefix: _keyPrefix, namespace: _namespace, schema, }: UseFormProps) => {
|
|
507
|
+
form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
|
|
508
|
+
idMap: Record<string, object>;
|
|
509
|
+
setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
|
|
510
|
+
translate: Translate;
|
|
511
|
+
};
|
|
501
512
|
|
|
502
513
|
interface CustomQueryFnResponse {
|
|
503
514
|
/**
|
|
@@ -796,6 +807,15 @@ interface FormButtonLabels {
|
|
|
796
807
|
cancel?: string;
|
|
797
808
|
confirm?: string;
|
|
798
809
|
submitAgain?: string;
|
|
810
|
+
submitSuccess?: string;
|
|
811
|
+
add?: string;
|
|
812
|
+
save?: string;
|
|
813
|
+
addNew?: string;
|
|
814
|
+
fieldRequired?: string;
|
|
815
|
+
}
|
|
816
|
+
interface TimePickerLabels {
|
|
817
|
+
placeholder?: string;
|
|
818
|
+
emptyMessage?: string;
|
|
799
819
|
}
|
|
800
820
|
interface CustomJSONSchema7 extends JSONSchema7 {
|
|
801
821
|
gridColumn?: string;
|
|
@@ -854,7 +874,8 @@ interface FormRootProps<TData extends FieldValues> {
|
|
|
854
874
|
idMap: Record<string, object>;
|
|
855
875
|
setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
|
|
856
876
|
form: UseFormReturn;
|
|
857
|
-
|
|
877
|
+
/** Translate object for fallback text (components prefer label objects) */
|
|
878
|
+
translate: Translate;
|
|
858
879
|
children: ReactNode;
|
|
859
880
|
order?: string[];
|
|
860
881
|
ignore?: string[];
|
|
@@ -876,6 +897,7 @@ interface FormRootProps<TData extends FieldValues> {
|
|
|
876
897
|
enumPickerLabels?: EnumPickerLabels;
|
|
877
898
|
filePickerLabels?: FilePickerLabels;
|
|
878
899
|
formButtonLabels?: FormButtonLabels;
|
|
900
|
+
timePickerLabels?: TimePickerLabels;
|
|
879
901
|
insideDialog?: boolean;
|
|
880
902
|
}
|
|
881
903
|
interface CustomJSONSchema7Definition extends JSONSchema7 {
|
|
@@ -891,7 +913,7 @@ declare const idPickerSanityCheck: (column: string, foreign_key?: {
|
|
|
891
913
|
table?: string | undefined;
|
|
892
914
|
column?: string | undefined;
|
|
893
915
|
} | undefined) => void;
|
|
894
|
-
declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
|
|
916
|
+
declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
|
|
895
917
|
|
|
896
918
|
interface DefaultFormProps<TData extends FieldValues> {
|
|
897
919
|
formConfig: Omit<FormRootProps<TData>, "children">;
|
|
@@ -901,7 +923,7 @@ declare const DefaultForm: <TData extends FieldValues>({ formConfig, }: DefaultF
|
|
|
901
923
|
|
|
902
924
|
declare const FormTitle: () => react_jsx_runtime.JSX.Element;
|
|
903
925
|
|
|
904
|
-
declare const FormBody:
|
|
926
|
+
declare const FormBody: () => react_jsx_runtime.JSX.Element;
|
|
905
927
|
|
|
906
928
|
type MediaLibraryBrowserPropsBase = {
|
|
907
929
|
onFetchFiles?: (search: string) => Promise<FilePickerMediaFile[]>;
|
|
@@ -924,20 +946,42 @@ type MediaLibraryBrowserPropsMultiple = MediaLibraryBrowserPropsBase & {
|
|
|
924
946
|
type MediaLibraryBrowserProps = MediaLibraryBrowserPropsSingle | MediaLibraryBrowserPropsMultiple;
|
|
925
947
|
declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => react_jsx_runtime.JSX.Element | null;
|
|
926
948
|
|
|
927
|
-
interface
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
949
|
+
interface CalendarDate {
|
|
950
|
+
date: Date;
|
|
951
|
+
selected: boolean;
|
|
952
|
+
selectable: boolean;
|
|
953
|
+
today: boolean;
|
|
954
|
+
isCurrentMonth: boolean;
|
|
955
|
+
}
|
|
956
|
+
interface Calendar {
|
|
957
|
+
month: number;
|
|
958
|
+
year: number;
|
|
959
|
+
weeks: Array<Array<CalendarDate | null>>;
|
|
960
|
+
}
|
|
961
|
+
interface CalendarRenderProps {
|
|
962
|
+
calendars: Calendar[];
|
|
963
|
+
getBackProps: (props?: {
|
|
964
|
+
calendars?: Calendar[];
|
|
965
|
+
offset?: number;
|
|
966
|
+
}) => {
|
|
967
|
+
onClick: () => void;
|
|
968
|
+
};
|
|
969
|
+
getForwardProps: (props?: {
|
|
970
|
+
calendars?: Calendar[];
|
|
971
|
+
offset?: number;
|
|
972
|
+
}) => {
|
|
973
|
+
onClick: () => void;
|
|
974
|
+
};
|
|
975
|
+
getDateProps: (props: {
|
|
976
|
+
dateObj: CalendarDate;
|
|
977
|
+
onMouseEnter?: () => void;
|
|
978
|
+
}) => {
|
|
979
|
+
onClick: () => void;
|
|
980
|
+
onMouseEnter?: () => void;
|
|
981
|
+
};
|
|
932
982
|
}
|
|
933
|
-
declare const useForm: ({ preLoadedValues, keyPrefix, namespace, schema, }: UseFormProps) => {
|
|
934
|
-
form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
|
|
935
|
-
idMap: Record<string, object>;
|
|
936
|
-
setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
|
|
937
|
-
translate: react_i18next.UseTranslationResponse<string, string>;
|
|
938
|
-
};
|
|
939
983
|
|
|
940
|
-
interface CalendarProps extends
|
|
984
|
+
interface CalendarProps extends CalendarRenderProps {
|
|
941
985
|
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
942
986
|
}
|
|
943
987
|
interface GetDateColorProps {
|
|
@@ -950,9 +994,10 @@ interface GetVariantProps {
|
|
|
950
994
|
selected: boolean;
|
|
951
995
|
selectable: boolean;
|
|
952
996
|
}
|
|
953
|
-
interface DatePickerProps
|
|
997
|
+
interface DatePickerProps {
|
|
954
998
|
onDateSelected?: (obj: {
|
|
955
999
|
date: Date;
|
|
1000
|
+
selected: Date | Date[];
|
|
956
1001
|
}) => void;
|
|
957
1002
|
selected: Date | Date[];
|
|
958
1003
|
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
@@ -967,7 +1012,7 @@ interface DatePickerProps extends Props {
|
|
|
967
1012
|
backButtonLabel?: string;
|
|
968
1013
|
forwardButtonLabel?: string;
|
|
969
1014
|
};
|
|
970
|
-
render?: (
|
|
1015
|
+
render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
|
|
971
1016
|
}
|
|
972
1017
|
interface DatePickerLabels {
|
|
973
1018
|
monthNamesShort: string[];
|
|
@@ -991,7 +1036,7 @@ interface GetRangeDatesProps {
|
|
|
991
1036
|
}
|
|
992
1037
|
declare const getRangeDates: ({ selectable, date, selectedDates, }: GetRangeDatesProps) => Date[] | undefined;
|
|
993
1038
|
|
|
994
|
-
interface RangeCalendarProps extends
|
|
1039
|
+
interface RangeCalendarProps extends CalendarRenderProps {
|
|
995
1040
|
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
996
1041
|
selected?: Date[];
|
|
997
1042
|
}
|
|
@@ -1007,7 +1052,7 @@ interface RangeDatePickerLabels {
|
|
|
1007
1052
|
backButtonLabel?: string;
|
|
1008
1053
|
forwardButtonLabel?: string;
|
|
1009
1054
|
}
|
|
1010
|
-
interface RangeDatePickerProps
|
|
1055
|
+
interface RangeDatePickerProps {
|
|
1011
1056
|
onDateSelected?: (obj: {
|
|
1012
1057
|
selected: Date[];
|
|
1013
1058
|
selectable: boolean;
|
|
@@ -1059,7 +1104,7 @@ interface RangeDatePickerProps extends Props {
|
|
|
1059
1104
|
* @default true
|
|
1060
1105
|
*/
|
|
1061
1106
|
portalled?: boolean;
|
|
1062
|
-
render?: (
|
|
1107
|
+
render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
|
|
1063
1108
|
}
|
|
1064
1109
|
|
|
1065
1110
|
interface DatePickerInputProps {
|
|
@@ -1083,10 +1128,9 @@ declare function DatePickerInput({ value, onChange, placeholder, dateFormat, dis
|
|
|
1083
1128
|
interface RecordDisplayProps {
|
|
1084
1129
|
object: object | null;
|
|
1085
1130
|
boxProps?: BoxProps;
|
|
1086
|
-
translate?: UseTranslationResponse<any, any>;
|
|
1087
1131
|
prefix?: string;
|
|
1088
1132
|
}
|
|
1089
|
-
declare const RecordDisplay: ({ object, boxProps,
|
|
1133
|
+
declare const RecordDisplay: ({ object, boxProps, prefix, }: RecordDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1090
1134
|
|
|
1091
1135
|
interface TableDataDisplayProps {
|
|
1092
1136
|
colorPalette?: string;
|
|
@@ -1096,6 +1140,7 @@ declare const TableDataDisplay: ({ colorPalette, emptyComponent, }: TableDataDis
|
|
|
1096
1140
|
|
|
1097
1141
|
interface DefaultTableProps {
|
|
1098
1142
|
showFooter?: boolean;
|
|
1143
|
+
showHeader?: boolean;
|
|
1099
1144
|
tableProps?: Omit<TableProps, 'children'>;
|
|
1100
1145
|
tableHeaderProps?: TableHeaderProps;
|
|
1101
1146
|
tableBodyProps?: TableBodyProps;
|
|
@@ -1104,7 +1149,7 @@ interface DefaultTableProps {
|
|
|
1104
1149
|
variant?: '' | 'greedy';
|
|
1105
1150
|
isLoading?: boolean;
|
|
1106
1151
|
}
|
|
1107
|
-
declare const DefaultTable: ({ showFooter, tableProps, tableHeaderProps, tableBodyProps, tableFooterProps, controlProps, variant, isLoading, }: DefaultTableProps) => react_jsx_runtime.JSX.Element;
|
|
1152
|
+
declare const DefaultTable: ({ showFooter, showHeader, tableProps, tableHeaderProps, tableBodyProps, tableFooterProps, controlProps, variant, isLoading, }: DefaultTableProps) => react_jsx_runtime.JSX.Element;
|
|
1108
1153
|
|
|
1109
1154
|
interface DefaultTableServerProps extends DefaultTableProps {
|
|
1110
1155
|
/**
|
|
@@ -1131,10 +1176,93 @@ declare const DefaultTableServer: ({ isLoading: isLoadingOverride, ...props }: D
|
|
|
1131
1176
|
|
|
1132
1177
|
interface DataDisplayProps {
|
|
1133
1178
|
variant?: 'horizontal' | 'stats' | '';
|
|
1134
|
-
translate?: UseTranslationResponse<any, any>;
|
|
1135
1179
|
}
|
|
1136
1180
|
declare const DataDisplay: ({ variant }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1137
1181
|
|
|
1182
|
+
interface CalendarEvent<TData = unknown> {
|
|
1183
|
+
data: TData;
|
|
1184
|
+
date: Date;
|
|
1185
|
+
title?: string;
|
|
1186
|
+
color?: string;
|
|
1187
|
+
}
|
|
1188
|
+
interface CalendarDisplayProps<TData = unknown> {
|
|
1189
|
+
/**
|
|
1190
|
+
* Column ID or accessor key that contains the date for each event
|
|
1191
|
+
*/
|
|
1192
|
+
dateColumn: string;
|
|
1193
|
+
/**
|
|
1194
|
+
* Optional function to extract date from row data
|
|
1195
|
+
* If not provided, will use the dateColumn to get the date
|
|
1196
|
+
*/
|
|
1197
|
+
getDate?: (row: TData) => Date | string | number | null | undefined;
|
|
1198
|
+
/**
|
|
1199
|
+
* Optional function to get event title from row data
|
|
1200
|
+
* If not provided, will use the first column's value
|
|
1201
|
+
*/
|
|
1202
|
+
getEventTitle?: (row: TData) => string;
|
|
1203
|
+
/**
|
|
1204
|
+
* Optional function to get event color from row data
|
|
1205
|
+
*/
|
|
1206
|
+
getEventColor?: (row: TData) => string;
|
|
1207
|
+
/**
|
|
1208
|
+
* Optional function to render event content
|
|
1209
|
+
*/
|
|
1210
|
+
renderEvent?: (event: CalendarEvent<TData>) => React.ReactNode;
|
|
1211
|
+
/**
|
|
1212
|
+
* First day of week (0 = Sunday, 1 = Monday, etc.)
|
|
1213
|
+
*/
|
|
1214
|
+
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
1215
|
+
/**
|
|
1216
|
+
* Show days outside the current month
|
|
1217
|
+
*/
|
|
1218
|
+
showOutsideDays?: boolean;
|
|
1219
|
+
/**
|
|
1220
|
+
* Number of months to display
|
|
1221
|
+
*/
|
|
1222
|
+
monthsToDisplay?: number;
|
|
1223
|
+
/**
|
|
1224
|
+
* Calendar labels
|
|
1225
|
+
*/
|
|
1226
|
+
labels?: {
|
|
1227
|
+
monthNamesShort: string[];
|
|
1228
|
+
weekdayNamesShort: string[];
|
|
1229
|
+
backButtonLabel?: string;
|
|
1230
|
+
forwardButtonLabel?: string;
|
|
1231
|
+
};
|
|
1232
|
+
/**
|
|
1233
|
+
* Callback when a date is clicked
|
|
1234
|
+
*/
|
|
1235
|
+
onDateClick?: (date: Date, events: CalendarEvent<TData>[]) => void;
|
|
1236
|
+
/**
|
|
1237
|
+
* Callback when an event is clicked
|
|
1238
|
+
*/
|
|
1239
|
+
onEventClick?: (event: CalendarEvent<TData>) => void;
|
|
1240
|
+
/**
|
|
1241
|
+
* Maximum number of events to show per day before showing "+N more"
|
|
1242
|
+
*/
|
|
1243
|
+
maxEventsPerDay?: number;
|
|
1244
|
+
/**
|
|
1245
|
+
* Color palette for the calendar
|
|
1246
|
+
*/
|
|
1247
|
+
colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
|
|
1248
|
+
/**
|
|
1249
|
+
* Fixed placeholder text to show when width is too narrow
|
|
1250
|
+
* @default "..."
|
|
1251
|
+
*/
|
|
1252
|
+
eventPlaceholder?: string;
|
|
1253
|
+
/**
|
|
1254
|
+
* Minimum width (in pixels) before showing placeholder instead of title
|
|
1255
|
+
* @default 80
|
|
1256
|
+
*/
|
|
1257
|
+
minEventWidth?: number;
|
|
1258
|
+
/**
|
|
1259
|
+
* Minimum number of characters to show before ellipsis
|
|
1260
|
+
* @default 2
|
|
1261
|
+
*/
|
|
1262
|
+
minCharsBeforeEllipsis?: number;
|
|
1263
|
+
}
|
|
1264
|
+
declare function CalendarDisplay<TData = unknown>({ dateColumn, getDate, getEventTitle, getEventColor, renderEvent, firstDayOfWeek, showOutsideDays, monthsToDisplay, labels, onDateClick, onEventClick, maxEventsPerDay, colorPalette, eventPlaceholder, minEventWidth, minCharsBeforeEllipsis, }: CalendarDisplayProps<TData>): react_jsx_runtime.JSX.Element | null;
|
|
1265
|
+
|
|
1138
1266
|
interface DataTableServerProps<TData = unknown> {
|
|
1139
1267
|
children: ReactNode | ReactNode[];
|
|
1140
1268
|
/**
|
|
@@ -1166,7 +1294,6 @@ interface DataTableServerProps<TData = unknown> {
|
|
|
1166
1294
|
setColumnVisibility: OnChangeFn<VisibilityState>;
|
|
1167
1295
|
query: UseQueryResult<DataResponse<TData>>;
|
|
1168
1296
|
url?: string;
|
|
1169
|
-
translate: UseTranslationResponse<any, any>;
|
|
1170
1297
|
tableLabel?: DataTableLabel;
|
|
1171
1298
|
}
|
|
1172
1299
|
/**
|
|
@@ -1180,7 +1307,7 @@ interface DataTableServerProps<TData = unknown> {
|
|
|
1180
1307
|
*
|
|
1181
1308
|
* @link https://tanstack.com/table/latest/docs/guide/column-defs
|
|
1182
1309
|
*/
|
|
1183
|
-
declare function DataTableServer<TData = unknown>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url,
|
|
1310
|
+
declare function DataTableServer<TData = unknown>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, children, tableLabel, }: DataTableServerProps<TData>): react_jsx_runtime.JSX.Element;
|
|
1184
1311
|
|
|
1185
1312
|
declare module '@tanstack/react-table' {
|
|
1186
1313
|
interface ColumnMeta<TData extends RowData, TValue> {
|
|
@@ -1261,4 +1388,4 @@ declare module '@tanstack/react-table' {
|
|
|
1261
1388
|
}
|
|
1262
1389
|
}
|
|
1263
1390
|
|
|
1264
|
-
export { type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type ErrorMessageConfig, type ErrorMessageResult, type FieldErrorConfig, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, buildErrorMessages, buildFieldErrors, buildRequiredErrors, convertToAjvErrorsFormat, createErrorMessage, defaultRenderDisplay, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };
|
|
1391
|
+
export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type ErrorMessageConfig, type ErrorMessageResult, type FieldErrorConfig, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type TimePickerLabels, type Translate, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, buildErrorMessages, buildFieldErrors, buildRequiredErrors, convertToAjvErrorsFormat, createErrorMessage, defaultRenderDisplay, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };
|