@uxf/data-grid 3.2.0 → 4.0.0-beta.11

package/README.md

@@ -4,6 +4,82 @@
 [![quality](https://img.shields.io/npms-io/quality-score/@uxf/data-grid)](https://www.npmjs.com/package/@uxf/data-grid)
 [![license](https://img.shields.io/npm/l/@uxf/data-grid)](https://www.npmjs.com/package/@uxf/data-grid)
 
+## Instalace balíčku
+
+```shell
+yarn add @uxf/data-grid
+```
+
+### DataGrid s vlastním stylováním
+
+```tsx
+import { DataGrid, UIComponents } from "@uxf/data-grid";
+
+const UI: UIComponents<any, any> = {
+    ActionCell: TODO,
+    ActionCellWrapper: TODO,
+    BodyCell: TODO,
+    NoRowsFallback: TODO,
+    LinearProgress: TODO,
+    ToolbarContainer: TODO,
+    Container: TODO,
+    FilterInput: TODO,
+    FilterListItem: TODO,
+    FilterList: TODO,
+    Pagination: TODO,
+    SelectRowCheckbox: TODO,
+    SelectedRowsToolbar: TODO,
+}
+
+const Page: React.FC = () => {
+    return (
+        <DataGrid
+            schema={schema}
+            loader={loader}
+            ui={UI}/>
+    );
+}
+```
+
+### DataGrid na TailwindUI
+
+Do souboru `tailwind.config.js` přidat následující řádky
+```js
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        "./node_modules/@uxf/data-grid/tailwindui/**/*.tsx" // přidat
+    ],
+    theme: {
+        extend: {
+            colors: {
+                dataGridPrimary: "#140939", // přidat
+                dataGridSecondary: "#FF4F06", // přidat
+            },
+        },
+    },
+    plugins: [
+        require("@tailwindcss/forms")({ strategy: "class" }) // přidat
+    ],
+};
+```
+
+do souboru `_app.tsx` přidat import
+
+```tsx
+import "@uxf/data-grid/tailwindui/styles.css";
+```
+
+Použití DataGridu
+
+```tsx
+import { DataGrid } from "@uxf/data-grid/tailwindui";
+
+const Page: React.FC = () => {
+    return <DataGrid schema={schema} loader={loader}/>;
+}
+```
+
 ## Typescript
 
 ```tsx
@@ -33,6 +109,10 @@ const schema: Schema<GridType> = {
         { name: "id", type: "number", label: "Id" },
         { name: "name", type: "text", label: "Jméno" },
     ],
+    tabs: [
+        { name: "all", label: "All countries" },
+        { name: "eu", label: "EU countries"},
+    ],
     dir: "asc",
     sort: "id",
     perPage: 10,
@@ -42,105 +122,36 @@ const schema: Schema<GridType> = {
 <DataGrid<GridType> schema={schema}/>
 ```
 
-## Props
-
-#### getOpenUrl
-Return value: null or undefined hides button
-```tsx
-getOpenUrl: (row: T) => string | null | undefined;
-```
-
-#### getEditUrl
-Return value: null or undefined hides button
-```tsx
-getOpenUrl: (row: T) => string | null | undefined;
-```
-
-#### rowClass
-```tsx
-rowClass: (row: T) => "primary" | "secondary" | "success" | "warning" | "error" | string | null;
-```
-
-#### ToolbarContent
-```tsx
-<DataGrid
-    ToolbarContent={({ onFilter, filtersData }) => (
-        <Checkbox
-            label="Boolean filter in toolbar"
-            checked={filtersData.find(f => f.name === "neighbors")?.value}
-            onChange={e => onFilter({ name: "neighbors", value: e.target.checked })}
-        />
-    )}
-/>
-```
+## Seznam props
+
+| Název                          | Typ                                     | Popis |
+|--------------------------------|-----------------------------------------|-------|
+| schema (required)              | `Schema`                                |       |
+| loader (required)              | `Loader`                                |       |
+| ui (required in core DataGrid) | `UIComponents`                          |       |
+| gridName                       | `string`                                |       |
+| title                          | `string`                                |       |
+| initialState                   | `Request` or `string`                   |       |
+| keyExtractor                   | `KeyExtractor`                          |       |
+| noBorder                       | `boolean`                               | TODO  |
+| rowHeight                      | `number`                                | TODO  |
+| headerRowHeight                | `number`                                | TODO  |
+| defaultConfig                  | `Config`                                |       |
+| rowClass                       |                                         | TODO  |
+| toolbarPlugins                 | `ToolbarPlugin[]`                       |       |
+| **Sloupec akcí**               |                                         |       |
+| onOpen                         | `(row: R) => void`                      |       |
+| getOpenUrl                     | `(row: R) => string , null , undefined` |       |
+| onEdit                         | `(row: R) => void`                      |       |
+| getEditUrl                     | `(row: R) => string , null , undefined` |       |
+| onRemove                       | `(row: R) => void`                      |       |
+| **Skryté sloupce**             |                                         |       |
+| hiddenColumns                  | `string[]`                              |       |
+| onChangeHiddenColumns          | `ChangeHiddenColumnsHandler`            |       |
+| **Výběr řádků**                |                                         |       |
+| selectedRows                   | `Set<number>`                           |       |
+| onChangeSelectedRows           | `(selectedRows: Set<number>]) => void`  |       |
+| **Export**                     |                                         |       |
+| onCsvDownload                  | `CsvDownloadHandler`                    |       |
 
 
-## Example usage ##
-
-```tsx
-// prepare data
-export interface Country {
-    code: string;
-    name: string;
-}
-
-export const countries: Country[] = [
-    { code: "AT", name: "Austria" },
-    { code: "CZ", name: "Czech Republic" },
-    { code: "DE", name: "Germany" },
-    { code: "GR", name: "Greece" },
-    { code: "HU", name: "Hungary" },
-    { code: "IT", name: "Italy" },
-    { code: "MT", name: "Malta" },
-    { code: "MC", name: "Monaco" },
-    { code: "NL", name: "Netherlands" },
-    { code: "NO", name: "Norway" },
-    { code: "PL", name: "Poland" },
-    { code: "PT", name: "Portugal" },
-];
-
-export const App: React.FC = () => {
-    const [hiddenColumns, setHiddenColumns] = useState<string[]>([]);
-    const [selectedRows, setSelectedRows] = useState<Country[]>([]);
-
-    // create config 
-    const config = DataGridConfigurator.create()
-        .addColumn({ name: "code", label: "Code" })
-        .addColumn({ name: "name", label: "Name", sort: true })
-        .addFilter({
-            name: "code",
-            label: "Code",
-            type: "select",
-            options: countries.map(c => ({ label: c.name, value: c.code })),
-        })
-        .addFilter({ name: "name", label: "Name", type: "text" })
-        .getConfig();
-    
-    // create loader 
-    const loader: Loader = async (_, { dir, page = 1, perPage = 10 }) => {
-        const result = countries.sort((a, b) =>
-            dir === "asc" ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name),
-        );
-    
-        return {
-            count: result.length,
-            totalCount: countries.length,
-            result: result.slice(page * perPage, page * perPage + perPage),
-        };
-    };
-
-    return (
-        <DataGrid<Country>
-            {...config}
-            gridName="test"
-            title="Test"
-            loader={loader}
-            onChangeHiddenColumns={setHiddenColumns}
-            hiddenColumns={hiddenColumns}
-            selectableRows="multiple"
-            onChangeSelectedRows={setSelectedRows}
-            selectedRows={selectedRows}
-        />
-    );
-};
-```

package/index.d.ts

@@ -1,8 +1,3 @@
 export * from "./DataGrid";
-export * from "./components/ActionCellBase";
-export * from "./components/BodyCellBase";
-export * from "./components/BodyCellWrapper";
-export * from "./components/FilterInputBase";
-export * from "./components/FilterListItemBase";
 export * from "./types";
-export { decodeFilter, encodeFilter } from "./utils/utils";
+export { decodeFilter, encodeFilter } from "./utils";

package/index.js

@@ -12,13 +12,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.encodeFilter = exports.decodeFilter = void 0;
 __exportStar(require("./DataGrid"), exports);
-__exportStar(require("./components/ActionCellBase"), exports);
-__exportStar(require("./components/BodyCellBase"), exports);
-__exportStar(require("./components/BodyCellWrapper"), exports);
-__exportStar(require("./components/FilterInputBase"), exports);
-__exportStar(require("./components/FilterListItemBase"), exports);
 __exportStar(require("./types"), exports);
-var utils_1 = require("./utils/utils");
+var utils_1 = require("./utils");
 Object.defineProperty(exports, "decodeFilter", { enumerable: true, get: function () { return utils_1.decodeFilter; } });
 Object.defineProperty(exports, "encodeFilter", { enumerable: true, get: function () { return utils_1.encodeFilter; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiw4REFBNEM7QUFDNUMsNERBQTBDO0FBQzFDLCtEQUE2QztBQUM3QywrREFBNkM7QUFDN0Msa0VBQWdEO0FBQ2hELDBDQUF3QjtBQUV4Qix1Q0FBMkQ7QUFBbEQscUdBQUEsWUFBWSxPQUFBO0FBQUUscUdBQUEsWUFBWSxPQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyQjtBQUMzQiwwQ0FBd0I7QUFFeEIsaUNBQXFEO0FBQTVDLHFHQUFBLFlBQVksT0FBQTtBQUFFLHFHQUFBLFlBQVksT0FBQSJ9

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@uxf/data-grid",
-  "version": "3.2.0",
+  "version": "4.0.0-beta.11",
   "description": "Redux DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
   "typings": "index.d.ts",
-  "module": "index.js",
   "publishConfig": {
     "access": "public"
   },
@@ -33,22 +32,15 @@
     "node": ">=8.9"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.0.0-rc.1",
-    "@mui/material": "^5.0.0-rc.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
   "dependencies": {
     "polished": "^4.1.3",
-    "react-data-grid": "^7.0.0-beta.5"
+    "react-data-grid": "^7.0.0-beta.13"
   },
   "devDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.0.0",
-    "@mui/material": "^5.0.0",
+    "@tailwindcss/forms": "^0.5.2",
     "@types/jest": "^26.0.19",
     "@types/react": "^17.0.22",
     "@types/react-dom": "^17.0.0",
@@ -62,11 +54,14 @@
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.28.0",
     "jest": "^26.6.3",
-    "parcel-bundler": "^1.12.5",
+    "parcel": "^2.0.0-nightly.1125",
+    "postcss": "^8.4.14",
     "prettier": "^1.18.2",
+    "process": "^0.11.10",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.1",
+    "tailwindcss": "^3.1.3",
     "ts-jest": "^26.4.4",
     "ts-loader": "^6.2.0",
     "typescript": "^4.1.3"

package/store/actions.d.ts

@@ -35,5 +35,9 @@ export declare const changePerPage: (perPage: number) => {
 };
 export declare const search: (term: string) => {
     type: string;
-    fullText: string;
+    search: string;
+};
+export declare const changeTab: (tabName: string) => {
+    type: string;
+    name: string;
 };

package/store/actions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.search = exports.changePerPage = exports.filterReset = exports.filter = exports.changePage = exports.sortClear = exports.sort = exports.reloadFailed = exports.reloadDone = exports.reload = void 0;
+exports.changeTab = exports.search = exports.changePerPage = exports.filterReset = exports.filter = exports.changePage = exports.sortClear = exports.sort = exports.reloadFailed = exports.reloadDone = exports.reload = void 0;
 var reload = function () { return ({ type: "RELOAD" }); };
 exports.reload = reload;
 var reloadDone = function (response) { return ({
@@ -39,7 +39,12 @@ var changePerPage = function (perPage) { return ({
 exports.changePerPage = changePerPage;
 var search = function (term) { return ({
     type: "FULLTEXT",
-    fullText: term,
+    search: term,
 }); };
 exports.search = search;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVPLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQXBCLENBQW9CLENBQUM7QUFBcEMsUUFBQSxNQUFNLFVBQThCO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBa0IsSUFBSyxPQUFBLENBQUM7SUFDL0MsSUFBSSxFQUFFLGFBQWE7SUFDbkIsUUFBUSxVQUFBO0NBQ1gsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxVQUFVLGNBR3BCO0FBRUksSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO0lBQ3pDLElBQUksRUFBRSxlQUFlO0lBQ3JCLEtBQUssT0FBQTtDQUNSLENBQUMsRUFIMEMsQ0FHMUMsQ0FBQztBQUhVLFFBQUEsWUFBWSxnQkFHdEI7QUFFSSxJQUFNLElBQUksR0FBRyxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7SUFDbkUsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLFlBQUE7SUFDVixTQUFTLFdBQUE7Q0FDWixDQUFDLEVBSm9FLENBSXBFLENBQUM7QUFKVSxRQUFBLElBQUksUUFJZDtBQUVJLElBQU0sU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzVCLElBQUksRUFBRSxZQUFZO0NBQ3JCLENBQUMsRUFGNkIsQ0FFN0IsQ0FBQztBQUZVLFFBQUEsU0FBUyxhQUVuQjtBQUVJLElBQU0sVUFBVSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxFQUEvQixDQUErQixDQUFDO0FBQS9ELFFBQUEsVUFBVSxjQUFxRDtBQUVyRSxJQUFNLE1BQU0sR0FBRyxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO0lBQ25ELElBQUksRUFBRSxRQUFRO0lBQ2QsV0FBVyxhQUFBO0NBQ2QsQ0FBQyxFQUhvRCxDQUdwRCxDQUFDO0FBSFUsUUFBQSxNQUFNLFVBR2hCO0FBRUksSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUEvQyxRQUFBLFdBQVcsZUFBb0M7QUFFckQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO0lBQy9DLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxTQUFBO0NBQ1YsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxhQUFhLGlCQUd2QjtBQUVJLElBQU0sTUFBTSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztJQUNyQyxJQUFJLEVBQUUsVUFBVTtJQUNoQixRQUFRLEVBQUUsSUFBSTtDQUNqQixDQUFDLEVBSHNDLENBR3RDLENBQUM7QUFIVSxRQUFBLE1BQU0sVUFHaEIifQ==
+var changeTab = function (tabName) { return ({
+    type: "CHANGE_TAB",
+    name: tabName,
+}); };
+exports.changeTab = changeTab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9hY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVPLElBQU0sTUFBTSxHQUFHLGNBQU0sT0FBQSxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQXBCLENBQW9CLENBQUM7QUFBcEMsUUFBQSxNQUFNLFVBQThCO0FBRTFDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBa0IsSUFBSyxPQUFBLENBQUM7SUFDL0MsSUFBSSxFQUFFLGFBQWE7SUFDbkIsUUFBUSxVQUFBO0NBQ1gsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxVQUFVLGNBR3BCO0FBRUksSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVLElBQUssT0FBQSxDQUFDO0lBQ3pDLElBQUksRUFBRSxlQUFlO0lBQ3JCLEtBQUssT0FBQTtDQUNSLENBQUMsRUFIMEMsQ0FHMUMsQ0FBQztBQUhVLFFBQUEsWUFBWSxnQkFHdEI7QUFFSSxJQUFNLElBQUksR0FBRyxVQUFDLFVBQWtCLEVBQUUsU0FBd0IsSUFBSyxPQUFBLENBQUM7SUFDbkUsSUFBSSxFQUFFLE1BQU07SUFDWixVQUFVLFlBQUE7SUFDVixTQUFTLFdBQUE7Q0FDWixDQUFDLEVBSm9FLENBSXBFLENBQUM7QUFKVSxRQUFBLElBQUksUUFJZDtBQUVJLElBQU0sU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzVCLElBQUksRUFBRSxZQUFZO0NBQ3JCLENBQUMsRUFGNkIsQ0FFN0IsQ0FBQztBQUZVLFFBQUEsU0FBUyxhQUVuQjtBQUVJLElBQU0sVUFBVSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxFQUEvQixDQUErQixDQUFDO0FBQS9ELFFBQUEsVUFBVSxjQUFxRDtBQUVyRSxJQUFNLE1BQU0sR0FBRyxVQUFDLFdBQTBCLElBQUssT0FBQSxDQUFDO0lBQ25ELElBQUksRUFBRSxRQUFRO0lBQ2QsV0FBVyxhQUFBO0NBQ2QsQ0FBQyxFQUhvRCxDQUdwRCxDQUFDO0FBSFUsUUFBQSxNQUFNLFVBR2hCO0FBRUksSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQUMsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQztBQUEvQyxRQUFBLFdBQVcsZUFBb0M7QUFFckQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFlLElBQUssT0FBQSxDQUFDO0lBQy9DLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxTQUFBO0NBQ1YsQ0FBQyxFQUhnRCxDQUdoRCxDQUFDO0FBSFUsUUFBQSxhQUFhLGlCQUd2QjtBQUVJLElBQU0sTUFBTSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQztJQUNyQyxJQUFJLEVBQUUsVUFBVTtJQUNoQixNQUFNLEVBQUUsSUFBSTtDQUNmLENBQUMsRUFIc0MsQ0FHdEMsQ0FBQztBQUhVLFFBQUEsTUFBTSxVQUdoQjtBQUVJLElBQU0sU0FBUyxHQUFHLFVBQUMsT0FBZSxJQUFLLE9BQUEsQ0FBQztJQUMzQyxJQUFJLEVBQUUsWUFBWTtJQUNsQixJQUFJLEVBQUUsT0FBTztDQUNoQixDQUFDLEVBSDRDLENBRzVDLENBQUM7QUFIVSxRQUFBLFNBQVMsYUFHbkIifQ==

package/store/reducer.d.ts

@@ -2,3 +2,4 @@ import { Reducer } from "react";
 import { Schema, Request, DataGridState } from "../types";
 export declare const getInitialState: (schema: Schema<any>, init?: string | Request | undefined) => DataGridState;
 export declare const reducer: Reducer<DataGridState, any>;
+export declare const debugReducer: Reducer<DataGridState, any>;

package/store/reducer.js

@@ -36,21 +36,30 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reducer = exports.getInitialState = void 0;
-var utils_1 = require("../utils/utils");
+exports.debugReducer = exports.reducer = exports.getInitialState = void 0;
+var utils_1 = require("../utils");
 var getInitialState = function (schema, init) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var initialState = init === undefined ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
+    var tabsCount = (_c = (_b = schema.tabs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
     return {
-        f: (_b = initialState.f) !== null && _b !== void 0 ? _b : [],
-        page: (_c = initialState.page) !== null && _c !== void 0 ? _c : 0,
-        dir: (_d = initialState.dir) !== null && _d !== void 0 ? _d : schema.dir,
-        sort: (_e = initialState.sort) !== null && _e !== void 0 ? _e : schema.sort,
-        perPage: (_f = initialState.perPage) !== null && _f !== void 0 ? _f : schema.perPage,
+        request: {
+            f: (_d = initialState.f) !== null && _d !== void 0 ? _d : [],
+            page: (_e = initialState.page) !== null && _e !== void 0 ? _e : 0,
+            dir: (_f = initialState.dir) !== null && _f !== void 0 ? _f : schema.dir,
+            sort: (_g = initialState.sort) !== null && _g !== void 0 ? _g : schema.sort,
+            perPage: (_h = initialState.perPage) !== null && _h !== void 0 ? _h : schema.perPage,
+            tab: tabsCount > 0 ? schema.tabs[0].name : null,
+            search: "",
+        },
+        tabRequests: {},
     };
 };
 exports.getInitialState = getInitialState;
+// eslint-disable-next-line complexity
 var reducer = function (state, action) {
+    var _a;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
     switch (action.type) {
         case "RELOAD":
             return __assign(__assign({}, state), { loading: true });
@@ -59,23 +68,35 @@ var reducer = function (state, action) {
         case "RELOAD_FAILED":
             return __assign(__assign({}, state), { loading: false, error: action.error });
         case "CHANGE_PAGE":
-            return __assign(__assign({}, state), { page: action.page });
+            return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: action.page }) });
         case "CHANGE_PER_PAGE":
-            return __assign(__assign({}, state), { perPage: action.perPage });
+            return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { perPage: action.perPage }) });
         case "FILTER":
             // eslint-disable-next-line no-case-declarations
             var filterValue_1 = action.filterValue;
-            return __assign(__assign({}, state), { page: 0, f: state.f.find(function (f) { return f.name === filterValue_1.name; })
-                    ? state.f.map(function (f) { return (f.name === filterValue_1.name ? filterValue_1 : f); })
-                    : __spreadArray(__spreadArray([], __read(state.f), false), [filterValue_1], false) });
+            return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: 0, f: state.request.f.find(function (f) { return f.name === filterValue_1.name; })
+                        ? state.request.f.map(function (f) { return (f.name === filterValue_1.name ? filterValue_1 : f); })
+                        : __spreadArray(__spreadArray([], __read(state.request.f), false), [filterValue_1], false) }) });
         case "FILTER_RESET":
-            return __assign(__assign({}, state), { page: 0, f: [] });
+            return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { page: 0, f: [] }) });
         case "SORT":
-            return __assign(__assign({}, state), { sort: action.columnName, dir: action.direction });
+            return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { sort: action.columnName, dir: action.direction }) });
         case "SORT_CLEAR":
