@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.
- package/README.md +5 -326
- package/dist/index.d.ts +126 -291
- package/dist/index.js +2589 -2546
- package/dist/index.mjs +2594 -2547
- package/dist/types/components/DataTable/context/DataTableContext.d.ts +3 -0
- package/dist/types/components/DataTable/controls/ColumnFilterMenu.d.ts +20 -0
- package/dist/types/components/DataTable/controls/MobileTableControls.d.ts +1 -1
- package/dist/types/components/DataTable/controls/TableControls.d.ts +1 -3
- package/dist/types/components/DataTable/controls/TableFilterTags.d.ts +10 -1
- package/dist/types/components/DataTable/display/DataDisplay.d.ts +1 -1
- package/dist/types/components/DataTable/display/TableCardContainer.d.ts +5 -5
- package/dist/types/components/DataTable/hooks/useResponsiveColumnVisibility.d.ts +1 -1
- package/dist/types/components/DataTable/useDataTableServer.d.ts +1 -1
- package/dist/types/components/DataTable/utils/selectors.d.ts +1 -1
- package/dist/types/components/DatePicker/Calendar.d.ts +2 -0
- package/dist/types/components/DatePicker/DatePicker.d.ts +27 -0
- package/dist/types/components/DatePicker/DateTimePicker.d.ts +20 -4
- package/dist/types/components/DatePicker/UniversalPicker.d.ts +2 -3
- package/dist/types/components/DatePicker/index.d.ts +1 -2
- package/dist/types/components/Form/SchemaFormContext.d.ts +3 -11
- package/dist/types/components/Form/components/core/FormRoot.d.ts +30 -14
- package/dist/types/components/Form/components/fields/FilePicker.d.ts +1 -1
- package/dist/types/components/Form/components/fields/StringInputField.d.ts +0 -5
- package/dist/types/components/Form/components/fields/TagPicker.d.ts +1 -1
- package/dist/types/components/Form/components/fields/useIdPickerData.d.ts +4 -0
- package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts +25 -5
- package/dist/types/components/Form/components/viewers/EnumViewer.d.ts +1 -1
- package/dist/types/components/Form/components/viewers/FileViewer.d.ts +7 -5
- package/dist/types/components/Form/components/viewers/TagViewer.d.ts +1 -1
- package/dist/types/components/Form/useForm.d.ts +2 -5
- package/dist/types/components/Form/utils/ajvResolver.d.ts +4 -0
- package/dist/types/components/Form/utils/getNestedError.d.ts +12 -0
- package/dist/types/components/Form/utils/getTableData.d.ts +1 -2
- package/dist/types/components/Form/utils/useFormLabel.d.ts +12 -0
- package/dist/types/components/TextArea/TextArea.d.ts +4 -19
- package/dist/types/components/TimePicker/TimePicker.d.ts +9 -8
- package/dist/types/index.d.ts +10 -2
- package/package.json +7 -4
- package/dist/types/components/DatePicker/DatePickerInput.d.ts +0 -18
- package/dist/types/components/DatePicker/IsoTimePicker.d.ts +0 -24
- package/dist/types/components/DatePicker/PickerDemo.d.ts +0 -1
- package/dist/types/components/Form/utils/buildErrorMessages.d.ts +0 -223
- package/dist/types/components/Form/utils/getFieldError.d.ts +0 -6
- package/dist/types/components/Form/utils/useFormI18n.d.ts +0 -57
- 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,
|
|
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 {
|
|
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,
|
|
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
|
-
|
|
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
|
|
194
|
+
interface TableCardContainerProps extends Omit<GridProps, 'direction'> {
|
|
189
195
|
children: ReactNode;
|
|
190
|
-
variant?:
|
|
196
|
+
variant?: 'carousel' | '';
|
|
191
197
|
gap?: string;
|
|
192
198
|
gridTemplateColumns?: string;
|
|
193
|
-
direction?: FlexProps[
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
742
|
+
customQueryFn: any;
|
|
743
|
+
idColumn: string;
|
|
940
744
|
children: ReactNode;
|
|
941
745
|
}
|
|
942
|
-
declare const idPickerSanityCheck: (column: string,
|
|
943
|
-
|
|
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: ({
|
|
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
|
|
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 };
|