@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.
Files changed (39) hide show
  1. package/README.md +1 -0
  2. package/dist/index.d.ts +170 -43
  3. package/dist/index.js +1166 -637
  4. package/dist/index.mjs +1168 -640
  5. package/dist/types/components/DataTable/DataTable.d.ts +1 -3
  6. package/dist/types/components/DataTable/DataTableServer.d.ts +7 -9
  7. package/dist/types/components/DataTable/DefaultTable.d.ts +2 -1
  8. package/dist/types/components/DataTable/context/DataTableContext.d.ts +4 -6
  9. package/dist/types/components/DataTable/controls/MobileTableControls.d.ts +29 -0
  10. package/dist/types/components/DataTable/controls/TableControls.d.ts +2 -2
  11. package/dist/types/components/DataTable/display/CalendarDisplay.d.ts +84 -0
  12. package/dist/types/components/DataTable/display/DataDisplay.d.ts +0 -2
  13. package/dist/types/components/DataTable/display/MobileTableDisplay.d.ts +5 -0
  14. package/dist/types/components/DataTable/display/RecordDisplay.d.ts +1 -3
  15. package/dist/types/components/DataTable/display/TextCell.d.ts +2 -1
  16. package/dist/types/components/DataTable/hooks/useIsMobile.d.ts +6 -0
  17. package/dist/types/components/DataTable/useDataTable.d.ts +3 -6
  18. package/dist/types/components/DataTable/useDataTableServer.d.ts +4 -4
  19. package/dist/types/components/DataTable/utils/getColumns.d.ts +3 -5
  20. package/dist/types/components/DatePicker/DatePicker.d.ts +7 -8
  21. package/dist/types/components/DatePicker/DateTimePicker.d.ts +3 -1
  22. package/dist/types/components/DatePicker/IsoTimePicker.d.ts +5 -1
  23. package/dist/types/components/DatePicker/RangeDatePicker.d.ts +4 -4
  24. package/dist/types/components/DatePicker/useCalendar.d.ts +48 -0
  25. package/dist/types/components/Form/SchemaFormContext.d.ts +5 -3
  26. package/dist/types/components/Form/components/core/FormBody.d.ts +1 -2
  27. package/dist/types/components/Form/components/core/FormRoot.d.ts +6 -4
  28. package/dist/types/components/Form/components/fields/FilePicker.d.ts +1 -2
  29. package/dist/types/components/Form/components/fields/IdPicker.d.ts +8 -0
  30. package/dist/types/components/Form/components/fields/IdPickerMultiple.d.ts +7 -0
  31. package/dist/types/components/Form/components/fields/IdPickerSingle.d.ts +7 -0
  32. package/dist/types/components/Form/components/fields/useIdPickerData.d.ts +46 -0
  33. package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts +9 -0
  34. package/dist/types/components/Form/useForm.d.ts +7 -2
  35. package/dist/types/components/Form/utils/useFormI18n.d.ts +14 -12
  36. package/dist/types/components/TimePicker/TimePicker.d.ts +4 -6
  37. package/dist/types/components/ui/provider.d.ts +1 -1
  38. package/dist/types/index.d.ts +1 -0
  39. 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 { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
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, }, keyPrefix, }?: UseDataTableProps) => UseDataTableReturn;
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, translate, children, tableLabel, }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
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: "client" | "server";
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, translate, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
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
- translate: UseTranslationResponse<any, any>;
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: <TData extends object>() => string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
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 UseFormProps {
928
- preLoadedValues?: FieldValues | undefined;
929
- keyPrefix?: string;
930
- namespace?: string;
931
- schema?: JSONSchema7;
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 RenderProps {
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 extends Props {
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?: (dayzedData: any) => React__default.ReactNode;
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 RenderProps {
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 extends Props {
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?: (dayzedData: RenderProps) => React__default.ReactNode;
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, translate, prefix, }: RecordDisplayProps) => react_jsx_runtime.JSX.Element;
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, translate, children, tableLabel, }: DataTableServerProps<TData>): react_jsx_runtime.JSX.Element;
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 };