@bsol-oss/react-datatable5 13.0.1-beta.2 → 13.0.1-beta.20

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 (45) hide show
  1. package/README.md +5 -326
  2. package/dist/index.d.ts +126 -291
  3. package/dist/index.js +2589 -2546
  4. package/dist/index.mjs +2594 -2547
  5. package/dist/types/components/DataTable/context/DataTableContext.d.ts +3 -0
  6. package/dist/types/components/DataTable/controls/ColumnFilterMenu.d.ts +20 -0
  7. package/dist/types/components/DataTable/controls/MobileTableControls.d.ts +1 -1
  8. package/dist/types/components/DataTable/controls/TableControls.d.ts +1 -3
  9. package/dist/types/components/DataTable/controls/TableFilterTags.d.ts +10 -1
  10. package/dist/types/components/DataTable/display/DataDisplay.d.ts +1 -1
  11. package/dist/types/components/DataTable/display/TableCardContainer.d.ts +5 -5
  12. package/dist/types/components/DataTable/hooks/useResponsiveColumnVisibility.d.ts +1 -1
  13. package/dist/types/components/DataTable/useDataTableServer.d.ts +1 -1
  14. package/dist/types/components/DataTable/utils/selectors.d.ts +1 -1
  15. package/dist/types/components/DatePicker/Calendar.d.ts +2 -0
  16. package/dist/types/components/DatePicker/DatePicker.d.ts +27 -0
  17. package/dist/types/components/DatePicker/DateTimePicker.d.ts +20 -4
  18. package/dist/types/components/DatePicker/UniversalPicker.d.ts +2 -3
  19. package/dist/types/components/DatePicker/index.d.ts +1 -2
  20. package/dist/types/components/Form/SchemaFormContext.d.ts +3 -11
  21. package/dist/types/components/Form/components/core/FormRoot.d.ts +30 -14
  22. package/dist/types/components/Form/components/fields/FilePicker.d.ts +1 -1
  23. package/dist/types/components/Form/components/fields/StringInputField.d.ts +0 -5
  24. package/dist/types/components/Form/components/fields/TagPicker.d.ts +1 -1
  25. package/dist/types/components/Form/components/fields/useIdPickerData.d.ts +4 -0
  26. package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts +25 -5
  27. package/dist/types/components/Form/components/viewers/EnumViewer.d.ts +1 -1
  28. package/dist/types/components/Form/components/viewers/FileViewer.d.ts +7 -5
  29. package/dist/types/components/Form/components/viewers/TagViewer.d.ts +1 -1
  30. package/dist/types/components/Form/useForm.d.ts +2 -5
  31. package/dist/types/components/Form/utils/ajvResolver.d.ts +4 -0
  32. package/dist/types/components/Form/utils/getNestedError.d.ts +12 -0
  33. package/dist/types/components/Form/utils/getTableData.d.ts +1 -2
  34. package/dist/types/components/Form/utils/useFormLabel.d.ts +12 -0
  35. package/dist/types/components/TextArea/TextArea.d.ts +4 -19
  36. package/dist/types/components/TimePicker/TimePicker.d.ts +9 -8
  37. package/dist/types/index.d.ts +10 -2
  38. package/package.json +7 -4
  39. package/dist/types/components/DatePicker/DatePickerInput.d.ts +0 -18
  40. package/dist/types/components/DatePicker/IsoTimePicker.d.ts +0 -24
  41. package/dist/types/components/DatePicker/PickerDemo.d.ts +0 -1
  42. package/dist/types/components/Form/utils/buildErrorMessages.d.ts +0 -223
  43. package/dist/types/components/Form/utils/getFieldError.d.ts +0 -6
  44. package/dist/types/components/Form/utils/useFormI18n.d.ts +0 -57
  45. package/dist/types/components/ui/number-input.d.ts +0 -8
