@bsol-oss/react-datatable5 12.0.0-beta.8 → 12.0.0-beta.80

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 (127) hide show
  1. package/README.md +224 -5
  2. package/dist/index.d.ts +606 -96
  3. package/dist/index.js +2679 -610
  4. package/dist/index.mjs +2683 -619
  5. package/dist/types/components/DataTable/DataTable.d.ts +12 -7
  6. package/dist/types/components/DataTable/DataTableServer.d.ts +6 -4
  7. package/dist/types/components/DataTable/DefaultTable.d.ts +12 -14
  8. package/dist/types/components/DataTable/DefaultTableServer.d.ts +23 -0
  9. package/dist/types/components/DataTable/context/DataTableContext.d.ts +21 -3
  10. package/dist/types/components/DataTable/context/useDataTableContext.d.ts +2 -2
  11. package/dist/types/components/DataTable/controls/ReloadButton.d.ts +1 -2
  12. package/dist/types/components/DataTable/controls/ResetFilteringButton.d.ts +1 -4
  13. package/dist/types/components/DataTable/controls/ResetSelectionButton.d.ts +1 -4
  14. package/dist/types/components/DataTable/controls/ResetSortingButton.d.ts +1 -4
  15. package/dist/types/components/DataTable/controls/TableControls.d.ts +10 -2
  16. package/dist/types/components/DataTable/display/Table.d.ts +3 -3
  17. package/dist/types/components/DataTable/display/TableBody.d.ts +1 -2
  18. package/dist/types/components/DataTable/display/TableBodySkeleton.d.ts +5 -0
  19. package/dist/types/components/DataTable/display/TableCardContainer.d.ts +6 -3
  20. package/dist/types/components/DataTable/display/TableDataDisplay.d.ts +6 -1
  21. package/dist/types/components/DataTable/display/TableFooter.d.ts +1 -5
  22. package/dist/types/components/DataTable/display/TableHeader.d.ts +46 -8
  23. package/dist/types/components/DataTable/useDataTableServer.d.ts +55 -3
  24. package/dist/types/components/DatePicker/DatePicker.d.ts +23 -0
  25. package/dist/types/components/DatePicker/DateTimePicker.d.ts +11 -0
  26. package/dist/types/components/DatePicker/DurationPicker.d.ts +12 -0
  27. package/dist/types/components/DatePicker/IsoTimePicker.d.ts +16 -0
  28. package/dist/types/components/DatePicker/PickerDemo.d.ts +1 -0
  29. package/dist/types/components/DatePicker/UniversalPicker.d.ts +9 -0
  30. package/dist/types/components/DatePicker/index.d.ts +7 -0
  31. package/dist/types/components/Filter/TagFilter.d.ts +5 -1
  32. package/dist/types/components/Form/SchemaFormContext.d.ts +22 -6
  33. package/dist/types/components/Form/components/FileDropzone.d.ts +2 -2
  34. package/dist/types/components/Form/components/core/DefaultForm.d.ts +1 -0
  35. package/dist/types/components/Form/components/core/FormBody.d.ts +2 -1
  36. package/dist/types/components/Form/components/core/FormRoot.d.ts +21 -8
  37. package/dist/types/components/Form/components/fields/BooleanPicker.d.ts +1 -1
  38. package/dist/types/components/Form/components/fields/ColumnRenderer.d.ts +3 -2
  39. package/dist/types/components/Form/components/fields/CustomInput.d.ts +8 -0
  40. package/dist/types/components/Form/components/fields/DatePicker.d.ts +2 -7
  41. package/dist/types/components/Form/components/fields/DateRangePicker.d.ts +2 -0
  42. package/dist/types/components/Form/components/fields/DateTimePicker.d.ts +2 -0
  43. package/dist/types/components/Form/components/fields/EnumPicker.d.ts +3 -2
  44. package/dist/types/components/Form/components/fields/FilePicker.d.ts +2 -5
  45. package/dist/types/components/Form/components/fields/IdPicker.d.ts +1 -1
  46. package/dist/types/components/Form/components/fields/NumberInputField.d.ts +1 -1
  47. package/dist/types/components/Form/components/fields/ObjectInput.d.ts +1 -1
  48. package/dist/types/components/Form/components/fields/RecordInput.d.ts +1 -1
  49. package/dist/types/components/Form/components/fields/SchemaRenderer.d.ts +1 -1
  50. package/dist/types/components/Form/components/fields/StringInputField.d.ts +19 -5
  51. package/dist/types/components/Form/components/fields/TextAreaInput.d.ts +12 -0
  52. package/dist/types/components/Form/components/{DatePicker.d.ts → fields/TimePicker.d.ts} +2 -2
  53. package/dist/types/components/Form/components/fields/types.d.ts +6 -0
  54. package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts +77 -4
  55. package/dist/types/components/Form/components/viewers/CustomViewer.d.ts +8 -0
  56. package/dist/types/components/Form/components/viewers/DateTimeViewer.d.ts +7 -0
  57. package/dist/types/components/Form/components/viewers/NumberViewer.d.ts +1 -1
  58. package/dist/types/components/Form/components/viewers/TextAreaViewer.d.ts +12 -0
  59. package/dist/types/components/Form/components/viewers/TimeViewer.d.ts +7 -0
  60. package/dist/types/components/Form/useForm.d.ts +6 -3
  61. package/dist/types/components/Form/utils/ajvResolver.d.ts +13 -0
  62. package/dist/types/components/Form/utils/buildErrorMessages.d.ts +223 -0
  63. package/dist/types/components/Form/utils/formatBytes.d.ts +6 -0
  64. package/dist/types/components/Form/utils/getFieldError.d.ts +6 -0
  65. package/dist/types/components/Form/utils/useFormI18n.d.ts +53 -0
  66. package/dist/types/components/Form/utils/validateData.d.ts +9 -0
  67. package/dist/types/components/TextArea/TextArea.d.ts +22 -0
  68. package/dist/types/components/TimePicker/TimePicker.d.ts +21 -0
  69. package/dist/types/components/ui/field.d.ts +3 -3
  70. package/dist/types/index.d.ts +19 -2
  71. package/package.json +18 -3
  72. package/dist/types/components/Controls/DensityFeature.d.ts +0 -23
  73. package/dist/types/components/Controls/DensityToggleButton.d.ts +0 -6
  74. package/dist/types/components/Controls/EditFilterButton.d.ts +0 -9
  75. package/dist/types/components/Controls/EditOrderButton.d.ts +0 -7
  76. package/dist/types/components/Controls/EditSortingButton.d.ts +0 -7
  77. package/dist/types/components/Controls/EditViewButton.d.ts +0 -7
  78. package/dist/types/components/Controls/FilterDialog.d.ts +0 -5
  79. package/dist/types/components/Controls/PageSizeControl.d.ts +0 -4
  80. package/dist/types/components/Controls/Pagination.d.ts +0 -1
  81. package/dist/types/components/Controls/ResetFilteringButton.d.ts +0 -4
  82. package/dist/types/components/Controls/ResetSelectionButton.d.ts +0 -4
  83. package/dist/types/components/Controls/ResetSortingButton.d.ts +0 -4
  84. package/dist/types/components/Controls/RowCountText.d.ts +0 -1
  85. package/dist/types/components/Controls/SelectAllRowsToggle.d.ts +0 -8
  86. package/dist/types/components/Controls/TablePagination.d.ts +0 -1
  87. package/dist/types/components/Controls/ViewDialog.d.ts +0 -5
  88. package/dist/types/components/DataTable/CardHeader.d.ts +0 -13
  89. package/dist/types/components/DataTable/DataDisplay.d.ts +0 -6
  90. package/dist/types/components/DataTable/ReloadButton.d.ts +0 -5
  91. package/dist/types/components/DataTable/Table.d.ts +0 -10
  92. package/dist/types/components/DataTable/TableBody.d.ts +0 -21
  93. package/dist/types/components/DataTable/TableCardContainer.d.ts +0 -7
  94. package/dist/types/components/DataTable/TableCards.d.ts +0 -11
  95. package/dist/types/components/DataTable/TableComponent.d.ts +0 -6
  96. package/dist/types/components/DataTable/TableControls.d.ts +0 -21
  97. package/dist/types/components/DataTable/TableFilter.d.ts +0 -1
  98. package/dist/types/components/DataTable/TableFilterTags.d.ts +0 -1
  99. package/dist/types/components/DataTable/TableFilters.d.ts +0 -1
  100. package/dist/types/components/DataTable/TableFooter.d.ts +0 -9
  101. package/dist/types/components/DataTable/TableHeader.d.ts +0 -13
  102. package/dist/types/components/DataTable/TableLoadingComponent.d.ts +0 -5
  103. package/dist/types/components/DataTable/TableOrderer.d.ts +0 -1
  104. package/dist/types/components/DataTable/TableSelector.d.ts +0 -1
  105. package/dist/types/components/DataTable/TableSorter.d.ts +0 -1
  106. package/dist/types/components/DataTable/TableViewer.d.ts +0 -1
  107. package/dist/types/components/DataTable/TextCell.d.ts +0 -10
  108. package/dist/types/components/DataTable/components/EmptyState.d.ts +0 -5
  109. package/dist/types/components/DataTable/components/ErrorAlert.d.ts +0 -4
  110. package/dist/types/components/DataTable/components/RecordDisplay.d.ts +0 -9
  111. package/dist/types/components/DataTable/components/TextCell.d.ts +0 -10
  112. package/dist/types/components/Filter/DateRangeFilter.d.ts +0 -9
  113. package/dist/types/components/Filter/FilterOptions.d.ts +0 -4
  114. package/dist/types/components/Form/Form.d.ts +0 -36
  115. package/dist/types/components/Form/components/ArrayRenderer.d.ts +0 -7
  116. package/dist/types/components/Form/components/BooleanPicker.d.ts +0 -7
  117. package/dist/types/components/Form/components/ColumnRenderer.d.ts +0 -7
  118. package/dist/types/components/Form/components/EnumPicker.d.ts +0 -8
  119. package/dist/types/components/Form/components/FilePicker.d.ts +0 -5
  120. package/dist/types/components/Form/components/IdPicker.d.ts +0 -8
  121. package/dist/types/components/Form/components/IdViewer.d.ts +0 -5
  122. package/dist/types/components/Form/components/NumberInputField.d.ts +0 -7
  123. package/dist/types/components/Form/components/ObjectInput.d.ts +0 -7
  124. package/dist/types/components/Form/components/RecordInput.d.ts +0 -7
  125. package/dist/types/components/Form/components/SchemaRenderer.d.ts +0 -7
  126. package/dist/types/components/Form/components/StringInputField.d.ts +0 -20
  127. package/dist/types/components/Form/components/TagPicker.d.ts +0 -30
