@bsol-oss/react-datatable5 12.0.0-beta.95 → 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 (37) hide show
  1. package/README.md +1 -0
  2. package/dist/index.d.ts +166 -41
  3. package/dist/index.js +1151 -612
  4. package/dist/index.mjs +1153 -615
  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/context/DataTableContext.d.ts +4 -6
  8. package/dist/types/components/DataTable/controls/MobileTableControls.d.ts +29 -0
  9. package/dist/types/components/DataTable/controls/TableControls.d.ts +2 -2
  10. package/dist/types/components/DataTable/display/CalendarDisplay.d.ts +84 -0
  11. package/dist/types/components/DataTable/display/DataDisplay.d.ts +0 -2
  12. package/dist/types/components/DataTable/display/MobileTableDisplay.d.ts +5 -0
  13. package/dist/types/components/DataTable/display/RecordDisplay.d.ts +1 -3
  14. package/dist/types/components/DataTable/hooks/useIsMobile.d.ts +6 -0
  15. package/dist/types/components/DataTable/useDataTable.d.ts +3 -6
  16. package/dist/types/components/DataTable/useDataTableServer.d.ts +4 -4
  17. package/dist/types/components/DataTable/utils/getColumns.d.ts +3 -5
  18. package/dist/types/components/DatePicker/DatePicker.d.ts +7 -8
  19. package/dist/types/components/DatePicker/DateTimePicker.d.ts +3 -1
  20. package/dist/types/components/DatePicker/IsoTimePicker.d.ts +5 -1
  21. package/dist/types/components/DatePicker/RangeDatePicker.d.ts +4 -4
  22. package/dist/types/components/DatePicker/useCalendar.d.ts +48 -0
  23. package/dist/types/components/Form/SchemaFormContext.d.ts +5 -3
  24. package/dist/types/components/Form/components/core/FormBody.d.ts +1 -2
  25. package/dist/types/components/Form/components/core/FormRoot.d.ts +6 -4
  26. package/dist/types/components/Form/components/fields/FilePicker.d.ts +1 -2
  27. package/dist/types/components/Form/components/fields/IdPicker.d.ts +8 -0
  28. package/dist/types/components/Form/components/fields/IdPickerMultiple.d.ts +7 -0
  29. package/dist/types/components/Form/components/fields/IdPickerSingle.d.ts +7 -0
  30. package/dist/types/components/Form/components/fields/useIdPickerData.d.ts +46 -0
  31. package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts +9 -0
  32. package/dist/types/components/Form/useForm.d.ts +7 -2
  33. package/dist/types/components/Form/utils/useFormI18n.d.ts +14 -12
  34. package/dist/types/components/TimePicker/TimePicker.d.ts +4 -6
  35. package/dist/types/components/ui/provider.d.ts +1 -1
  36. package/dist/types/index.d.ts +1 -0
  37. package/package.json +1 -3
@@ -1,15 +1,20 @@
1
1
  /// <reference types="react" />
2
2
  import { FieldValues } from 'react-hook-form';
3
3
  import { JSONSchema7 } from 'json-schema';
4
+ export interface Translate {
5
+ t: (key: string, options?: any) => string;
6
+ i18n?: any;
7
+ ready?: boolean;
8
+ }
4
9
  export interface UseFormProps {
5
10
  preLoadedValues?: FieldValues | undefined;
6
11
  keyPrefix?: string;
7
12
  namespace?: string;
8
13
  schema?: JSONSchema7;
9
14
  }