-            return __assign(__assign({}, state), { sort: null, dir: null });
+            return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { sort: null, dir: null }) });
         case "FULLTEXT":
-            return __assign(__assign({}, state), { fullText: action.fullText, page: 0 });
+            return __assign(__assign({}, state), { request: __assign(__assign({}, state.request), { search: action.search, page: 0 }) });
+        case "CHANGE_TAB":
+            // eslint-disable-next-line no-case-declarations
+            var tabHistory = (_b = state.tabRequests[action.name]) !== null && _b !== void 0 ? _b : {};
+            return __assign(__assign({}, state), { request: {
+                    f: (_c = tabHistory.f) !== null && _c !== void 0 ? _c : [],
+                    search: (_d = tabHistory.search) !== null && _d !== void 0 ? _d : "",
+                    page: (_e = tabHistory.page) !== null && _e !== void 0 ? _e : 0,
+                    perPage: (_f = tabHistory.perPage) !== null && _f !== void 0 ? _f : state.request.perPage,
+                    dir: (_g = tabHistory.dir) !== null && _g !== void 0 ? _g : state.request.dir,
+                    sort: (_h = tabHistory.sort) !== null && _h !== void 0 ? _h : state.request.sort,
+                    tab: action.name,
+                }, tabRequests: __assign(__assign({}, state.tabRequests), (_a = {}, _a[(_j = state.request.tab) !== null && _j !== void 0 ? _j : "__DEFAULT_TAB__"] = state.request, _a)) });
         default:
             // eslint-disable-next-line no-console
             console.warn("Unknown datagrid action.", action);
@@ -83,4 +104,11 @@ var reducer = function (state, action) {
     }
 };
 exports.reducer = reducer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLHdDQUE4QztBQUV2QyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsT0FBTztRQUNILENBQUMsRUFBRSxNQUFBLFlBQVksQ0FBQyxDQUFDLG1DQUFJLEVBQUU7UUFDdkIsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksQ0FBQztRQUM1QixHQUFHLEVBQUUsTUFBQSxZQUFZLENBQUMsR0FBRyxtQ0FBSSxNQUFNLENBQUMsR0FBRztRQUNuQyxJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsSUFBSTtRQUN0QyxPQUFPLEVBQUUsTUFBQSxZQUFZLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUMsT0FBTztLQUNsRCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBVFcsUUFBQSxlQUFlLG1CQVMxQjtBQUVLLElBQU0sT0FBTyxHQUFnQyxVQUFDLEtBQUssRUFBRSxNQUFNO0lBQzlELFFBQVEsTUFBTSxDQUFDLElBQUksRUFBRTtRQUNqQixLQUFLLFFBQVE7WUFDVCw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLElBQUksSUFDZjtRQUNOLEtBQUssYUFBYTtZQUNkLDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsS0FBSyxFQUNkLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxJQUMzQjtRQUNOLEtBQUssZUFBZTtZQUNoQiw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLEtBQUssRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFDckI7UUFDTixLQUFLLGFBQWE7WUFDZCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQ25CO1FBQ04sS0FBSyxpQkFBaUI7WUFDbEIsNkJBQ08sS0FBSyxLQUNSLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN6QjtRQUNOLEtBQUssUUFBUTtZQUNULGdEQUFnRDtZQUNoRCxJQUFNLGFBQVcsR0FBa0IsTUFBTSxDQUFDLFdBQVcsQ0FBQztZQUN0RCw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLENBQUMsRUFDUCxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsSUFBSSxLQUFLLGFBQVcsQ0FBQyxJQUFJLEVBQTNCLENBQTJCLENBQUM7b0JBQzdDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxhQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUEvQyxDQUErQyxDQUFDO29CQUNuRSxDQUFDLHdDQUFLLEtBQUssQ0FBQyxDQUFDLFlBQUUsYUFBVyxTQUFDLElBQ2pDO1FBQ04sS0FBSyxjQUFjO1lBQ2YsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxDQUFDLEVBQ1AsQ0FBQyxFQUFFLEVBQUUsSUFDUDtRQUNOLEtBQUssTUFBTTtZQUNQLDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFDdkIsR0FBRyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQ3ZCO1FBQ04sS0FBSyxZQUFZO1lBQ2IsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLElBQUksSUFDWDtRQUNOLEtBQUssVUFBVTtZQUNYLDZCQUNPLEtBQUssS0FDUixRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFDekIsSUFBSSxFQUFFLENBQUMsSUFDVDtRQUNOO1lBQ0ksc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDakQsT0FBTyxLQUFLLENBQUM7S0FDcEI7QUFDTCxDQUFDLENBQUM7QUFwRVcsUUFBQSxPQUFPLFdBb0VsQiJ9
+var debugReducer = function (state, action) {
+    var newState = (0, exports.reducer)(state, action);
+    // eslint-disable-next-line no-console
+    console.log("" + action.type, { action: action, oldState: state, newState: newState });
+    return newState;
+};
+exports.debugReducer = debugReducer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLGtDQUF3QztBQUVqQyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsSUFBTSxTQUFTLEdBQUcsTUFBQSxNQUFBLE1BQU0sQ0FBQyxJQUFJLDBDQUFFLE1BQU0sbUNBQUksQ0FBQyxDQUFDO0lBQzNDLE9BQU87UUFDSCxPQUFPLEVBQUU7WUFDTCxDQUFDLEVBQUUsTUFBQSxZQUFZLENBQUMsQ0FBQyxtQ0FBSSxFQUFFO1lBQ3ZCLElBQUksRUFBRSxNQUFBLFlBQVksQ0FBQyxJQUFJLG1DQUFJLENBQUM7WUFDNUIsR0FBRyxFQUFFLE1BQUEsWUFBWSxDQUFDLEdBQUcsbUNBQUksTUFBTSxDQUFDLEdBQUc7WUFDbkMsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksTUFBTSxDQUFDLElBQUk7WUFDdEMsT0FBTyxFQUFFLE1BQUEsWUFBWSxDQUFDLE9BQU8sbUNBQUksTUFBTSxDQUFDLE9BQU87WUFDL0MsR0FBRyxFQUFFLFNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQy9DLE1BQU0sRUFBRSxFQUFFO1NBQ2I7UUFDRCxXQUFXLEVBQUUsRUFBRTtLQUNs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