@@ -0,0 +1,53 @@
1
+ /**
2
+ * Custom hook to simplify i18n translation for form fields.
3
+ * Automatically handles colLabel construction and removeIndex logic.
4
+ *
5
+ * @param column - The column name
6
+ * @param prefix - The prefix for the field (usually empty string or parent path)
7
+ * @returns Object with translation helper functions
8
+ *
9
+ * @example
10
+ * ```tsx
11
+ * const formI18n = useFormI18n(column, prefix);
12
+ *
13
+ * // Get field label
14
+ * <Field label={formI18n.label()} />
15
+ *
16
+ * // Get error message
17
+ * <Text>{formI18n.required()}</Text>
18
+ *
19
+ * // Get custom translation key
20
+ * <Text>{formI18n.t('add_more')}</Text>
21
+ *
22
+ * // Access the raw colLabel
23
+ * const colLabel = formI18n.colLabel;
24
+ * ```
25
+ */
26
+ export declare const useFormI18n: (column: string, prefix?: string) => {
27
+ /**
28
+ * The constructed column label (prefix + column)
29
+ */
30
+ colLabel: string;
31
+ /**
32
+ * Get the field label translation
33
+ * Equivalent to: translate.t(removeIndex(`${colLabel}.field_label`))
34
+ */
35
+ label: (options?: any) => string;
36
+ /**
37
+ * Get the required error message translation
38
+ * Equivalent to: translate.t(removeIndex(`${colLabel}.field_required`))
39
+ */
40
+ required: (options?: any) => string;
41
+ /**
42
+ * Get a translation for any custom key relative to the field
43
+ * Equivalent to: translate.t(removeIndex(`${colLabel}.${key}`))
44
+ *
45
+ * @param key - The translation key suffix (e.g., 'add_more', 'total', etc.)
46
+ * @param options - Optional translation options (e.g., defaultValue, interpolation variables)
47
+ */
48
+ t: (key: string, options?: any) => string;
49
+ /**
50
+ * Access to the original translate object for edge cases
51
+ */
52
+ translate: import("react-i18next").UseTranslationResponse<string, string>;
53
+ };
@@ -0,0 +1,9 @@
1
+ import { ErrorObject, ValidateFunction } from 'ajv';
2
+ import { JSONSchema7 } from 'json-schema';
3
+ type ValidateDataResult = {
4
+ isValid: boolean;
5
+ validate: ValidateFunction;
6
+ errors: ErrorObject<string, Record<string, any>, unknown>[] | null | undefined;
7
+ };
8
+ export declare const validateData: (data: unknown, schema: JSONSchema7) => ValidateDataResult;
9
+ export {};
@@ -0,0 +1,22 @@
1
+ import type React from "react";
2
+ interface CustomTextareaProps {
3
+ value?: string;
4
+ defaultValue?: string;
5
+ placeholder?: string;
6
+ onChange?: (value: string) => void;
7
+ onFocus?: () => void;
8
+ onBlur?: () => void;
9
+ disabled?: boolean;
10
+ readOnly?: boolean;
11
+ className?: string;
12
+ rows?: number;
13
+ maxLength?: number;
14
+ autoFocus?: boolean;
15
+ invalid?: boolean;
16
+ required?: boolean;
17
+ label?: string;
18
+ helperText?: string;
19
+ errorText?: string;
20
+ }
21
+ declare const Textarea: React.ForwardRefExoticComponent<CustomTextareaProps & React.RefAttributes<HTMLDivElement>>;
22
+ export { Textarea };
@@ -0,0 +1,21 @@
1
+ import { Dispatch, SetStateAction } from "react";
2
+ interface TimePickerProps {
3
+ hour: number | null;
4
+ setHour: Dispatch<SetStateAction<number | null>>;
5
+ minute: number | null;
6
+ setMinute: Dispatch<SetStateAction<number | null>>;
7
+ meridiem: "am" | "pm" | null;
8
+ setMeridiem: Dispatch<SetStateAction<"am" | "pm" | null>>;
9
+ onChange?: (newValue: {
10
+ hour: number | null;
11
+ minute: number | null;
12
+ meridiem: "am" | "pm" | null;
13
+ }) => void;
14
+ meridiemLabel?: {
15
+ am: string;
16
+ pm: string;
17
+ };
18
+ timezone?: string;
19
+ }
20
+ export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel, onChange, timezone, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
21
+ export {};
@@ -1,6 +1,6 @@
1
- import { Field as ChakraField } from "@chakra-ui/react";
2
- import * as React from "react";
3
- export interface FieldProps extends Omit<ChakraField.RootProps, "label"> {
1
+ import { Field as ChakraField } from '@chakra-ui/react';
2
+ import * as React from 'react';
3
+ export interface FieldProps extends Omit<ChakraField.RootProps, 'label'> {
4
4
  label?: React.ReactNode;
5
5
  helperText?: React.ReactNode;
6
6
  errorText?: React.ReactNode;
@@ -12,6 +12,17 @@ declare module "@tanstack/react-table" {
12
12
  * The display name of the column, used for rendering headers.
13
13
  */
14
14
  displayName?: string;
15
+ /**
16
+ * Text configuration for the column header menu items.
17
+ * These strings can be customized per column.
18
+ */
19
+ headerTexts?: {
20
+ pinColumn?: string;
21
+ cancelPin?: string;
22
+ sortAscending?: string;
23
+ sortDescending?: string;
24
+ clearSorting?: string;
25
+ };
15
26
  /**
16
27
  * Specifies the type of filter to be used for the column.
17
28
  *
@@ -32,7 +43,10 @@ declare module "@tanstack/react-table" {
32
43
  /**
33
44
  * Options for the select filter variant, if applicable.
34
45
  */
35
- filterOptions?: string[];
46
+ filterOptions?: {
47
+ label: string;
48
+ value: string;
49
+ }[];
36
50
  /**
37
51
  * Configuration for the range filter variant, if applicable.
38
52
  *
@@ -75,6 +89,7 @@ export * from "./components/DataTable/display/DataDisplay";
75
89
  export * from "./components/DataTable/DataTable";
76
90
  export * from "./components/DataTable/DataTableServer";
77
91
  export * from "./components/DataTable/DefaultTable";
92
+ export * from "./components/DataTable/DefaultTableServer";
78
93
  export * from "./components/DataTable/controls/ReloadButton";
79
94
  export * from "./components/DataTable/display/Table";
80
95
  export * from "./components/DataTable/display/TableBody";
@@ -86,6 +101,7 @@ export * from "./components/DataTable/controls/TableFilters";
86
101
  export * from "./components/DataTable/controls/TableFilterTags";
87
102
  export * from "./components/DataTable/display/TableFooter";
88
103
  export * from "./components/DataTable/display/TableHeader";
104
+ export type { TableHeaderTexts } from "./components/DataTable/display/TableHeader";
89
105
  export * from "./components/DataTable/display/TableLoadingComponent";
90
106
  export * from "./components/DataTable/controls/TableSelector";
91
107
  export * from "./components/DataTable/controls/TableSorter";
@@ -95,13 +111,14 @@ export * from "./components/DataTable/useDataTable";
95
111
  export * from "./components/DataTable/useDataTableServer";
96
112
  export * from "./components/DataTable/utils/getColumns";
97
113
  export * from "./components/DataTable/display/TableDataDisplay";
98
- export * from "./components/Filter/FilterOptions";
99
114
  export * from "./components/Filter/GlobalFilter";
100
115
  export * from "./components/Form/components/core/DefaultForm";
101
116
  export * from "./components/Form/components/core/FormRoot";
102
117
  export * from "./components/Form/components/core/FormTitle";
103
118
  export * from "./components/Form/components/core/FormBody";
119
+ export * from "./components/Form/components/types/CustomJSONSchema7";
104
120
  export * from "./components/Form/useForm";
121
+ export * from "./components/Form/utils/buildErrorMessages";
105
122
  export * from "./components/DatePicker/DatePicker";
106
123
  export * from "./components/DatePicker/getMultiDates";
107
124
  export * from "./components/DatePicker/getRangeDates";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bsol-oss/react-datatable5",
3
- "version": "12.0.0-beta.8",
3
+ "version": "12.0.0-beta.80",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -32,17 +32,21 @@
32
32
  "preview": "vite preview",
33
33
  "storybook": "storybook dev -p 6006",
34
34
  "build-storybook": "storybook build",
35
- "format": "prettier --ignore-unknown '**/*'"
35
+ "format": "prettier --ignore-unknown '**/*'",
36
+ "prepare": "husky"
36
37
  },
37
38
  "peerDependencies": {
38
39
  "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
39
40
  "@bsol-oss/dayzed-react19": "^0.0.4",
40
- "@chakra-ui/react": "^3.2.3",
41
+ "@chakra-ui/react": "^3.19.1",
41
42
  "@emotion/react": "^11.13.5",
42
43
  "@tanstack/match-sorter-utils": "^8.15.1",
43
44
  "@tanstack/react-query": "^5.66.9",
44
45
  "@tanstack/react-table": "^8.21.2",
45
46
  "@uidotdev/usehooks": "^2.4.1",
47
+ "ajv": "^8.12.0",
48
+ "ajv-errors": "^3.0.0",
49
+ "ajv-formats": "^3.0.1",
46
50
  "axios": "^1.7.9",
47
51
  "dayjs": "^1.11.13",
48
52
  "next-themes": "^0.4.4",
@@ -63,6 +67,7 @@
63
67
  "@storybook/react": "^8.4.7",
64
68
  "@storybook/react-vite": "^8.4.7",
65
69
  "@storybook/test": "^8.4.7",
70
+ "@types/ajv-errors": "^2.0.0",
66
71
  "@types/json-schema": "^7.0.15",
67
72
  "@types/react": "19.0.2",
68
73
  "@types/react-beautiful-dnd": "^13.1.8",
@@ -70,14 +75,24 @@
70
75
  "@typescript-eslint/eslint-plugin": "^7.2.0",
71
76
  "@typescript-eslint/parser": "^7.2.0",
72
77
  "@vitejs/plugin-react": "^4.2.1",
78
+ "ajv": "^8.12.0",
79
+ "ajv-errors": "^3.0.0",
80
+ "ajv-formats": "^3.0.1",
73
81
  "eslint": "^8.57.0",
74
82
  "eslint-plugin-react-hooks": "^4.6.0",
75
83
  "eslint-plugin-react-refresh": "^0.4.6",
76
84
  "eslint-plugin-storybook": "^0.8.0",
85
+ "husky": "^9.1.7",
86
+ "lint-staged": "^16.2.5",
77
87
  "prettier": "3.2.5",
78
88
  "rollup-plugin-dts": "^6.1.0",
79
89
  "storybook": "^8.4.7",
80
90
  "typescript": "^5.2.2",
81
91
  "vite": "^5.2.0"
92
+ },
93
+ "lint-staged": {
94
+ "*.{ts,js,json,md,tsx}": [
95
+ "prettier --config ./.prettierrc --write"
96
+ ]
82
97
  }
83
98
  }
@@ -1,23 +0,0 @@
1
- import { OnChangeFn, Updater, RowData, TableFeature } from "@tanstack/react-table";
2
- export type DensityState = "sm" | "md" | "lg";
3
- export interface DensityTableState {
4
- density: DensityState;
5
- }
6
- export interface DensityOptions {
7
- enableDensity?: boolean;
8
- onDensityChange?: OnChangeFn<DensityState>;
9
- }
10
- export interface DensityInstance {
11
- setDensity: (updater: Updater<DensityState>) => void;
12
- toggleDensity: (value?: DensityState) => void;
13
- getDensityValue: (value?: DensityState) => number;
14
- }
15
- declare module "@tanstack/react-table" {
16
- interface TableState extends DensityTableState {
17
- }
18
- interface TableOptionsResolved<TData extends RowData> extends DensityOptions {
19
- }
20
- interface Table<TData extends RowData> extends DensityInstance {
21
- }
22
- }
23
- export declare const DensityFeature: TableFeature<any>;
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- export interface DensityToggleButtonProps {
3
- icon?: React.ReactElement;
4
- text?: string;
5
- }
6
- export declare const DensityToggleButton: ({ text, icon, }: DensityToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export interface EditFilterButtonProps {
3
- text?: string;
4
- title?: string;
5
- closeText?: string;
6
- resetText?: string;
7
- icon?: React.ReactElement;
8
- }
9
- export declare const EditFilterButton: ({ text, title, closeText, resetText, icon, }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- export interface EditOrderButtonProps {
3
- title?: string;
4
- icon?: React.ReactElement;
5
- text?: string;
6
- }
7
- export declare const EditOrderButton: ({ text, icon, title, }: EditOrderButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export interface EditSortingButtonProps {
3
- title?: string;
4
- icon?: React.ReactElement;
5
- text?: string;
6
- }
7
- export declare const EditSortingButton: ({ text, icon, title, }: EditSortingButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- export interface EditViewButtonProps {
3
- text?: string;
4
- icon?: React.ReactElement;
5
- title?: string;
6
- }
7
- export declare const EditViewButton: ({ text, icon, title, }: EditViewButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export interface EditFilterButtonProps {
3
- icon?: React.ReactElement;
4
- }
5
- export declare const FilterDialog: ({ icon, }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export interface PageSizeControlProps {
2
- pageSizes?: number[];
3
- }
4
- export declare const PageSizeControl: ({ pageSizes, }: PageSizeControlProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const Pagination: () => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export interface ResetFilteringButtonProps {
2
- text?: string;
3
- }
4
- export declare const ResetFilteringButton: ({ text, }: ResetFilteringButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export interface ResetSelectionButtonProps {
2
- text?: string;
3
- }
4
- export declare const ResetSelectionButton: ({ text, }: ResetSelectionButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export interface ResetSortingButtonProps {
2
- text?: string;
3
- }
4
- export declare const ResetSortingButton: ({ text, }: ResetSortingButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const RowCountText: () => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- export interface SelectAllRowsToggleProps {
3
- selectAllIcon?: React.ReactElement;
4
- clearAllIcon?: React.ReactElement;
5
- selectAllText?: string;
6
- clearAllText?: string;
7
- }
8
- export declare const SelectAllRowsToggle: ({ selectAllIcon, clearAllIcon, selectAllText, clearAllText, }: SelectAllRowsToggleProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TablePagination: () => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export interface EditViewButtonProps {
3
- icon?: React.ReactElement;
4
- }
5
- export declare const ViewDialog: ({ icon }: EditViewButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { ImageProps } from "@chakra-ui/react";
2
- import { Row } from "@tanstack/react-table";
3
- import { IconType } from "react-icons";
4
- export interface CardHeaderProps<TData> {
5
- row: Row<TData>;
6
- imageColumnId?: keyof TData;
7
- titleColumnId?: keyof TData;
8
- tagColumnId?: keyof TData;
9
- tagIcon?: IconType;
10
- showTag?: boolean;
11
- imageProps?: ImageProps;
12
- }
13
- export declare const CardHeader: <TData>({ row, imageColumnId, titleColumnId, tagColumnId, tagIcon, showTag, imageProps, }: CardHeaderProps<TData>) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { UseTranslationResponse } from "react-i18next";
2
- export interface DataDisplayProps {
3
- variant?: "horizontal" | "stats" | "";
4
- translate?: UseTranslationResponse<any, any>;
5
- }
6
- export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- export interface ReloadButtonProps {
2
- text?: string;
3
- variant?: string;
4
- }
5
- export declare const ReloadButton: ({ text, variant, }: ReloadButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { TableRootProps } from "@chakra-ui/react";
2
- import { ReactNode } from "react";
3
- export interface TableProps extends TableRootProps {
4
- showLoading?: boolean;
5
- loadingComponent?: ReactNode;
6
- emptyComponent?: ReactNode;
7
- canResize?: boolean;
8
- children: ReactNode;
9
- }
10
- export declare const Table: ({ children, emptyComponent, canResize, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
@@ -1,21 +0,0 @@
1
- import { Row } from "@tanstack/react-table";
2
- export interface TableBodyProps {
3
- pinnedBgColor?: {
4
- light: string;
5
- dark: string;
6
- };
7
- showSelector?: boolean;
8
- alwaysShowSelector?: boolean;
9
- canResize?: boolean;
10
- }
11
- export interface TableRowSelectorProps<TData> {
12
- index: number;
13
- row: Row<TData>;
14
- hoveredRow: number;
15
- pinnedBgColor?: {
16
- light: string;
17
- dark: string;
18
- };
19
- alwaysShowSelector?: boolean;
20
- }
21
- export declare const TableBody: ({ pinnedBgColor, showSelector, alwaysShowSelector, canResize, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { GridProps } from "@chakra-ui/react";
2
- import { ReactNode } from "react";
3
- export interface TableCardContainerProps extends GridProps {
4
- children: ReactNode;
5
- variant?: "carousel" | "";
6
- }
7
- export declare const TableCardContainer: ({ children, variant, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import { CardBodyProps } from "@chakra-ui/react";
2
- import { Row } from "@tanstack/react-table";
3
- import { ReactNode } from "react";
4
- export interface TableCardsProps<TData> {
5
- isSelectable?: boolean;
6
- showDisplayNameOnly?: boolean;
7
- renderTitle?: (row: Row<TData>) => ReactNode | undefined;
8
- cardBodyProps?: CardBodyProps;
9
- }
10
- export declare const DefaultCardTitle: () => import("react/jsx-runtime").JSX.Element;
11
- export declare const TableCards: <TData>({ isSelectable, showDisplayNameOnly, renderTitle, cardBodyProps, }: TableCardsProps<TData>) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { Table } from "@tanstack/react-table";
2
- import React from "react";
3
- export interface TableRendererProps<TData> {
4
- render: (render: Table<TData>) => React.ReactElement;
5
- }
6
- export declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
@@ -1,21 +0,0 @@
1
- import { ReactNode } from "react";
2
- export interface TableControlsProps {
3
- totalText?: string;
4
- fitTableWidth?: boolean;
5
- fitTableHeight?: boolean;
6
- children?: ReactNode;
7
- showGlobalFilter?: boolean;
8
- showFilter?: boolean;
9
- showFilterName?: boolean;
10
- showFilterTags?: boolean;
11
- showReload?: boolean;
12
- showPagination?: boolean;
13
- showPageSizeControl?: boolean;
14
- showPageCountText?: boolean;
15
- showView?: boolean;
16
- filterOptions?: string[];
17
- extraItems?: ReactNode;
18
- loading?: boolean;
19
- hasError?: boolean;
20
- }
21
- export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterOptions, extraItems, loading, hasError, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TableFilter: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TableFilterTags: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TableFilter: () => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- export interface TableFooterProps {
2
- pinnedBgColor?: {
3
- light: string;
4
- dark: string;
5
- };
6
- showSelector?: boolean;
7
- alwaysShowSelector?: boolean;
8
- }
9
- export declare const TableFooter: ({ pinnedBgColor, showSelector, alwaysShowSelector, }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- import { TableHeaderProps as ChakraTableHeaderProps } from "@chakra-ui/react";
2
- export interface TableHeaderProps {
3
- canResize?: boolean;
4
- pinnedBgColor?: {
5
- light: string;
6
- dark: string;
7
- };
8
- showSelector?: boolean;
9
- isSticky?: boolean;
10
- alwaysShowSelector?: boolean;
11
- tHeadProps?: ChakraTableHeaderProps;
12
- }
13
- export declare const TableHeader: ({ canResize, pinnedBgColor, showSelector, isSticky, alwaysShowSelector, tHeadProps, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ReactNode } from "react";
2
- export interface TableLoadingComponentProps {
3
- render: (loading: boolean) => ReactNode;
4
- }
5
- export declare const TableLoadingComponent: ({ render, }: TableLoadingComponentProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TableOrderer: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TableSelector: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TableSorter: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const TableViewer: () => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { FlexProps, TextProps } from "@chakra-ui/react";
2
- import { ReactNode } from "react";
3
- export interface TextCellProps {
4
- label?: string;
5
- noOfLines?: number[];
6
- children: string | number | ReactNode | ReactNode[];
7
- containerProps?: FlexProps;
8
- textProps?: TextProps;
9
- }
10
- export declare const TextCell: ({ label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- export interface EmptyStateProps {
2
- title?: string;
3
- description?: string;
4
- }
5
- export declare const EmptyState: ({ title, description, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export interface ErrorAlertProps {
2
- showMessage?: boolean;
3
- }
4
- export declare const ErrorAlert: ({ showMessage }: ErrorAlertProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { BoxProps } from "@chakra-ui/react";
2
- import { UseTranslationResponse } from "react-i18next";
3
- export interface RecordDisplayProps {
4
- object: object | null;
5
- boxProps?: BoxProps;
6
- translate?: UseTranslationResponse<any, any>;
7
- prefix?: string;
8
- }
9
- export declare const RecordDisplay: ({ object, boxProps, translate, prefix, }: RecordDisplayProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { FlexProps, TextProps } from "@chakra-ui/react";
2
- import { ReactNode } from "react";
3
- export interface TextCellProps {
4
- label?: string;
5
- noOfLines?: number[];
6
- children: string | number | ReactNode | ReactNode[];
7
- containerProps?: FlexProps;
8
- textProps?: TextProps;
9
- }
10
- export declare const TextCell: ({ label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- interface DateRangeFilterProps {
3
- startDate: string;
4
- endDate: string;
5
- setStartDate: (value: string) => void;
6
- setEndDate: (value: string) => void;
7
- }
8
- export declare const DateRangeFilter: React.FC<DateRangeFilterProps>;
9
- export {};
@@ -1,4 +0,0 @@
1
- export interface FilterOptionsProps {
2
- column: string;
3
- }
4
- export declare const FilterOptions: ({ column }: FilterOptionsProps) => import("react/jsx-runtime").JSX.Element;