@uxf/data-grid 10.0.0-beta.8 → 10.0.0-beta.81

package/tailwindui/ui.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UI = void 0;
+const pagination_1 = require("@uxf/ui/pagination/pagination");
+const body_cell_1 = require("./body-cell");
 const action_cell_base_1 = require("./components/action-cell-base");
-const no_rows_fallback_1 = require("./components/no-rows-fallback");
-const linear_progress_1 = require("./components/linear-progress");
-const toolbar_1 = require("./components/toolbar");
 const container_1 = require("./components/container");
 const filter_list_1 = require("./components/filter-list");
-const select_row_checkbox_1 = require("./components/select-row-checkbox");
-const selected_rows_toolbar_1 = require("./components/selected-rows-toolbar");
+const linear_progress_1 = require("./components/linear-progress");
+const no_rows_fallback_1 = require("./components/no-rows-fallback");
 const pagination_counts_1 = require("./components/pagination-counts");
 const pagination_rows_per_page_select_1 = require("./components/pagination-rows-per-page-select");
-const pagination_1 = require("@uxf/ui/pagination/pagination");
-const filter_handler_1 = require("./filter-handler");
-const toolbar_tabs_1 = require("./components/toolbar-tabs");
+const select_row_checkbox_1 = require("./components/select-row-checkbox");
+const selected_rows_toolbar_1 = require("./components/selected-rows-toolbar");
+const toolbar_1 = require("./components/toolbar");
 const toolbar_control_1 = require("./components/toolbar-control");
 const toolbar_customs_1 = require("./components/toolbar-customs");
