@uxf/data-grid 4.0.0 → 5.0.0-beta.10

package/tailwindui/index.d.ts

@@ -1,7 +1,3 @@
 export * from "./DataGrid";
 export * from "./components/action-cell-base";
-export * from "./components/body-cell-base";
-export * from "./components/body-cell-wrapper";
-export * from "./components/filter-input-base";
-export * from "./components/filter-list-item-base";
 export * from "./ui";

package/tailwindui/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -12,9 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./DataGrid"), exports);
 __exportStar(require("./components/action-cell-base"), exports);
-__exportStar(require("./components/body-cell-base"), exports);
-__exportStar(require("./components/body-cell-wrapper"), exports);
-__exportStar(require("./components/filter-input-base"), exports);
-__exportStar(require("./components/filter-list-item-base"), exports);
 __exportStar(require("./ui"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTJCO0FBQzNCLGdFQUE4QztBQUM5Qyw4REFBNEM7QUFDNUMsaUVBQStDO0FBQy9DLGlFQUErQztBQUMvQyxxRUFBbUQ7QUFDbkQsdUNBQXFCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQixnRUFBOEM7QUFDOUMsdUNBQXFCIn0=

package/tailwindui/show.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+interface ShowProps {
+    when: unknown;
+    children?: ReactNode;
+}
+export declare const Show: React.FC<ShowProps>;
+export {};

package/tailwindui/show.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Show = void 0;
+var react_1 = __importStar(require("react"));
+var Show = function (props) {
+    if (!props.when) {
+        return null;
+    }
+    return react_1.default.createElement(react_1.Fragment, null, props.children);
+};
+exports.Show = Show;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWlsd2luZHVpL3Nob3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQW1EO0FBTzVDLElBQU0sSUFBSSxHQUF3QixVQUFBLEtBQUs7SUFDMUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUU7UUFBQyxPQUFPLElBQUksQ0FBQztLQUFDO0lBRS9CLE9BQU8sOEJBQUMsZ0JBQVEsUUFBRSxLQUFLLENBQUMsUUFBUSxDQUFZLENBQUM7QUFDakQsQ0FBQyxDQUFDO0FBSlcsUUFBQSxJQUFJLFFBSWYifQ==

package/tailwindui/styles.css

@@ -1,3 +1,211 @@
+.uxf-data-grid {
+    @apply border border-gray-300 rounded;
+
+    &.no-border {
+        @apply border-0;
+    }
+
+    .uxf-icon {
+        @apply text-gray-400;
+    }
+
+    &__action-cell {
+        @apply bg-white sticky right-0;
+    }
+
+    &__action-cell-wrapper {
+        @apply flex items-center justify-center text-center w-full h-full space-x-2;
+    }
+
+    &__body-cell {
+        &--boolean {
+            @apply w-full h-full flex items-center;
+        }
+    }
+
+    &__cell {
+        @apply bg-transparent;
+    }
+
+    &__drawer {
+        @apply fixed overflow-hidden z-10 bg-gray-900 bg-opacity-25 inset-0 transform ease-in-out;
+
+        &--open {
+            @apply transition-opacity opacity-100 duration-500 translate-x-0;
+        }
+
+        &--closed {
+            @apply transition-all delay-500 opacity-0 translate-x-full;
+        }
+
+        &-body-wrapper {
+            @apply w-11/12 max-w-sm right-0 absolute bg-white h-full shadow-xl duration-500 ease-in-out transition-all transform translate-x-full;
+
+            &--open {
+                @apply translate-x-0;
+            }
+        }
+
+        &-body {
+            @apply relative w-full max-w-sm pb-10 flex flex-col overflow-y-scroll h-full;
+        }
+
+        &-close-button {
+            @apply ml-auto !mt-4 mr-4;
+        }
+
+        &-header {
+            @apply p-4 pt-8 font-bold text-lg;
+        }
+
+        &-content {
+            @apply p-4;
+        }
+
+        &-backdrop {
+            @apply w-screen h-full cursor-pointer;
+        }
+    }
+
+    &__fallback {
+        grid-column: 1/-1;
+
+        @apply flex items-center justify-center text-center text-gray-600;
+    }
+
+    &__filter {
+        &--interval {
+            @apply gap-4 grid grid-cols-[1fr_min-content_1fr];
+
+            .uxf-data-grid__filter-gap {
+                @apply flex items-center pt-5;
+            }
+        }
+    }
+
+    &__filters {
+        @apply space-y-4;
+    }
+
+    &__filter-list {
+        @apply p-2;
+    }
+
+    &__footer {
+        @apply flex flex-wrap items-center justify-end p-2 gap-4;
+
+        &.no-border {
+            @apply px-0;
+        }
+    }
+
+    &__linear-progress {
+        position: absolute;
+        z-index: 1;
+        left: 0;
+        right: 0;
+        overflow: hidden;
+        height: 3px;
+        -webkit-border-radius: 20px;
+        -moz-border-radius: 20px;
+        border-radius: 20px;
+
+        &.is-loading:before {
+            content: "";
+            position: absolute;
+            left: -50%;
+            height: 3px;
+            width: 40%;
+            background-color: #FF4F06;
+            -webkit-animation: datagridLineAnim 1s linear infinite;
+            -moz-animation: datagridLineAnim 1s linear infinite;
+            animation: datagridLineAnim 1s linear infinite;
+            -webkit-border-radius: 20px;
+            -moz-border-radius: 20px;
+            border-radius: 20px;
+        }
+    }
+
+    &__linear-progress-wrapper {
+        @apply relative;
+    }
+
+    &__pagination-counts {
+        @apply text-sm text-neutral-700 text-lightLow;
+    }
+
+    &__plugin-fulltext {
+        @apply text-gray-400;
+    }
+
+    &__plugin-filter {
+        @apply shrink-0;
+    }
+
+    &__rows-per-page {
+        @apply flex flex-wrap gap-2 text-sm text-gray-700 items-center text-lightLow;
+
+        .uxf-select {
+            @apply w-28;
+        }
+    }
+
+    &__select-row-checkbox {
+        @apply form-checkbox focus:ring-0 checked:bg-dataGridSecondary focus:checked:bg-dataGridSecondary active:bg-dataGridSecondary h-4 w-4 border-gray-300 rounded;
+    }
+
+    &__selected-rows-toolbar-wrapper {
+        @apply fixed bottom-8 left-0 right-0 flex flex-row justify-center items-center;
+    }
+
+    &__selected-rows-toolbar {
+        @apply text-white text-sm bg-dataGridPrimary rounded-full px-6 py-2 flex items-center justify-center drop-shadow-xl border border-gray-100;
+    }
+
+    &__selected-rows-toolbar-actions {
+        @apply pl-4 space-x-2;
+    }
+
+    &__table {
+        @apply bg-transparent rounded-none;
+    }
+
+    &__toolbar {
+        @apply flex items-center justify-end space-x-2 border-b border-b-gray-300 px-2;
+
+        .uxf-button {
+            @apply my-2;
+        }
+    }
+
+    &__toolbar-tab {
+        @apply inline-flex items-center hover:text-gray-700 whitespace-nowrap py-1 px-1 border-b-2 font-medium text-sm border-transparent text-gray-500 hover:text-gray-700;
+
+        &.is-active {
+            @apply border-dataGridPrimary text-dataGridPrimary;
+        }
+    }
+
+    &__toolbar-tabs {
+        @apply flex flex-1 self-stretch;
+
+        &-nav {
+            @apply -mb-px flex space-x-4;
+        }
+    }
+
+    &__toolbar-control {
+        @apply flex flex-row items-center gap-2;
+
+        &--custom {
+            @apply overflow-auto;
+        }
+    }
+}
+
+
+
+
 .rdg-cell.action {
     text-align: right;
     border-right: 0;
@@ -9,12 +217,11 @@
     right: 0;
 }
 .rdg-header-row {
-    background-color: transparent;
-}
-.rdg-header-row .rdg-cell {
-    border-right: 0;
-    box-shadow: none;
-    color: #252525;
+    @apply bg-gray-200 text-gray-400 font-medium;
+
+    .rdg-cell {
+        @apply rounded-none bg-gray-50;
+    }
 }
 .rdg-header-sort-name + span {
     display: flex;
@@ -22,9 +229,10 @@
 }
 .rdg-cell.rdg-cell-frozen {
     box-shadow: none;
+    background: transparent;
 }
 .rdg-cell[aria-selected=true] {
-    outline-color: #FF4F06;
+    outline-color: #060C0C;
 }
 .rdg-row[aria-selected=true] {
     background-color: rgba(255,79,6,0.05);
@@ -32,31 +240,6 @@
 .rdg-row[aria-selected=true]:hover {
     background-color: rgba(255,79,6,0.1);
 }
-.datagrid-linear-progress {
-    width: 100%;
-    height: 3px;
-    position: relative;
-    overflow: hidden;
-    background-color: white;
-    -webkit-border-radius: 20px;
-    -moz-border-radius: 20px;
-    border-radius: 20px;
-}
-
-.datagrid-linear-progress.loading:before {
-    content: "";
-    position: absolute;
-    left: -50%;
-    height: 3px;
-    width: 40%;
-    background-color: #FF4F06;
-    -webkit-animation: datagridLineAnim 1s linear infinite;
-    -moz-animation: datagridLineAnim 1s linear infinite;
-    animation: datagridLineAnim 1s linear infinite;
-    -webkit-border-radius: 20px;
-    -moz-border-radius: 20px;
-    border-radius: 20px;
-}
 
 @keyframes datagridLineAnim {
     0% {

package/tailwindui/ui.js

@@ -2,31 +2,38 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UI = void 0;
 var action_cell_base_1 = require("./components/action-cell-base");
-var body_cell_base_1 = require("./components/body-cell-base");
 var no_rows_fallback_1 = require("./components/no-rows-fallback");
 var linear_progress_1 = require("./components/linear-progress");
-var toolbar_container_1 = require("./components/toolbar-container");
+var toolbar_1 = require("./components/toolbar");
 var container_1 = require("./components/container");
-var filter_input_base_1 = require("./components/filter-input-base");
-var filter_list_item_base_1 = require("./components/filter-list-item-base");
-var filters_list_1 = require("./components/filters-list");
-var pagination_1 = require("./components/pagination");
+var filter_list_1 = require("./components/filter-list");
 var select_row_checkbox_1 = require("./components/select-row-checkbox");
 var selected_rows_toolbar_1 = require("./components/selected-rows-toolbar");
+var pagination_counts_1 = require("./components/pagination-counts");
+var pagination_rows_per_page_select_1 = require("./components/pagination-rows-per-page-select");
+var pagination_1 = require("@uxf/ui/pagination/pagination");
+var filter_handler_1 = require("./filter-handler");
+var toolbar_tabs_1 = require("./components/toolbar-tabs");
+var toolbar_control_1 = require("./components/toolbar-control");
+var toolbar_customs_1 = require("./components/toolbar-customs");
+var body_cell_1 = require("./body-cell");
 exports.UI = {
     ActionCell: action_cell_base_1.ActionCellBase,
-    actionCellWidth: 100,
-    ActionCellWrapper: action_cell_base_1.ActionCellWrapper,
-    BodyCell: body_cell_base_1.BodyCellBase,
-    NoRowsFallback: no_rows_fallback_1.NoRowsFallback,
-    LinearProgress: linear_progress_1.LinearProgress,
-    ToolbarContainer: toolbar_container_1.ToolbarContainer,
+    actionCellWidth: 128,
+    BodyCells: body_cell_1.BodyCells,
     Container: container_1.Container,
-    FilterInput: filter_input_base_1.FilterInputBase,
-    FilterListItem: filter_list_item_base_1.FilterListItemBase,
-    FilterList: filters_list_1.FiltersList,
+    FilterHandlers: filter_handler_1.defaultFilterHandlers,
+    FilterList: filter_list_1.FilterList,
+    LinearProgress: linear_progress_1.LinearProgress,
+    NoRowsFallback: no_rows_fallback_1.NoRowsFallback,
     Pagination: pagination_1.Pagination,
+    PaginationCounts: pagination_counts_1.PaginationCounts,
+    PaginationRowsPerPageSelect: pagination_rows_per_page_select_1.PaginationRowsPerPageSelect,
     SelectRowCheckbox: select_row_checkbox_1.SelectRowCheckbox,
     SelectedRowsToolbar: selected_rows_toolbar_1.SelectedRowsToolbar,
+    Toolbar: toolbar_1.Toolbar,
+    ToolbarControl: toolbar_control_1.ToolbarControl,
+    ToolbarCustoms: toolbar_customs_1.ToolbarCustoms,
+    ToolbarTabs: toolbar_tabs_1.ToolbarTabs,
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQWtGO0FBQ2xGLDhEQUEyRDtBQUMzRCxrRUFBK0Q7QUFDL0QsZ0VBQThEO0FBQzlELG9FQUFrRTtBQUNsRSxvREFBbUQ7QUFDbkQsb0VBQWlFO0FBQ2pFLDRFQUF3RTtBQUN4RSwwREFBd0Q7QUFDeEQsc0RBQXFEO0FBQ3JELHdFQUFxRTtBQUNyRSw0RUFBeUU7QUFFNUQsUUFBQSxFQUFFLEdBQTJCO0lBQ3RDLFVBQVUsRUFBRSxpQ0FBYztJQUMxQixlQUFlLEVBQUUsR0FBRztJQUNwQixpQkFBaUIsRUFBRSxvQ0FBaUI7SUFDcEMsUUFBUSxFQUFFLDZCQUFZO0lBQ3RCLGNBQWMsRUFBRSxpQ0FBYztJQUM5QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsZ0JBQWdCLEVBQUUsb0NBQWdCO0lBQ2xDLFNBQVMsRUFBRSxxQkFBUztJQUNwQixXQUFXLEVBQUUsbUNBQWU7SUFDNUIsY0FBYyxFQUFFLDBDQUFrQjtJQUNsQyxVQUFVLEVBQUUsMEJBQVc7SUFDdkIsVUFBVSxFQUFFLHVCQUFVO0lBQ3RCLGlCQUFpQixFQUFFLHVDQUFpQjtJQUNwQyxtQkFBbUIsRUFBRSwyQ0FBbUI7Q0FDM0MsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS91aS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esa0VBQStEO0FBQy9ELGtFQUErRDtBQUMvRCxnRUFBOEQ7QUFDOUQsZ0RBQStDO0FBQy9DLG9EQUFtRDtBQUNuRCx3REFBc0Q7QUFDdEQsd0VBQXFFO0FBQ3JFLDRFQUF5RTtBQUN6RSxvRUFBa0U7QUFDbEUsZ0dBQTJGO0FBQzNGLDREQUEyRDtBQUMzRCxtREFBeUQ7QUFDekQsMERBQXdEO0FBQ3hELGdFQUE4RDtBQUM5RCxnRUFBOEQ7QUFDOUQseUNBQXdDO0FBRTNCLFFBQUEsRUFBRSxHQUEyQjtJQUN0QyxVQUFVLEVBQUUsaUNBQWM7SUFDMUIsZUFBZSxFQUFFLEdBQUc7SUFDcEIsU0FBUyxFQUFFLHFCQUFTO0lBQ3BCLFNBQVMsRUFBRSxxQkFBUztJQUNwQixjQUFjLEVBQUUsc0NBQXFCO0lBQ3JDLFVBQVUsRUFBRSx3QkFBVTtJQUN0QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsY0FBYyxFQUFFLGlDQUFjO0lBQzlCLFVBQVUsRUFBRSx1QkFBVTtJQUN0QixnQkFBZ0IsRUFBRSxvQ0FBZ0I7SUFDbEMsMkJBQTJCLEVBQUUsNkRBQTJCO0lBQ3hELGlCQUFpQixFQUFFLHVDQUFpQjtJQUNwQyxtQkFBbUIsRUFBRSwyQ0FBbUI7SUFDeEMsT0FBTyxFQUFFLGlCQUFPO0lBQ2hCLGNBQWMsRUFBRSxnQ0FBYztJQUM5QixjQUFjLEVBQUUsZ0NBQWM7SUFDOUIsV0FBVyxFQUFFLDBCQUFXO0NBQzNCLENBQUMifQ==

package/types/api.d.ts

@@ -0,0 +1,22 @@
+import { SortDirection } from "./schema";
+export declare type ResultItem = any;
+export interface RequestFilter<T = any> {
+    name: string;
+    value: T;
+    label?: string;
+    op?: string;
+}
+export interface Request {
+    f?: RequestFilter[];
+    sort?: string;
+    dir?: SortDirection;
+    page?: number;
+    perPage?: number;
+    search?: string;
+    tab?: string | null;
+}
+export interface Response {
+    totalCount: number;
+    count: number;
+    result: ResultItem[];
+}

package/{types.js → types/api.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdHlwZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3R5cGVzL2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/types/components.d.ts

@@ -0,0 +1,184 @@
+import React, { ComponentType, FC, ReactElement, ReactNode } from "react";
+import { BaseGridType, Columns, Filter, Filters, Schema } from "./schema";
+import { RequestFilter, Response } from "./api";
+import { PaginationProps } from "@uxf/ui/pagination/pagination";
+import { CheckboxFormatterProps } from "react-data-grid";
+import { ChangeHiddenColumnsHandler } from "./core";
+/**
+ * Action cell
+ */
+export interface ActionCellProps<R> {
+    row: R;
+    onOpen?: (row: R) => void;
+    getOpenUrl?: (row: R) => string | null | undefined;
+    onEdit?: (row: R) => void;
+    getEditUrl?: (row: R) => string | null | undefined;
+    onRemove?: (row: R) => void;
+    reload: () => Promise<void>;
+}
+export declare type ActionCellComponent<R> = FC<ActionCellProps<R>>;
+/**
+ * Body cell
+ */
+export interface BodyCellProps<C, R> {
+    value: any;
+    column: C;
+    row: R;
+    reload: () => Promise<void>;
+}
+export declare type BodyCellComponent<C extends BaseGridType["columns"], R> = ComponentType<BodyCellProps<Columns<C>, R>>;
+export declare type BodyCellComponents<C, R> = {
+    [key: string]: BodyCellComponent<C, R>;
+    default: BodyCellComponent<C, R>;
+};
+/**
+ * Container
+ */
+export interface ContainerProps {
+    noBorder?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export declare type ContainerComponent = FC<ContainerProps>;
+/**
+ * Filter list
+ */
+export interface FilterListProps<F extends Filter<any, any>, T> {
+    gridName?: string;
+    filters: F[];
+    filtersData: RequestFilter<T>[];
+    onFilter: (value: RequestFilter<T>) => void;
+    filterHandlers: FilterHandlers;
+    noBorder: boolean | null | undefined;
+}
+export declare type FilterListComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterListProps<Filters<F>, T>>;
+/**
+ * Filters
+ */
+export interface FilterProps<F extends Filter<any, any>, T> {
+    gridName?: string;
+    filter: F;
+    value: RequestFilter<T>;
+    onFilter: (value: RequestFilter<T>) => void;
+    onClear: () => void;
+}
+export declare type FilterComponent<F extends BaseGridType["filters"], T = any> = ComponentType<FilterProps<Filters<F>, T>>;
+export interface FilterHandler {
+    input: FilterComponent<any>;
+    listItem: FilterComponent<any>;
+}
+export interface FilterHandlers {
+    [kex: string]: FilterHandler;
+}
+/**
+ * Footer
+ */
+export interface FooterProps {
+    children: ReactNode;
+    noBorder?: boolean;
+}
+export declare type FooterComponent = FC<FooterProps>;
+/**
+ * Linear progress
+ */
+export interface LinearProgressProps {
+    loading: boolean;
+}
+export declare type LinearProgressComponent = FC<LinearProgressProps>;
+/**
+ * No rows fallback
+ */
+export interface NoRowsFallbackProps {
+    error?: any;
+    loading: boolean;
+}
+export declare type NoRowsFallbackComponent = React.FC<NoRowsFallbackProps>;
+/**
+ * Pagination
+ */
+export declare type PaginationComponent = React.FC<PaginationProps>;
+/**
+ * Pagination rows per page select
+ */
+export interface PaginationRowsPerPageSelectProps {
+    value: number;
+    onChange: (value: number) => void;
+}
+export declare type PaginationRowsPerPageSelectComponent = FC<PaginationRowsPerPageSelectProps>;
+/**
+ * Pagination counts
+ */
+export interface PaginationCountsProps {
+    page: number;
+    perPage: number;
+    response?: Response;
+}
+export declare type PaginationCountsComponent = FC<PaginationCountsProps>;
+/**
+ * Selected rows toolbar
+ */
+export interface SelectedRowsToolbarProps {
+    selectedRows?: Set<number>;
+    onChangeSelectedRows?: (rows: Set<number>) => void;
+    Actions?: SelectedRowsToolbarActionsComponent;
+    reload: () => Promise<void>;
+}
+export declare type SelectedRowsToolbarComponent = FC<SelectedRowsToolbarProps>;
+/**
+ * Select row checkbox
+ */
+export declare type SelectRowCheckboxComponent = React.FC<CheckboxFormatterProps>;
+/**
+ * Selected rows toolbar actions
+ */
+export interface SelectedRowsToolbarActionsProps {
+    selectedRows: Set<number>;
+    onChangeSelectedRows: (rows: Set<number>) => void;
+    reload: () => Promise<void>;
+}
+export declare type SelectedRowsToolbarActionsComponent = FC<SelectedRowsToolbarActionsProps>;
+/**
+ * Toolbar
+ */
+export interface ToolbarProps {
+    children: ReactNode;
+    noBorder?: boolean;
+}
+export declare type ToolbarComponent = FC<ToolbarProps>;
+/**
+ * Toolbar control
+ */
+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;
+    hiddenColumns?: string[];
+}
+export declare type ToolbarControlComponent = React.FC<ToolbarControlProps>;
+/**
+ * Toolbar customs
+ */
+export interface ToolbarCustomsProps {
+    buttons?: {
+        label: string | ReactElement;
+        onClick?: () => void;
+        href?: string;
+        variant?: "default" | "outlined" | "text";
+    }[];
+}
+export declare type ToolbarCustomsComponent = React.FC<ToolbarCustomsProps>;
+/**
+ * Toolbar tabs
+ */
+export interface ToolbarTabsProps {
+    activeTab: string | null;
+    onChange: (tabName: string) => void;
+    schema: Schema<any>;
+}
+export declare type ToolbarTabsComponent = React.FC<ToolbarTabsProps>;

package/types/components.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9jb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==