@bsol-oss/react-datatable5 13.0.1-beta.1 → 13.0.1-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +77 -21
- package/dist/index.js +2113 -1270
- package/dist/index.mjs +2116 -1274
- 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 +0 -1
- package/dist/types/components/Form/components/core/FormRoot.d.ts +1 -2
- package/dist/types/components/Form/components/fields/FilePicker.d.ts +1 -1
- package/dist/types/components/Form/components/fields/TagPicker.d.ts +1 -1
- package/dist/types/components/Form/components/fields/useIdPickerData.d.ts +7 -23
- package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts +49 -0
- package/dist/types/components/Form/components/viewers/EnumViewer.d.ts +1 -1
- package/dist/types/components/Form/components/viewers/TagViewer.d.ts +1 -1
- package/dist/types/components/Form/utils/getTableData.d.ts +1 -2
- package/dist/types/components/Form/utils/useFormI18n.d.ts +14 -30
- package/dist/types/components/TimePicker/TimePicker.d.ts +39 -10
- package/dist/types/index.d.ts +0 -1
- 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/index.d.ts
CHANGED
|
@@ -765,6 +765,12 @@ interface DateTimePickerLabels {
|
|
|
765
765
|
weekdayNamesShort?: string[];
|
|
766
766
|
backButtonLabel?: string;
|
|
767
767
|
forwardButtonLabel?: string;
|
|
768
|
+
quickActionLabels?: {
|
|
769
|
+
yesterday?: string;
|
|
770
|
+
today?: string;
|
|
771
|
+
tomorrow?: string;
|
|
772
|
+
plus7Days?: string;
|
|
773
|
+
};
|
|
768
774
|
}
|
|
769
775
|
interface IdPickerLabels {
|
|
770
776
|
undefined?: string;
|
|
@@ -817,12 +823,26 @@ interface TimePickerLabels {
|
|
|
817
823
|
placeholder?: string;
|
|
818
824
|
emptyMessage?: string;
|
|
819
825
|
}
|
|
826
|
+
interface LoadInitialValuesParams {
|
|
827
|
+
ids: string[];
|
|
828
|
+
foreign_key: ForeignKeyProps;
|
|
829
|
+
setIdMap: React__default.Dispatch<React__default.SetStateAction<Record<string, object>>>;
|
|
830
|
+
}
|
|
831
|
+
interface LoadInitialValuesResult {
|
|
832
|
+
data: {
|
|
833
|
+
data: Record<string, any>[];
|
|
834
|
+
count: number;
|
|
835
|
+
};
|
|
836
|
+
idMap: Record<string, object>;
|
|
837
|
+
}
|
|
820
838
|
interface CustomJSONSchema7 extends JSONSchema7 {
|
|
821
839
|
gridColumn?: string;
|
|
822
840
|
gridRow?: string;
|
|
823
841
|
foreign_key?: ForeignKeyProps;
|
|
824
842
|
variant?: string;
|
|
825
843
|
renderDisplay?: (item: unknown) => ReactNode;
|
|
844
|
+
itemToValue?: (item: unknown) => string;
|
|
845
|
+
loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
|
|
826
846
|
inputRender?: (props: {
|
|
827
847
|
column: string;
|
|
828
848
|
schema: CustomJSONSchema7;
|
|
@@ -844,6 +864,34 @@ interface CustomJSONSchema7 extends JSONSchema7 {
|
|
|
844
864
|
numberStorageType?: 'string' | 'number';
|
|
845
865
|
errorMessages?: Partial<Record<ValidationErrorType | string, string>>;
|
|
846
866
|
filePicker?: FilePickerProps;
|
|
867
|
+
tagPicker?: {
|
|
868
|
+
queryFn?: (params: {
|
|
869
|
+
in_table: string;
|
|
870
|
+
where?: {
|
|
871
|
+
id: string;
|
|
872
|
+
value: string[];
|
|
873
|
+
}[];
|
|
874
|
+
limit?: number;
|
|
875
|
+
offset?: number;
|
|
876
|
+
searching?: string;
|
|
877
|
+
}) => Promise<{
|
|
878
|
+
data: {
|
|
879
|
+
data: any[];
|
|
880
|
+
count: number;
|
|
881
|
+
};
|
|
882
|
+
idMap?: Record<string, object>;
|
|
883
|
+
}>;
|
|
884
|
+
};
|
|
885
|
+
dateTimePicker?: {
|
|
886
|
+
showQuickActions?: boolean;
|
|
887
|
+
quickActionLabels?: {
|
|
888
|
+
yesterday?: string;
|
|
889
|
+
today?: string;
|
|
890
|
+
tomorrow?: string;
|
|
891
|
+
plus7Days?: string;
|
|
892
|
+
};
|
|
893
|
+
showTimezoneSelector?: boolean;
|
|
894
|
+
};
|
|
847
895
|
}
|
|
848
896
|
declare const defaultRenderDisplay: (item: unknown) => ReactNode;
|
|
849
897
|
interface TagPickerProps {
|
|
@@ -869,7 +917,6 @@ interface FilePickerProps {
|
|
|
869
917
|
|
|
870
918
|
interface FormRootProps<TData extends FieldValues> {
|
|
871
919
|
schema: CustomJSONSchema7;
|
|
872
|
-
serverUrl: string;
|
|
873
920
|
requestUrl?: string;
|
|
874
921
|
idMap: Record<string, object>;
|
|
875
922
|
setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
|
|
@@ -913,7 +960,7 @@ declare const idPickerSanityCheck: (column: string, foreign_key?: {
|
|
|
913
960
|
table?: string | undefined;
|
|
914
961
|
column?: string | undefined;
|
|
915
962
|
} | undefined) => void;
|
|
916
|
-
declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form,
|
|
963
|
+
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;
|
|
917
964
|
|
|
918
965
|
interface DefaultFormProps<TData extends FieldValues> {
|
|
919
966
|
formConfig: Omit<FormRootProps<TData>, "children">;
|
|
@@ -1011,6 +1058,9 @@ interface DatePickerProps {
|
|
|
1011
1058
|
weekdayNamesShort: string[];
|
|
1012
1059
|
backButtonLabel?: string;
|
|
1013
1060
|
forwardButtonLabel?: string;
|
|
1061
|
+
todayLabel?: string;
|
|
1062
|
+
yesterdayLabel?: string;
|
|
1063
|
+
tomorrowLabel?: string;
|
|
1014
1064
|
};
|
|
1015
1065
|
render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
|
|
1016
1066
|
}
|
|
@@ -1019,7 +1069,31 @@ interface DatePickerLabels {
|
|
|
1019
1069
|
weekdayNamesShort: string[];
|
|
1020
1070
|
backButtonLabel?: string;
|
|
1021
1071
|
forwardButtonLabel?: string;
|
|
1072
|
+
todayLabel?: string;
|
|
1073
|
+
yesterdayLabel?: string;
|
|
1074
|
+
tomorrowLabel?: string;
|
|
1022
1075
|
}
|
|
1076
|
+
declare const DatePickerContext: React__default.Context<{
|
|
1077
|
+
labels: DatePickerLabels;
|
|
1078
|
+
}>;
|
|
1079
|
+
interface DatePickerInputProps {
|
|
1080
|
+
value?: string | Date;
|
|
1081
|
+
onChange?: (date?: string) => void;
|
|
1082
|
+
placeholder?: string;
|
|
1083
|
+
dateFormat?: string;
|
|
1084
|
+
displayFormat?: string;
|
|
1085
|
+
labels?: DatePickerLabels;
|
|
1086
|
+
timezone?: string;
|
|
1087
|
+
minDate?: Date;
|
|
1088
|
+
maxDate?: Date;
|
|
1089
|
+
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
1090
|
+
showOutsideDays?: boolean;
|
|
1091
|
+
monthsToDisplay?: number;
|
|
1092
|
+
insideDialog?: boolean;
|
|
1093
|
+
readOnly?: boolean;
|
|
1094
|
+
showHelperButtons?: boolean;
|
|
1095
|
+
}
|
|
1096
|
+
declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, showHelperButtons, }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
|
|
1023
1097
|
|
|
1024
1098
|
interface GetMultiDatesProps {
|
|
1025
1099
|
selected: boolean;
|
|
@@ -1107,24 +1181,6 @@ interface RangeDatePickerProps {
|
|
|
1107
1181
|
render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
|
|
1108
1182
|
}
|
|
1109
1183
|
|
|
1110
|
-
interface DatePickerInputProps {
|
|
1111
|
-
value?: string | Date;
|
|
1112
|
-
onChange?: (date?: string) => void;
|
|
1113
|
-
placeholder?: string;
|
|
1114
|
-
dateFormat?: string;
|
|
1115
|
-
displayFormat?: string;
|
|
1116
|
-
labels?: DatePickerLabels;
|
|
1117
|
-
timezone?: string;
|
|
1118
|
-
minDate?: Date;
|
|
1119
|
-
maxDate?: Date;
|
|
1120
|
-
firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
1121
|
-
showOutsideDays?: boolean;
|
|
1122
|
-
monthsToDisplay?: number;
|
|
1123
|
-
insideDialog?: boolean;
|
|
1124
|
-
readOnly?: boolean;
|
|
1125
|
-
}
|
|
1126
|
-
declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
|
|
1127
|
-
|
|
1128
1184
|
interface RecordDisplayProps {
|
|
1129
1185
|
object: object | null;
|
|
1130
1186
|
boxProps?: BoxProps;
|
|
@@ -1388,4 +1444,4 @@ declare module '@tanstack/react-table' {
|
|
|
1388
1444
|
}
|
|
1389
1445
|
}
|
|
1390
1446
|
|
|
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 };
|
|
1447
|
+
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 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 };
|