package/tailwindui/DataGrid.d.ts

@@ -0,0 +1,6 @@
+import { BaseGridType, DataGridBaseProps, ToolbarPlugin, UIComponents } from "../types";
+export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
+    ui?: Partial<UIComponents<GridType, R>>;
+};
+export declare const DEFAULT_TOOLBAR_PLUGINS: ToolbarPlugin[];
+export declare const DataGrid: <GridType extends BaseGridType, R = any>(props: DataGridProps<GridType, R>) => JSX.Element;

package/tailwindui/DataGrid.js

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (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.DataGrid = exports.DEFAULT_TOOLBAR_PLUGINS = void 0;
+var DataGrid_1 = require("../DataGrid");
+var react_1 = __importStar(require("react"));
+var ui_1 = require("./ui");
+var fulltext_plugin_1 = require("./toolbar-plugins/fulltext-plugin");
+var filters_plugin_1 = require("./toolbar-plugins/filters-plugin");
+var hidden_columns_plugin_1 = require("./toolbar-plugins/hidden-columns-plugin");
+var csv_export_plugin_1 = require("./toolbar-plugins/csv-export-plugin");
+var tabs_plugin_1 = require("./toolbar-plugins/tabs-plugin");
+exports.DEFAULT_TOOLBAR_PLUGINS = [
+    tabs_plugin_1.TabsPlugin,
+    fulltext_plugin_1.FulltextPlugin,
+    filters_plugin_1.FiltersPlugin,
+    hidden_columns_plugin_1.HiddenColumnsPlugin,
+    csv_export_plugin_1.CsvExportPlugin,
+];
+var DataGrid = function (props) {
+    var ui = (0, react_1.useMemo)(function () {
+        return __assign(__assign({}, ui_1.UI), props.ui);
+    }, [props.ui]);
+    return react_1.default.createElement(DataGrid_1.DataGrid, __assign({ toolbarPlugins: exports.DEFAULT_TOOLBAR_PLUGINS }, props, { ui: ui }));
+};
+exports.DataGrid = DataGrid;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9EYXRhR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0Esd0NBQXVEO0FBQ3ZELDZDQUF1QztBQUN2QywyQkFBMEI7QUFDMUIscUVBQW1FO0FBQ25FLG1FQUFpRTtBQUNqRSxpRkFBOEU7QUFDOUUseUVBQXNFO0FBQ3RFLDZEQUEyRDtBQU05QyxRQUFBLHVCQUF1QixHQUFvQjtJQUNwRCx3QkFBVTtJQUNWLGdDQUFjO0lBQ2QsOEJBQWE7SUFDYiwyQ0FBbUI7SUFDbkIsbUNBQWU7Q0FDbEIsQ0FBQztBQUVLLElBQU0sUUFBUSxHQUFHLFVBQXlDLEtBQWlDO0lBQzlGLElBQU0sRUFBRSxHQUE4QixJQUFBLGVBQU8sRUFBQztRQUMxQyw2QkFBYSxPQUFVLEdBQUssS0FBSyxDQUFDLEVBQUUsRUFBRztJQUMzQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNmLE9BQU8sOEJBQUMsbUJBQVksYUFBQyxjQUFjLEVBQUUsK0JBQXVCLElBQU0sS0FBSyxJQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQztBQUN4RixDQUFDLENBQUM7QUFMVyxRQUFBLFFBQVEsWUFLbkIifQ==

package/{components/ActionCellBase.d.ts → tailwindui/components/action-cell-base.d.ts}

@@ -1,4 +1,4 @@
 import React from "react";
-import { ActionCellComponent } from "../types";
+import { ActionCellComponent } from "../../types";
 export declare const ActionCellWrapper: React.NamedExoticComponent<object>;
 export declare const ActionCellBase: ActionCellComponent<any>;

package/tailwindui/components/action-cell-base.js

@@ -0,0 +1,90 @@
+"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]; } });
+}) : (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.ActionCellBase = exports.ActionCellWrapper = void 0;
+var open_1 = require("./icons/open");
+var edit_1 = require("./icons/edit");
+var trash_1 = require("./icons/trash");
+var react_1 = __importStar(require("react"));
+var circle_button_1 = require("./circle-button");
+exports.ActionCellWrapper = (0, react_1.memo)(function (_a) {
+    var children = _a.children;
+    var innerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        var scrollLeft = 0;
+        var grid = null;
+        var node = innerRef.current;
+        if (!node) {
+            return;
+        }
+        var scrollHandler = function () {
+            grid === null || grid === void 0 ? void 0 : grid.scrollTo({ left: scrollLeft });
+            grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
+        };
+        var focusHandler = function () {
+            grid = node.closest(".rdg");
+            if (grid) {
+                scrollLeft = grid.scrollLeft;
+                grid.addEventListener("scroll", scrollHandler);
+            }
+        };
+        (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.addEventListener("focus", focusHandler, { capture: true });
+        return function () {
+            var _a;
+            grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
+            (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener("focus", focusHandler);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { className: "flex align-center justify-center text-center w-full", ref: innerRef }, children));
+});
+exports.ActionCellWrapper.displayName = "ActionCellWrapper";
+var ActionCellItem = (0, react_1.memo)(function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("div", { className: "flex justify-center align-center text-center w-full" }, children));
+});
+ActionCellItem.displayName = "ActionCellItem";
+var Button = function (props) {
+    var getUrl = props.getUrl, onClick = props.onClick, row = props.row, icon = props.icon, title = props.title;
+    if (getUrl) {
+        var href = getUrl(row);
+        if (!href) {
+            return null;
+        }
+        return (react_1.default.createElement(circle_button_1.CircleButton, { href: href, title: title }, icon));
+    }
+    if (onClick) {
+        return (react_1.default.createElement(circle_button_1.CircleButton, { title: title, onClick: function () { return onClick(row); } }, icon));
+    }
+    return null;
+};
+var ActionCellBase = function (props) {
+    var onOpen = props.onOpen, getOpenUrl = props.getOpenUrl, onEdit = props.onEdit, getEditUrl = props.getEditUrl, onRemove = props.onRemove, row = props.row;
+    if (!onOpen && !getOpenUrl && !onEdit && !getEditUrl && !onRemove) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button, { row: row, onClick: onRemove, getUrl: undefined, icon: react_1.default.createElement(trash_1.Trash, null), title: "Smazat" }),
+        react_1.default.createElement(Button, { row: row, onClick: onEdit, getUrl: getEditUrl, icon: react_1.default.createElement(edit_1.Edit, null), title: "Upravit" }),
+        react_1.default.createElement(Button, { row: row, onClick: onOpen, getUrl: getOpenUrl, icon: react_1.default.createElement(open_1.Open, null), title: "Detail" })));
+};
+exports.ActionCellBase = ActionCellBase;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNlbGwtYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvYWN0aW9uLWNlbGwtYmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHFDQUFvQztBQUNwQyxxQ0FBb0M7QUFDcEMsdUNBQXNDO0FBQ3RDLDZDQUFrRTtBQUVsRSxpREFBK0M7QUFFbEMsUUFBQSxpQkFBaUIsR0FBRyxJQUFBLFlBQUksRUFBQyxVQUFDLEVBQVk7UUFBVixRQUFRLGNBQUE7SUFDN0MsSUFBTSxRQUFRLEdBQUcsSUFBQSxjQUFNLEVBQWlCLElBQUksQ0FBQyxDQUFDO0lBRTlDLElBQUEsaUJBQVMsRUFBQzs7UUFDTixJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxJQUFJLEdBQW1CLElBQUksQ0FBQztRQUVoQyxJQUFNLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDUCxPQUFPO1NBQ1Y7UUFFRCxJQUFNLGFBQWEsR0FBRztZQUNsQixJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7WUFDckMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUM7UUFFRixJQUFNLFlBQVksR0FBRztZQUNqQixJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM1QixJQUFJLElBQUksRUFBRTtnQkFDTixVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQzthQUNsRDtR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