@bsol-oss/react-datatable5 7.0.1 → 7.1.1

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.
@@ -28,4 +28,4 @@ export interface DataTableServerProps<TData> {
28
28
  query: UseQueryResult<TData>;
29
29
  url: string;
30
30
  }
31
- export declare const DataTableServer: <TData>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, children, url }: DataTableServerProps<TData>) => import("react/jsx-runtime").JSX.Element;
31
+ export declare const DataTableServer: <TData>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, onRowSelect, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, children, url, }: DataTableServerProps<TData>) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +1,18 @@
1
- import { TableHeaderProps } from "@chakra-ui/react";
1
+ import { TableHeaderProps as ChakraHeaderProps } from "@chakra-ui/react";
2
2
  import { TableProps } from "../../index";
3
+ import { TableBodyProps } from "./TableBody";
3
4
  import { TableControlsProps } from "./TableControls";
5
+ import { TableFooterProps } from "./TableFooter";
6
+ import { TableHeaderProps } from "./TableHeader";
4
7
  export interface DefaultTableProps {
5
8
  showFooter?: boolean;
6
9
  showSelector?: boolean;
7
10
  tableProps?: Omit<TableProps, "children">;
8
- tHeadProps?: TableHeaderProps;
11
+ tHeadProps?: ChakraHeaderProps;
9
12
  controlProps?: TableControlsProps;
13
+ tableFooterProps?: TableFooterProps;
14
+ tableBodyProps?: TableBodyProps;
15
+ tableHeaderProps?: TableHeaderProps;
16
+ variant?: "" | "greedy";
10
17
  }
11
- export declare const DefaultTable: ({ showFooter, showSelector, tableProps, tHeadProps, controlProps, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const DefaultTable: ({ showFooter, tableProps, tableHeaderProps, tableBodyProps, controlProps, tableFooterProps, variant, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,6 +4,7 @@ export interface TableProps extends TableRootProps {
4
4
  showLoading?: boolean;
5
5
  loadingComponent?: ReactNode;
6
6
  emptyComponent?: ReactNode;
7
+ canResize?: boolean;
7
8
  children: ReactNode;
8
9
  }
9
- export declare const Table: ({ children, emptyComponent, ...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;
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;
@@ -6,6 +6,7 @@ export interface TableBodyProps {
6
6
  };
7
7
  showSelector?: boolean;
8
8
  alwaysShowSelector?: boolean;
9
+ canResize?: boolean;
9
10
  }
10
11
  export interface TableRowSelectorProps<TData> {
11
12
  index: number;
@@ -17,4 +18,4 @@ export interface TableRowSelectorProps<TData> {
17
18
  };
18
19
  alwaysShowSelector?: boolean;
19
20
  }
20
- export declare const TableBody: ({ pinnedBgColor, showSelector, alwaysShowSelector, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
21
+ export declare const TableBody: ({ pinnedBgColor, showSelector, alwaysShowSelector, canResize, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
@@ -10,7 +10,7 @@ export interface GetStyleProps {
10
10
  unavailable: boolean;
11
11
  isInRange: boolean;
12
12
  }
13
- export interface RangeDatePickerProps extends Props {
13
+ export interface RangeDatePickerProps extends Props, RangeCalendarProps {
14
14
  }
15
15
  declare class RangeDatePicker extends React.Component<RangeDatePickerProps> {
16
16
  render(): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { JSONSchema7 } from "json-schema";
3
- import { FieldValues, SubmitHandler } from "react-hook-form";
3
+ import { FieldValues } from "react-hook-form";
4
4
  import { DisplayTextProps } from "./Form";
5
5
  export interface SchemaFormContext<TData extends FieldValues> {
6
6
  schema: JSONSchema7;
@@ -8,7 +8,7 @@ export interface SchemaFormContext<TData extends FieldValues> {
8
8
  order: string[];
9
9
  ignore: string[];
10
10
  displayText: DisplayTextProps;
11
- onSubmit?: SubmitHandler<TData>;
11
+ onSubmit?: (data: TData) => Promise<void>;
12
12
  preLoadedValues: object;
13
13
  rowNumber?: number | string;
14
14
  }
@@ -0,0 +1,12 @@
1
+ import { GridProps } from "@chakra-ui/react";
2
+ import { ReactNode } from "react";
3
+ export interface FileDropzoneProps {
4
+ children?: ReactNode;
5
+ onDrop?: ({ files, text }: {
6
+ files: File[];
7
+ text?: string | null;
8
+ }) => void;
9
+ gridProps?: GridProps;
10
+ placeholder?: string;
11
+ }
12
+ export declare const FileDropzone: ({ children, gridProps, onDrop, placeholder, }: FileDropzoneProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ export declare const FilePicker: ({ column }: {
2
+ column: any;
3
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -3,5 +3,6 @@ export interface IdPickerProps {
3
3
  in_table: string;
4
4
  column_ref: string;
5
5
  display_column: string;
6
+ isMultiple?: boolean;
6
7
  }
7
- export declare const IdPicker: ({ column, in_table, column_ref, display_column, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const IdPicker: ({ column, in_table, column_ref, display_column, isMultiple, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -6,5 +6,7 @@ export interface CustomJSONSchema7 extends JSONSchema7 {
6
6
  gridColumn?: string;
7
7
  gridRow?: string;
8
8
  title?: string;
9
+ in_table?: string;
10
+ object_id_column?: string;
9
11
  }
10
12
  export declare const StringInputField: ({ column }: StringInputFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,27 @@
1
+ export interface TagPickerProps {
2
+ column: string;
3
+ }
4
+ export interface Tag {
5
+ id: string;
6
+ name: string;
7
+ comment: string | null;
8
+ extra_info: string | null;
9
+ created_at: string;
10
+ updated_at: string;
11
+ table_id: string | null;
12
+ parent_id: string;
13
+ }
14
+ export interface AllTags {
15
+ [tagName: string]: Tag;
16
+ }
17
+ export interface TagData {
18
+ table_name: string;
19
+ parent_tag_name: string;
20
+ parent_tag_id: string;
21
+ all_tags: AllTags;
22
+ is_mutually_exclusive: boolean;
23
+ }
24
+ export interface TagResponse {
25
+ data: TagData[];
26
+ }
27
+ export declare const TagPicker: ({ column }: TagPickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ export declare const useSchemaContext: () => {
3
3
  serverUrl: string;
4
4
  order: string[];
5
5
  ignore: string[];
6
- onSubmit: import("react-hook-form").SubmitHandler<unknown> | undefined;
6
+ onSubmit: ((data: unknown) => Promise<void>) | undefined;
7
7
  preLoadedValues: object;
8
8
  rowNumber: string | number | undefined;
9
9
  displayText: import("./Form").DisplayTextProps;
@@ -2,7 +2,10 @@ export interface GetTableDataConfig {
2
2
  serverUrl: string;
3
3
  in_table: string;
4
4
  limit?: number;
5
- where?: object[];
5
+ where?: {
6
+ id: string;
7
+ value: string[];
8
+ }[];
6
9
  searching?: string;
7
10
  }
8
11
  export interface GetTableResponse {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bsol-oss/react-datatable5",
3
- "version": "7.0.1",
3
+ "version": "7.1.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -44,12 +44,12 @@
44
44
  "@tanstack/react-table": "^8.16.0",
45
45
  "axios": "^1.7.9",
46
46
  "dayjs": "^1.11.13",
47
+ "next-themes": "^0.4.4",
47
48
  "react": "^19.0.0",
48
49
  "react-dom": "^19.0.0",
49
50
  "react-hook-form": "^7.54.2",
50
51
  "react-icons": "^5.4.0",
51
- "tiny-invariant": "^1.3.3",
52
- "next-themes": "^0.4.4"
52
+ "tiny-invariant": "^1.3.3"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@chromatic-com/storybook": "^3.2.3",
@@ -78,5 +78,7 @@
78
78
  "typescript": "^5.2.2",
79
79
  "vite": "^5.2.0"
80
80
  },
81
- "dependencies": {}
81
+ "dependencies": {
82
+ "@uidotdev/usehooks": "^2.4.1"
83
+ }
82
84
  }