package/dist/index.d.ts CHANGED
@@ -3,15 +3,14 @@ import { Row, Table as Table$1, RowData, OnChangeFn, Updater, SortingState, Colu
3
3
  import * as React$1 from 'react';
4
4
  import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
5
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
6
- import { TableHeaderProps as TableHeaderProps$1, TableRowProps, GridProps, TableRootProps, BoxProps, FlexProps, CardBodyProps, TextProps, ImageProps } from '@chakra-ui/react';
6
+ import { TableHeaderProps as TableHeaderProps$1, TableRowProps, GridProps, TableRootProps, FlexProps, CardBodyProps, TextProps, ImageProps, BoxProps } from '@chakra-ui/react';
7
7
  import { IconType } from 'react-icons';
8
8
  import { UseQueryResult } from '@tanstack/react-query';
9
9
  import { RankingInfo } from '@tanstack/match-sorter-utils';
10
10
  import { JSONSchema7 } from 'json-schema';
11
- import { ForeignKeyProps as ForeignKeyProps$1 } from '@/components/Form/components/fields/StringInputField';
12
11
  import { AxiosRequestConfig } from 'axios';
13
12
  import * as react_hook_form from 'react-hook-form';
14
- import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
13
+ import { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
15
14
 
16
15
  interface TableHeaderTexts {
17
16
  pinColumn?: string;
@@ -130,8 +129,6 @@ interface TableControlsProps {
130
129
  children?: ReactNode;
131
130
  showGlobalFilter?: boolean;
132
131
  showFilter?: boolean;
133
- showFilterName?: boolean;
134
- showFilterTags?: boolean;
135
132
  showReload?: boolean;
136
133
  showPagination?: boolean;
137
134
  showPageSizeControl?: boolean;
@@ -149,11 +146,20 @@ interface TableControlsProps {
149
146
  hasError?: boolean;
150
147
  gridProps?: GridProps;
151
148
  }
152
- declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => react_jsx_runtime.JSX.Element;
149
+ declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => react_jsx_runtime.JSX.Element;
153
150
 
154
151
  declare const TableFilter: () => react_jsx_runtime.JSX.Element;
155
152
 
156
- declare const TableFilterTags: () => react_jsx_runtime.JSX.Element;
153
+ interface TableFilterTagsProps {
154
+ filterTagsOptions?: {
155
+ column: string;
156
+ options: {
157
+ label: string;
158
+ value: string;
159
+ }[];
160
+ }[];
161
+ }
162
+ declare const TableFilterTags: ({ filterTagsOptions, }?: TableFilterTagsProps) => react_jsx_runtime.JSX.Element | null;
157
163
 
158
164
  interface TableProps extends TableRootProps {
159
165
  showLoading?: boolean;
@@ -185,12 +191,12 @@ interface TableRowSelectorProps<TData> {
185
191
  }
186
192
  declare const TableBody: ({ showSelector, canResize, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
187
193
 
188
- interface TableCardContainerProps extends BoxProps {
194
+ interface TableCardContainerProps extends Omit<GridProps, 'direction'> {
189
195
  children: ReactNode;
190
- variant?: "carousel" | "";
196
+ variant?: 'carousel' | '';
191
197
  gap?: string;
192
198
  gridTemplateColumns?: string;
193
- direction?: FlexProps["direction"];
199
+ direction?: FlexProps['direction'];
194
200
  }
195
201
  declare const TableCardContainer: ({ children, variant, gap, gridTemplateColumns, direction, ...props }: TableCardContainerProps) => react_jsx_runtime.JSX.Element;
196
202
 
@@ -313,7 +319,7 @@ interface UseDataTableReturn {
313
319
  }
314
320
  declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;
315
321
 
316
- interface UseDataTableServerProps<TData> extends Omit<UseDataTableProps, 'keyPrefix'> {
322
+ interface UseDataTableServerProps<TData> extends UseDataTableProps {
317
323
  /**
318
324
  * Delay to send the request if the `refreshData` called multiple times
319
325
  *
@@ -468,6 +474,9 @@ interface DataTableLabel {
468
474
  globalFilterPlaceholder: string;
469
475
  trueLabel: string;
470
476
  falseLabel: string;
477
+ noFiltersMatchText: string;
478
+ filterByLabel: string;
479
+ filterLabelsPlaceholder: string;
471
480
  }
472
481
  interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 'translate'> {
473
482
  table: Table$1<TData>;
@@ -492,24 +501,6 @@ interface GetColumnsConfigs<K extends RowData> {
492
501
  declare const widthSanityCheck: <K extends unknown>(widthList: number[], ignoreList: K[], properties: { [key in K as string]?: object | undefined; }) => void;
493
502
  declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
494
503
 
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
- };
512
-
513
504
  interface CustomQueryFnResponse {
514
505
  /**
515
506
  * The data of the query
@@ -530,241 +521,20 @@ interface CustomQueryFnParams {
530
521
  }>;
531
522
  }
532
523
  type CustomQueryFn = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse>;
533
- interface ForeignKeyProps {
534
- column: string;
535
- table: string;
536
- customQueryFn?: CustomQueryFn;
537
- }
538
524
 
539
- /**
540
- * Type definitions for error message configuration
541
- */
542
- /**
543
- * Common validation error types that can be customized
544
- */
545
525
  type ValidationErrorType = 'minLength' | 'maxLength' | 'pattern' | 'minimum' | 'maximum' | 'multipleOf' | 'format' | 'type' | 'enum' | 'required' | 'minItems' | 'maxItems' | 'uniqueItems' | 'minProperties' | 'maxProperties' | 'anyOf' | 'oneOf' | 'allOf' | 'const' | 'additionalProperties' | 'dependencies';
546
- /**
547
- * Configuration for field-specific validation errors
548
- */
549
- type FieldErrorConfig = Partial<Record<ValidationErrorType, string>>;
550
- /**
551
- * Configuration for building error messages
552
- */
553
- interface ErrorMessageConfig {
554
- /**
555
- * Required field error messages
556
- * Maps field names to their required error messages
557
- * Supports both plain strings and i18n translation keys
558
- *
559
- * @example
560
- * ```typescript
561
- * required: {
562
- * username: "Username is required", // plain string
563
- * email: "user.email.field_required" // i18n key
564
- * }
565
- * ```
566
- */
567
- required?: Record<string, string>;
568
- /**
569
- * Field-specific validation error messages
570
- * Maps field names to their validation error configurations
571
- *
572
- * @example
573
- * ```typescript
574
- * properties: {
575
- * username: {
576
- * minLength: "Username must be at least 3 characters",
577
- * pattern: "Username can only contain letters and numbers"
578
- * },
579
- * age: {
580
- * minimum: "Age must be at least 18",
581
- * maximum: "Age cannot exceed 120"
582
- * }
583
- * }
584
- * ```
585
- */
586
- properties?: Record<string, FieldErrorConfig>;
587
- /**
588
- * Global fallback error messages for validation types
589
- * These are used when no field-specific message is provided
590
- *
591
- * @example
592
- * ```typescript
593
- * {
594
- * minLength: "This field is too short",
595
- * minimum: "Value is too small"
596
- * }
597
- * ```
598
- */
599
- [key: string]: any;
600
- }
601
- /**
602
- * Result of buildErrorMessages that follows ajv-errors format
603
- */
604
- interface ErrorMessageResult {
605
- required?: Record<string, string>;
606
- properties?: Record<string, FieldErrorConfig>;
607
- [key: string]: any;
608
- }
609
- /**
610
- * Schema-level error message builder
611
- *
612
- * Builds a complete errorMessage object compatible with ajv-errors plugin.
613
- * Supports both i18n translation keys and plain string messages.
614
- *
615
- * @param config - Error message configuration
616
- * @returns Complete errorMessage object for JSON Schema
617
- *
618
- * @example
619
- * ```typescript
620
- * // Simple required field errors
621
- * const errorMessage = buildErrorMessages({
622
- * required: {
623
- * username: "Username is required",
624
- * email: "user.email.field_required" // i18n key
625
- * }
626
- * });
627
- *
628
- * // With validation rules
629
- * const errorMessage = buildErrorMessages({
630
- * required: {
631
- * password: "Password is required"
632
- * },
633
- * properties: {
634
- * password: {
635
- * minLength: "Password must be at least 8 characters",
636
- * pattern: "Password must contain letters and numbers"
637
- * },
638
- * age: {
639
- * minimum: "Must be 18 or older",
640
- * maximum: "Must be under 120"
641
- * }
642
- * }
643
- * });
644
- *
645
- * // With global fallbacks
646
- * const errorMessage = buildErrorMessages({
647
- * required: {
648
- * email: "Email is required"
649
- * },
650
- * minLength: "This field is too short", // applies to all fields
651
- * minimum: "Value is too small"
652
- * });
653
- * ```
654
- */
655
- declare const buildErrorMessages: (config: ErrorMessageConfig) => ErrorMessageResult;
656
- /**
657
- * Converts buildErrorMessages result to ajv-errors compatible format
658
- */
659
- declare const convertToAjvErrorsFormat: (errorMessages: ErrorMessageResult) => Record<string, any>;
660
- /**
661
- * Helper function to build required field errors
662
- *
663
- * Simplifies creating required field error messages, especially useful
664
- * for generating i18n translation keys following a pattern.
665
- *
666
- * @param fields - Array of required field names
667
- * @param messageOrGenerator - Either a string template or function to generate messages
668
- * @returns Required field error configuration
669
- *
670
- * @example
671
- * ```typescript
672
- * // Plain string messages
673
- * const required = buildRequiredErrors(
674
- * ["username", "email", "password"],
675
- * (field) => `${field} is required`
676
- * );
677
- * // Result: { username: "username is required", email: "email is required", ... }
678
- *
679
- * // i18n translation keys
680
- * const required = buildRequiredErrors(
681
- * ["username", "email"],
682
- * (field) => `user.${field}.field_required`
683
- * );
684
- * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
685
- *
686
- * // Same message for all fields
687
- * const required = buildRequiredErrors(
688
- * ["username", "email"],
689
- * "This field is required"
690
- * );
691
- * // Result: { username: "This field is required", email: "This field is required" }
692
- *
693
- * // With keyPrefix for i18n
694
- * const required = buildRequiredErrors(
695
- * ["username", "email"],
696
- * (field) => `${field}.field_required`,
697
- * "user"
698
- * );
699
- * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
700
- * ```
701
- */
702
- declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string), keyPrefix?: string) => Record<string, string>;
703
- /**
704
- * Helper function to build field-specific validation errors
705
- *
706
- * Creates property-specific error messages for multiple fields at once.
707
- *
708
- * @param config - Maps field names to their validation error configurations
709
- * @returns Properties error configuration
710
- *
711
- * @example
712
- * ```typescript
713
- * const properties = buildFieldErrors({
714
- * username: {
715
- * minLength: "Username must be at least 3 characters",
716
- * pattern: "Username can only contain letters and numbers"
717
- * },
718
- * age: {
719
- * minimum: "Must be 18 or older",
720
- * maximum: "Must be under 120"
721
- * },
722
- * email: {
723
- * format: "Please enter a valid email address"
724
- * }
725
- * });
726
- * ```
727
- */
728
- declare const buildFieldErrors: (config: Record<string, FieldErrorConfig>) => Record<string, FieldErrorConfig>;
729
- /**
730
- * Helper function to create a complete error message configuration in one call
731
- *
732
- * Convenient wrapper that combines required and validation errors.
733
- *
734
- * @param required - Required field error messages
735
- * @param properties - Field-specific validation error messages
736
- * @param globalFallbacks - Global fallback error messages
737
- * @returns Complete error message configuration
738
- *
739
- * @example
740
- * ```typescript
741
- * const errorMessage = createErrorMessage(
742
- * {
743
- * username: "Username is required",
744
- * email: "Email is required"
745
- * },
746
- * {
747
- * username: {
748
- * minLength: "Username must be at least 3 characters"
749
- * },
750
- * email: {
751
- * format: "Please enter a valid email"
752
- * }
753
- * },
754
- * {
755
- * minLength: "This field is too short",
756
- * format: "Invalid format"
757
- * }
758
- * );
759
- * ```
760
- */
761
- declare const createErrorMessage: (required?: Record<string, string>, properties?: Record<string, FieldErrorConfig>, globalFallbacks?: Partial<Record<ValidationErrorType, string>>) => ErrorMessageResult;
762
-
763
526
  interface DateTimePickerLabels {
764
527
  monthNamesShort?: string[];
765
528
  weekdayNamesShort?: string[];
766
529
  backButtonLabel?: string;
767
530
  forwardButtonLabel?: string;
531
+ selectDateLabel?: string;
532
+ quickActionLabels?: {
533
+ yesterday?: string;
534
+ today?: string;
535
+ tomorrow?: string;
536
+ plus7Days?: string;
537
+ };
768
538
  }
769
539
  interface IdPickerLabels {
770
540
  undefined?: string;
@@ -816,10 +586,12 @@ interface FormButtonLabels {
816
586
  interface TimePickerLabels {
817
587
  placeholder?: string;
818
588
  emptyMessage?: string;
589
+ selectTimeLabel?: string;
819
590
  }
820
591
  interface LoadInitialValuesParams {
821
592
  ids: string[];
822
- foreign_key: ForeignKeyProps;
593
+ customQueryFn: CustomQueryFn;
594
+ idColumn: string;
823
595
  setIdMap: React__default.Dispatch<React__default.SetStateAction<Record<string, object>>>;
824
596
  }
825
597
  interface LoadInitialValuesResult {
@@ -832,9 +604,11 @@ interface LoadInitialValuesResult {
832
604
  interface CustomJSONSchema7 extends JSONSchema7 {
833
605
  gridColumn?: string;
834
606
  gridRow?: string;
835
- foreign_key?: ForeignKeyProps;
607
+ customQueryFn?: CustomQueryFn;
608
+ idColumn?: string;
836
609
  variant?: string;
837
610
  renderDisplay?: (item: unknown) => ReactNode;
611
+ itemToValue?: (item: unknown) => string;
838
612
  loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
839
613
  inputRender?: (props: {
840
614
  column: string;
@@ -859,7 +633,6 @@ interface CustomJSONSchema7 extends JSONSchema7 {
859
633
  filePicker?: FilePickerProps;
860
634
  tagPicker?: {
861
635
  queryFn?: (params: {
862
- in_table: string;
863
636
  where?: {
864
637
  id: string;
865
638
  value: string[];
@@ -875,6 +648,16 @@ interface CustomJSONSchema7 extends JSONSchema7 {
875
648
  idMap?: Record<string, object>;
876
649
  }>;
877
650
  };
651
+ dateTimePicker?: {
652
+ showQuickActions?: boolean;
653
+ quickActionLabels?: {
654
+ yesterday?: string;
655
+ today?: string;
656
+ tomorrow?: string;
657
+ plus7Days?: string;
658
+ };
659
+ showTimezoneSelector?: boolean;
660
+ };
878
661
  }
879
662
  declare const defaultRenderDisplay: (item: unknown) => ReactNode;
880
663
  interface TagPickerProps {
@@ -899,13 +682,36 @@ interface FilePickerProps {
899
682
  }
900
683
 
901
684
  interface FormRootProps<TData extends FieldValues> {
685
+ /**
686
+ * JSON Schema with support for errorMessages in properties.
687
+ * Each property can define errorMessages object with keys like:
688
+ * - required: Error message when field is required but missing
689
+ * - minLength, maxLength: Error messages for string length validation
690
+ * - minimum, maximum: Error messages for number range validation
691
+ * - format: Error message for format validation (email, date, etc.)
692
+ * - pattern: Error message for pattern validation
693
+ * - type: Error message for type validation
694
+ *
695
+ * @example
696
+ * {
697
+ * type: 'object',
698
+ * properties: {
699
+ * username: {
700
+ * type: 'string',
701
+ * minLength: 3,
702
+ * errorMessages: {
703
+ * required: 'Username is required',
704
+ * minLength: 'Username must be at least 3 characters'
705
+ * }
706
+ * }
707
+ * }
708
+ * }
709
+ */
902
710
  schema: CustomJSONSchema7;
903
711
  requestUrl?: string;
904
712
  idMap: Record<string, object>;
905
713
  setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
906
714
  form: UseFormReturn;
907
- /** Translate object for fallback text (components prefer label objects) */
908
- translate: Translate;
909
715
  children: ReactNode;
910
716
  order?: string[];
911
717
  ignore?: string[];
@@ -921,7 +727,6 @@ interface FormRootProps<TData extends FieldValues> {
921
727
  showResetButton?: boolean;
922
728
  showTitle?: boolean;
923
729
  };
924
- requireConfirmation?: boolean;
925
730
  dateTimePickerLabels?: DateTimePickerLabels;
926
731
  idPickerLabels?: IdPickerLabels;
927
732
  enumPickerLabels?: EnumPickerLabels;
@@ -932,18 +737,14 @@ interface FormRootProps<TData extends FieldValues> {
932
737
  }
933
738
  interface CustomJSONSchema7Definition extends JSONSchema7 {
934
739
  variant: string;
935
- in_table: string;
936
- column_ref: string;
937
740
  gridColumn: string;
938
741
  gridRow: string;
939
- foreign_key: ForeignKeyProps$1;
742
+ customQueryFn: any;
743
+ idColumn: string;
940
744
  children: ReactNode;
941
745
  }
942
- declare const idPickerSanityCheck: (column: string, foreign_key?: {
943
- table?: string | undefined;
944
- column?: string | undefined;
945
- } | undefined) => void;
946
- declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, 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;
746
+ declare const idPickerSanityCheck: (column: string, customQueryFn?: any, idColumn?: string) => void;
747
+ declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
947
748
 
948
749
  interface DefaultFormProps<TData extends FieldValues> {
949
750
  formConfig: Omit<FormRootProps<TData>, "children">;
@@ -976,6 +777,21 @@ type MediaLibraryBrowserPropsMultiple = MediaLibraryBrowserPropsBase & {
976
777
  type MediaLibraryBrowserProps = MediaLibraryBrowserPropsSingle | MediaLibraryBrowserPropsMultiple;
977
778
  declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => react_jsx_runtime.JSX.Element | null;
978
779
 
780
+ interface Translate {
781
+ t: (key: string, options?: any) => string;
782
+ i18n?: any;
783
+ ready?: boolean;
784
+ }
785
+ interface UseFormProps {
786
+ preLoadedValues?: FieldValues | undefined;
787
+ schema?: JSONSchema7;
788
+ }
789
+ declare const useForm: ({ preLoadedValues, schema }: UseFormProps) => {
790
+ form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
791
+ idMap: Record<string, object>;
792
+ setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
793
+ };
794
+
979
795
  interface CalendarDate {
980
796
  date: Date;
981
797
  selected: boolean;
@@ -1041,6 +857,9 @@ interface DatePickerProps {
1041
857
  weekdayNamesShort: string[];
1042
858
  backButtonLabel?: string;
1043
859
  forwardButtonLabel?: string;
860
+ todayLabel?: string;
861
+ yesterdayLabel?: string;
862
+ tomorrowLabel?: string;
1044
863
  };
1045
864
  render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
1046
865
  }
@@ -1049,7 +868,31 @@ interface DatePickerLabels {
1049
868
  weekdayNamesShort: string[];
1050
869
  backButtonLabel?: string;
1051
870
  forwardButtonLabel?: string;
871
+ todayLabel?: string;
872
+ yesterdayLabel?: string;
873
+ tomorrowLabel?: string;
874
+ }
875
+ declare const DatePickerContext: React__default.Context<{
876
+ labels: DatePickerLabels;
877
+ }>;
878
+ interface DatePickerInputProps {
879
+ value?: string | Date;
880
+ onChange?: (date?: string) => void;
881
+ placeholder?: string;
882
+ dateFormat?: string;
883
+ displayFormat?: string;
884
+ labels?: DatePickerLabels;
885
+ timezone?: string;
886
+ minDate?: Date;
887
+ maxDate?: Date;
888
+ firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
889
+ showOutsideDays?: boolean;
890
+ monthsToDisplay?: number;
891
+ insideDialog?: boolean;
892
+ readOnly?: boolean;
893
+ showHelperButtons?: boolean;
1052
894
  }
895
+ declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, showHelperButtons, }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
1053
896
 
1054
897
  interface GetMultiDatesProps {
1055
898
  selected: boolean;
@@ -1137,24 +980,6 @@ interface RangeDatePickerProps {
1137
980
  render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
1138
981
  }
1139
982
 
1140
- interface DatePickerInputProps {
1141
- value?: string | Date;
1142
- onChange?: (date?: string) => void;
1143
- placeholder?: string;
1144
- dateFormat?: string;
1145
- displayFormat?: string;
1146
- labels?: DatePickerLabels;
1147
- timezone?: string;
1148
- minDate?: Date;
1149
- maxDate?: Date;
1150
- firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
1151
- showOutsideDays?: boolean;
1152
- monthsToDisplay?: number;
1153
- insideDialog?: boolean;
1154
- readOnly?: boolean;
1155
- }
1156
- declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
1157
-
1158
983
  interface RecordDisplayProps {
1159
984
  object: object | null;
1160
985
  boxProps?: BoxProps;
@@ -1207,7 +1032,7 @@ declare const DefaultTableServer: ({ isLoading: isLoadingOverride, ...props }: D
1207
1032
  interface DataDisplayProps {
1208
1033
  variant?: 'horizontal' | 'stats' | '';
1209
1034
  }
1210
- declare const DataDisplay: ({ variant }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
1035
+ declare const DataDisplay: ({}: DataDisplayProps) => react_jsx_runtime.JSX.Element;
1211
1036
 
1212
1037
  interface CalendarEvent<TData = unknown> {
1213
1038
  data: TData;
@@ -1415,7 +1240,17 @@ declare module '@tanstack/react-table' {
1415
1240
  * Only applies when canResize={false}.
1416
1241
  */
1417
1242
  responsivePriority?: number;
1243
+ /**
1244
+ * Grid column span for data display layout.
1245
+ * Used in DataDisplay component.
1246
+ */
1247
+ gridColumn?: string | string[];
1248
+ /**
1249
+ * Grid row span for data display layout.
1250
+ * Used in DataDisplay component.
1251
+ */
1252
+ gridRow?: string | object;
1418
1253
  }
1419
1254
  }
1420
1255
 
1421
- 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, type LoadInitialValuesParams, type LoadInitialValuesResult, 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 };
1256
+ 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, DatePickerContext, 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 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, type LoadInitialValuesParams, type LoadInitialValuesResult, 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, type TableFilterTagsProps, 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, defaultRenderDisplay, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };