@bsol-oss/react-datatable5 13.0.1-beta.15 → 13.0.1-beta.17
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 +5 -8
- package/dist/index.js +5 -9
- package/dist/index.mjs +5 -9
- package/dist/types/components/DataTable/useDataTableServer.d.ts +1 -1
- package/dist/types/components/Form/useForm.d.ts +1 -3
- package/dist/types/components/Form/utils/buildErrorMessages.d.ts +3 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -320,7 +320,7 @@ interface UseDataTableReturn {
|
|
|
320
320
|
}
|
|
321
321
|
declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;
|
|
322
322
|
|
|
323
|
-
interface UseDataTableServerProps<TData> extends
|
|
323
|
+
interface UseDataTableServerProps<TData> extends UseDataTableProps {
|
|
324
324
|
/**
|
|
325
325
|
* Delay to send the request if the `refreshData` called multiple times
|
|
326
326
|
*
|
|
@@ -509,11 +509,9 @@ interface Translate {
|
|
|
509
509
|
}
|
|
510
510
|
interface UseFormProps {
|
|
511
511
|
preLoadedValues?: FieldValues | undefined;
|
|
512
|
-
keyPrefix?: string;
|
|
513
|
-
namespace?: string;
|
|
514
512
|
schema?: JSONSchema7;
|
|
515
513
|
}
|
|
516
|
-
declare const useForm: ({ preLoadedValues,
|
|
514
|
+
declare const useForm: ({ preLoadedValues, schema }: UseFormProps) => {
|
|
517
515
|
form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
|
|
518
516
|
idMap: Record<string, object>;
|
|
519
517
|
setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
|
|
@@ -700,16 +698,15 @@ declare const convertToAjvErrorsFormat: (errorMessages: ErrorMessageResult) => R
|
|
|
700
698
|
* );
|
|
701
699
|
* // Result: { username: "This field is required", email: "This field is required" }
|
|
702
700
|
*
|
|
703
|
-
* // With
|
|
701
|
+
* // With prefix in generator function
|
|
704
702
|
* const required = buildRequiredErrors(
|
|
705
703
|
* ["username", "email"],
|
|
706
|
-
* (field) =>
|
|
707
|
-
* "user"
|
|
704
|
+
* (field) => `user.${field}.field_required`
|
|
708
705
|
* );
|
|
709
706
|
* // Result: { username: "user.username.field_required", email: "user.email.field_required" }
|
|
710
707
|
* ```
|
|
711
708
|
*/
|
|
712
|
-
declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string)
|
|
709
|
+
declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string)) => Record<string, string>;
|
|
713
710
|
/**
|
|
714
711
|
* Helper function to build field-specific validation errors
|
|
715
712
|
*
|
package/dist/index.js
CHANGED
|
@@ -9032,9 +9032,7 @@ const DefaultForm = ({ formConfig, }) => {
|
|
|
9032
9032
|
return (jsxRuntime.jsx(FormRoot, { ...formConfig, children: jsxRuntime.jsxs(react.Grid, { gap: "2", children: [showTitle && jsxRuntime.jsx(FormTitle, {}), jsxRuntime.jsx(FormBody, {})] }) }));
|
|
9033
9033
|
};
|
|
9034
9034
|
|
|
9035
|
-
const useForm = ({ preLoadedValues,
|
|
9036
|
-
namespace: _namespace, // Deprecated: kept for backward compatibility
|
|
9037
|
-
schema, }) => {
|
|
9035
|
+
const useForm = ({ preLoadedValues, schema }) => {
|
|
9038
9036
|
const form = reactHookForm.useForm({
|
|
9039
9037
|
values: preLoadedValues,
|
|
9040
9038
|
resolver: schema ? ajvResolver(schema) : undefined,
|
|
@@ -9206,21 +9204,19 @@ const convertToAjvErrorsFormat = (errorMessages) => {
|
|
|
9206
9204
|
* );
|
|
9207
9205
|
* // Result: { username: "This field is required", email: "This field is required" }
|
|
9208
9206
|
*
|
|
9209
|
-
* // With
|
|
9207
|
+
* // With prefix in generator function
|
|
9210
9208
|
* const required = buildRequiredErrors(
|
|
9211
9209
|
* ["username", "email"],
|
|
9212
|
-
* (field) =>
|
|
9213
|
-
* "user"
|
|
9210
|
+
* (field) => `user.${field}.field_required`
|
|
9214
9211
|
* );
|
|
9215
9212
|
* // Result: { username: "user.username.field_required", email: "user.email.field_required" }
|
|
9216
9213
|
* ```
|
|
9217
9214
|
*/
|
|
9218
|
-
const buildRequiredErrors = (fields, messageOrGenerator
|
|
9215
|
+
const buildRequiredErrors = (fields, messageOrGenerator) => {
|
|
9219
9216
|
const result = {};
|
|
9220
9217
|
fields.forEach((field) => {
|
|
9221
9218
|
if (typeof messageOrGenerator === 'function') {
|
|
9222
|
-
|
|
9223
|
-
result[field] = keyPrefix ? `${keyPrefix}.${message}` : message;
|
|
9219
|
+
result[field] = messageOrGenerator(field);
|
|
9224
9220
|
}
|
|
9225
9221
|
else {
|
|
9226
9222
|
result[field] = messageOrGenerator;
|
package/dist/index.mjs
CHANGED
|
@@ -9012,9 +9012,7 @@ const DefaultForm = ({ formConfig, }) => {
|
|
|
9012
9012
|
return (jsx(FormRoot, { ...formConfig, children: jsxs(Grid, { gap: "2", children: [showTitle && jsx(FormTitle, {}), jsx(FormBody, {})] }) }));
|
|
9013
9013
|
};
|
|
9014
9014
|
|
|
9015
|
-
const useForm = ({ preLoadedValues,
|
|
9016
|
-
namespace: _namespace, // Deprecated: kept for backward compatibility
|
|
9017
|
-
schema, }) => {
|
|
9015
|
+
const useForm = ({ preLoadedValues, schema }) => {
|
|
9018
9016
|
const form = useForm$1({
|
|
9019
9017
|
values: preLoadedValues,
|
|
9020
9018
|
resolver: schema ? ajvResolver(schema) : undefined,
|
|
@@ -9186,21 +9184,19 @@ const convertToAjvErrorsFormat = (errorMessages) => {
|
|
|
9186
9184
|
* );
|
|
9187
9185
|
* // Result: { username: "This field is required", email: "This field is required" }
|
|
9188
9186
|
*
|
|
9189
|
-
* // With
|
|
9187
|
+
* // With prefix in generator function
|
|
9190
9188
|
* const required = buildRequiredErrors(
|
|
9191
9189
|
* ["username", "email"],
|
|
9192
|
-
* (field) =>
|
|
9193
|
-
* "user"
|
|
9190
|
+
* (field) => `user.${field}.field_required`
|
|
9194
9191
|
* );
|
|
9195
9192
|
* // Result: { username: "user.username.field_required", email: "user.email.field_required" }
|
|
9196
9193
|
* ```
|
|
9197
9194
|
*/
|
|
9198
|
-
const buildRequiredErrors = (fields, messageOrGenerator
|
|
9195
|
+
const buildRequiredErrors = (fields, messageOrGenerator) => {
|
|
9199
9196
|
const result = {};
|
|
9200
9197
|
fields.forEach((field) => {
|
|
9201
9198
|
if (typeof messageOrGenerator === 'function') {
|
|
9202
|
-
|
|
9203
|
-
result[field] = keyPrefix ? `${keyPrefix}.${message}` : message;
|
|
9199
|
+
result[field] = messageOrGenerator(field);
|
|
9204
9200
|
}
|
|
9205
9201
|
else {
|
|
9206
9202
|
result[field] = messageOrGenerator;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { UseQueryResult } from '@tanstack/react-query';
|
|
2
2
|
import { ColumnFiltersState, SortingState } from '@tanstack/react-table';
|
|
3
3
|
import { UseDataTableProps, UseDataTableReturn } from './useDataTable';
|
|
4
|
-
export interface UseDataTableServerProps<TData> extends
|
|
4
|
+
export interface UseDataTableServerProps<TData> extends UseDataTableProps {
|
|
5
5
|
/**
|
|
6
6
|
* Delay to send the request if the `refreshData` called multiple times
|
|
7
7
|
*
|
|
@@ -8,11 +8,9 @@ export interface Translate {
|
|
|
8
8
|
}
|
|
9
9
|
export interface UseFormProps {
|
|
10
10
|
preLoadedValues?: FieldValues | undefined;
|
|
11
|
-
keyPrefix?: string;
|
|
12
|
-
namespace?: string;
|
|
13
11
|
schema?: JSONSchema7;
|
|
14
12
|
}
|
|
15
|
-
export declare const useForm: ({ preLoadedValues,
|
|
13
|
+
export declare const useForm: ({ preLoadedValues, schema }: UseFormProps) => {
|
|
16
14
|
form: import("react-hook-form").UseFormReturn<FieldValues, any, undefined>;
|
|
17
15
|
idMap: Record<string, object>;
|
|
18
16
|
setIdMap: import("react").Dispatch<import("react").SetStateAction<Record<string, object>>>;
|
|
@@ -152,16 +152,15 @@ export declare const convertToAjvErrorsFormat: (errorMessages: ErrorMessageResul
|
|
|
152
152
|
* );
|
|
153
153
|
* // Result: { username: "This field is required", email: "This field is required" }
|
|
154
154
|
*
|
|
155
|
-
* // With
|
|
155
|
+
* // With prefix in generator function
|
|
156
156
|
* const required = buildRequiredErrors(
|
|
157
157
|
* ["username", "email"],
|
|
158
|
-
* (field) =>
|
|
159
|
-
* "user"
|
|
158
|
+
* (field) => `user.${field}.field_required`
|
|
160
159
|
* );
|
|
161
160
|
* // Result: { username: "user.username.field_required", email: "user.email.field_required" }
|
|
162
161
|
* ```
|
|
163
162
|
*/
|
|
164
|
-
export declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string)
|
|
163
|
+
export declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string)) => Record<string, string>;
|
|
165
164
|
/**
|
|
166
165
|
* Helper function to build field-specific validation errors
|
|
167
166
|
*
|