10
- export declare const useForm: ({ preLoadedValues, keyPrefix, namespace, schema, }: UseFormProps) => {
15
+ export declare const useForm: ({ preLoadedValues, keyPrefix: _keyPrefix, namespace: _namespace, schema, }: UseFormProps) => {
11
16
  form: import("react-hook-form").UseFormReturn<FieldValues, any, undefined>;
12
17
  idMap: Record<string, object>;
13
18
  setIdMap: import("react").Dispatch<import("react").SetStateAction<Record<string, object>>>;
14
- translate: import("react-i18next").UseTranslationResponse<string, string>;
19
+ translate: Translate;
15
20
  };
@@ -1,22 +1,24 @@
1
1
  /**
2
- * Custom hook to simplify i18n translation for form fields.
2
+ * Custom hook for form field labels and fallback text.
3
3
  * Automatically handles colLabel construction and removeIndex logic.
4
+ * Uses schema.title when available, otherwise falls back to translate function.
4
5
  *
5
6
  * @param column - The column name
6
7
  * @param prefix - The prefix for the field (usually empty string or parent path)
7
- * @returns Object with translation helper functions
8
+ * @param schema - Optional schema object with title property
9
+ * @returns Object with label helper functions
8
10
  *
9
11
  * @example
10
12
  * ```tsx
11
- * const formI18n = useFormI18n(column, prefix);
13
+ * const formI18n = useFormI18n(column, prefix, schema);
12
14
  *
13
- * // Get field label
15
+ * // Get field label (prefers schema.title)
14
16
  * <Field label={formI18n.label()} />
15
17
  *
16
- * // Get error message
18
+ * // Get required error message
17
19
  * <Text>{formI18n.required()}</Text>
18
20
  *
19
- * // Get custom translation key
21
+ * // Get custom text
20
22
  * <Text>{formI18n.t('add_more')}</Text>
21
23
  *
22
24
  * // Access the raw colLabel
@@ -31,25 +33,25 @@ export declare const useFormI18n: (column: string, prefix?: string, schema?: {
31
33
  */
32
34
  colLabel: string;
33
35
  /**
34
- * Get the field label from schema title prop, or fall back to translation
36
+ * Get the field label from schema title prop, or fall back to translate function
35
37
  * Uses schema.title if available, otherwise: translate.t(removeIndex(`${colLabel}.field_label`))
36
38
  */
37
39
  label: (options?: any) => string;
38
40
  /**
39
- * Get the required error message translation
41
+ * Get the required error message
40
42
  * Equivalent to: translate.t(removeIndex(`${colLabel}.field_required`))
41
43
  */
42
44
  required: (options?: any) => string;
43
45
  /**
44
- * Get a translation for any custom key relative to the field
46
+ * Get text for any custom key relative to the field
45
47
  * Equivalent to: translate.t(removeIndex(`${colLabel}.${key}`))
46
48
  *
47
- * @param key - The translation key suffix (e.g., 'add_more', 'total', etc.)
48
- * @param options - Optional translation options (e.g., defaultValue, interpolation variables)
49
+ * @param key - The key suffix (e.g., 'add_more', 'total', etc.)
50
+ * @param options - Optional options (e.g., defaultValue, interpolation variables)
49
51
  */
50
52
  t: (key: string, options?: any) => string;
51
53
  /**
52
54
  * Access to the original translate object for edge cases
53
55
  */
54
- translate: import("react-i18next").UseTranslationResponse<string, string>;
56
+ translate: import("../useForm").Translate;
55
57
  };
@@ -1,4 +1,5 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
+ import { TimePickerLabels } from '../Form/components/types/CustomJSONSchema7';
2
3
  interface TimePickerProps {
3
4
  hour: number | null;
4
5
  setHour: Dispatch<SetStateAction<number | null>>;
@@ -11,14 +12,11 @@ interface TimePickerProps {
11
12
  minute: number | null;
12
13
  meridiem: 'am' | 'pm' | null;
13
14
  }) => void;
14
- meridiemLabel?: {
15
- am: string;
16
- pm: string;
17
- };
18
- timezone?: string;
19
15
  startTime?: string;
20
16
  selectedDate?: string;
17
+ timezone?: string;
21
18
  portalled?: boolean;
19
+ labels?: TimePickerLabels;
22
20
  }
23
- export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel: _meridiemLabel, onChange, timezone, startTime, selectedDate, portalled, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
21
+ export declare const TimePicker: ({ hour, setHour, minute, setMinute, meridiem, setMeridiem, onChange, startTime, selectedDate, timezone, portalled, labels, }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
24
22
  export {};
@@ -1,2 +1,2 @@
1
- import { type ColorModeProviderProps } from "./color-mode";
1
+ import { type ColorModeProviderProps } from './color-mode';
2
2
  export declare function Provider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;
@@ -132,5 +132,6 @@ export * from './components/DataTable/display/TableDataDisplay';
132
132
  export * from './components/DataTable/DefaultTable';
133
133
  export * from './components/DataTable/DefaultTableServer';
134
134
  export * from './components/DataTable/display/DataDisplay';
135
+ export * from './components/DataTable/display/CalendarDisplay';
135
136
  export * from './components/DataTable/DataTable';
136
137
  export * from './components/DataTable/DataTableServer';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bsol-oss/react-datatable5",
3
- "version": "12.0.0-beta.95",
3
+ "version": "13.0.1-beta.0",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -37,7 +37,6 @@
37
37
  },
38
38
  "peerDependencies": {
39
39
  "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
40
- "@bsol-oss/dayzed-react19": "^0.0.4",
41
40
  "@chakra-ui/react": "^3.19.1",
42
41
  "@emotion/react": "^11.13.5",
43
42
  "@tanstack/match-sorter-utils": "^8.15.1",
@@ -53,7 +52,6 @@
53
52
  "react": "^19.0.0",
54
53
  "react-dom": "^19.0.0",
55
54
  "react-hook-form": "^7.54.2",
56
- "react-i18next": "^16.3.5",
57
55
  "react-icons": "^5.4.0",
58
56
  "tiny-invariant": "^1.3.3"
59
57
  },