-const body_cell_1 = require("./body-cell");
+const toolbar_tabs_1 = require("./components/toolbar-tabs");
+const filter_handler_1 = require("./filter-handler");
 exports.UI = {
     ActionCell: action_cell_base_1.ActionCellBase,
     actionCellWidth: 128,

package/types/api.d.ts

@@ -1,4 +1,4 @@
-import { SortDirection } from "./schema";
+import { DataGridSortDir } from "./schema";
 export type ResultItem = any;
 export interface RequestFilter<T = any> {
     name: string;
@@ -9,7 +9,7 @@ export interface RequestFilter<T = any> {
 export interface Request {
     f?: RequestFilter[];
     sort?: string;
-    dir?: SortDirection;
+    dir?: DataGridSortDir;
     page?: number;
     perPage?: number;
     search?: string;

package/types/components.d.ts

@@ -1,9 +1,10 @@
+import { PaginationProps } from "@uxf/ui/pagination/pagination";
 import React, { ComponentType, FC, ReactElement, ReactNode } from "react";
-import { BaseGridType, Columns, Filter, Filters, Schema } from "./schema";
+import { RenderCheckboxProps } from "react-data-grid";
 import { RequestFilter, Response } from "./api";
-import { PaginationProps } from "@uxf/ui/pagination/pagination";
-import { CheckboxFormatterProps } from "react-data-grid";
-import { ChangeHiddenColumnsHandler } from "./core";
+import { ChangeHiddenColumnsHandler, CsvDownloadHandler } from "./core";
+import { BaseGridType, Columns, Filter, Filters, Schema } from "./schema";
+import { DataGridState } from "./state";
 /**
  * Action cell
  */
@@ -13,7 +14,7 @@ export interface ActionCellProps<R> {
     getOpenUrl?: (row: R) => string | null | undefined;
     onEdit?: (row: R) => void;
     getEditUrl?: (row: R) => string | null | undefined;
-    onRemove?: (row: R) => void;
+    onRemove?: (row: R, reload: () => void) => void;
     reload: () => Promise<void>;
 }
 export type ActionCellComponent<R> = FC<ActionCellProps<R>>;
@@ -127,7 +128,7 @@ export type SelectedRowsToolbarComponent = FC<SelectedRowsToolbarProps>;
 /**
  * Select row checkbox
  */
-export type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
+export type SelectRowCheckboxComponent = React.FC<RenderCheckboxProps>;
 /**
  * Selected rows toolbar actions
  */
@@ -152,14 +153,14 @@ export interface ToolbarControlProps {
     gridName: string | undefined;
     schema: Schema<any>;
     dispatch: (action: any) => void;
-    filtersData: RequestFilter[];
     filterHandlers: FilterHandlers;
-    fulltextValue: string;
     onFulltextChange: (value: string) => void;
     noBorder: boolean | null | undefined;
     onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
+    onCsvDownload?: CsvDownloadHandler;
     hiddenColumns?: string[];
     showFulltext?: boolean;
+    state: DataGridState;
 }
 export type ToolbarControlComponent = React.FC<ToolbarControlProps>;
 /**

package/types/core.d.ts

@@ -2,6 +2,7 @@ import { Request, Response, ResultItem } from "./api";
 import { BaseGridType } from "./schema";
 export type KeyExtractor = (row: ResultItem) => number;
 export type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
+export type CsvDownloadHandler = (request: Request) => void;
 export type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
 export type CallbackRef = {
     reload: () => Promise<void>;

package/types/data-grid-props.d.ts

@@ -1,10 +1,10 @@
-import { BaseGridType, Schema } from "./schema";
 import { MutableRefObject, ReactNode } from "react";
-import { Request } from "./api";
 import { DataGridProps as RDGProps } from "react-data-grid";
+import { Request } from "./api";
 import { ToolbarCustomsProps } from "./components";
+import { CallbackRef, ChangeHiddenColumnsHandler, Config, CsvDownloadHandler, KeyExtractor, Loader } from "./core";
+import { BaseGridType, Schema } from "./schema";
 import { UIComponents } from "./ui-components";
-import { CallbackRef, ChangeHiddenColumnsHandler, Config, KeyExtractor, Loader } from "./core";
 export type DataGridBaseProps<GridType extends BaseGridType, R> = {
     callbackRef?: MutableRefObject<CallbackRef | undefined>;
     schema: Schema<GridType>;
@@ -14,6 +14,7 @@ export type DataGridBaseProps<GridType extends BaseGridType, R> = {
     keyExtractor?: KeyExtractor;
     initialState?: Request | string;
     onChangeHiddenColumns?: ChangeHiddenColumnsHandler;
+    onCsvDownload?: CsvDownloadHandler;
     hiddenColumns?: string[];
     onChangeSelectedRows?: (selectedRows: Set<number>) => void;
     selectedRows?: Set<number>;
@@ -21,7 +22,7 @@ export type DataGridBaseProps<GridType extends BaseGridType, R> = {
     getOpenUrl?: (row: R) => string | null | undefined;
     onEdit?: (row: R) => void;
     getEditUrl?: (row: R) => string | null | undefined;
-    onRemove?: (row: R) => void;
+    onRemove?: (row: R, reload: () => void) => void;
     noBorder?: boolean;
     rowHeight?: RDGProps<any>["rowHeight"];
     headerRowHeight?: RDGProps<any>["headerRowHeight"];

package/types/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./core";
 export * from "./api";
-export * from "./schema";
 export * from "./components";
-export * from "./state";
+export * from "./core";
 export * from "./data-grid-props";
+export * from "./schema";
+export * from "./state";
 export * from "./ui-components";

package/types/index.js

@@ -14,10 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./core"), exports);
 __exportStar(require("./api"), exports);
-__exportStar(require("./schema"), exports);
 __exportStar(require("./components"), exports);
-__exportStar(require("./state"), exports);
+__exportStar(require("./core"), exports);
 __exportStar(require("./data-grid-props"), exports);
+__exportStar(require("./schema"), exports);
+__exportStar(require("./state"), exports);
 __exportStar(require("./ui-components"), exports);

package/types/schema.d.ts

@@ -1,5 +1,8 @@
 import { ReactElement } from "react";
-export type SortDirection = "asc" | "desc";
+export declare enum DataGridSortDir {
+    Asc = "asc",
+    Desc = "desc"
+}
 export interface Tab {
     name: string;
     label: string;
@@ -42,7 +45,7 @@ export interface Schema<GritType extends BaseGridType> {
     filters: Filters<GritType["filters"]>[];
     tabs?: Tab[];
     sort: string;
-    dir: SortDirection;
+    dir: DataGridSortDir;
     perPage: number;
     fullText?: boolean;
 }

package/types/schema.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridSortDir = void 0;
+var DataGridSortDir;
+(function (DataGridSortDir) {
+    DataGridSortDir["Asc"] = "asc";
+    DataGridSortDir["Desc"] = "desc";
+})(DataGridSortDir || (exports.DataGridSortDir = DataGridSortDir = {}));

package/types/state.d.ts

@@ -1,9 +1,9 @@
 import { RequestFilter, Response } from "./api";
-import { SortDirection } from "./schema";
+import { DataGridSortDir } from "./schema";
 type GridRequest = {
     f: RequestFilter[];
     sort: string | null;
-    dir: SortDirection | null;
+    dir: DataGridSortDir | null;
     page: number;
     perPage: number;
     search: string;

package/types/ui-components.d.ts

@@ -1,5 +1,5 @@
-import { BaseGridType } from "./schema";
 import { ActionCellComponent, BodyCellComponents, ContainerComponent, FilterHandlers, FilterListComponent, LinearProgressComponent, NoRowsFallbackComponent, PaginationComponent, PaginationCountsComponent, PaginationRowsPerPageSelectComponent, SelectedRowsToolbarActionsComponent, SelectedRowsToolbarComponent, SelectRowCheckboxComponent, ToolbarComponent, ToolbarControlComponent, ToolbarCustomsComponent, ToolbarTabsComponent } from "./components";
+import { BaseGridType } from "./schema";
 export type ActionCellWithRequiredWidth<R> = {
     ActionCell?: ActionCellComponent<R>;
     actionCellWidth: number;

package/utils.d.ts

@@ -1,7 +1,7 @@
-import { DataGridState, Request, SortDirection } from "./types";
+import { DataGridSortDir, DataGridState, Request } from "./types";
 export declare function decodeFilter(filterString: string): null | Request;
 export declare function encodeFilter(request: Request): string;
-export declare function createRequest(state: DataGridState, defaultSort: string, defaultDir: SortDirection): Request;
+export declare function createRequest(state: DataGridState, defaultSort: string, defaultDir: DataGridSortDir): Request;
 export type ClassArray = ClassValue[];
 export type ClassValue = ClassArray | Record<string, any> | string | number | null | boolean | undefined;
 export declare function cx(...classes: ClassValue[]): string;