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

package/tailwindui/components/selected-rows-toolbar.js

@@ -4,30 +4,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectedRowsToolbar = void 0;
-var circle_button_1 = require("./circle-button");
 var react_1 = __importDefault(require("react"));
+var button_1 = require("@uxf/ui/button");
 var getText = function (count) {
     if (count === 1) {
         return "Vybrán 1 záznam";
     }
     if (count < 5) {
-        return "Vybr\u00E1ny " + count + " z\u00E1znamy";
+        return "Vybr\u00E1ny ".concat(count, " z\u00E1znamy");
     }
-    return "Vybr\u00E1no " + count + " z\u00E1znam\u016F";
+    return "Vybr\u00E1no ".concat(count, " z\u00E1znam\u016F");
 };
 var SelectedRowsToolbar = function (props) {
     var selectedRows = props.selectedRows, onChangeSelectedRows = props.onChangeSelectedRows, Actions = props.Actions, reload = props.reload;
     if (!onChangeSelectedRows || !selectedRows || selectedRows.size === 0) {
         return null;
     }
-    return (react_1.default.createElement("div", { className: "fixed bottom-8 left-0 right-0 flex flex-row justify-center items-center", style: { paddingLeft: 240 } },
-        react_1.default.createElement("div", { className: "text-white bg-dataGridPrimary rounded-full px-6 py-2 flex items-center justify-center drop-shadow-xl border border-gray-100" },
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-wrapper", style: { paddingLeft: 240 } },
+        react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar" },
             react_1.default.createElement("p", { className: "text-sm" }, getText(selectedRows.size)),
             react_1.default.createElement("div", { className: "pl-4 space-x-2" },
                 Actions && (react_1.default.createElement(Actions, { onChangeSelectedRows: onChangeSelectedRows, selectedRows: selectedRows, reload: reload })),
-                react_1.default.createElement(circle_button_1.CircleButton, { title: "Zru\u0161it v\u00FDb\u011Br", onClick: function () { return onChangeSelectedRows(new Set()); }, light: true },
-                    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "white", strokeWidth: 2 },
-                        react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })))))));
+                react_1.default.createElement(button_1.Button, { onClick: function () { return onChangeSelectedRows(new Set()); } }, "Smazat")))));
 };
 exports.SelectedRowsToolbar = SelectedRowsToolbar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtcm93cy10b29sYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9zZWxlY3RlZC1yb3dzLXRvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGlEQUErQztBQUMvQyxnREFBMEI7QUFHMUIsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhO0lBQzFCLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8saUJBQWlCLENBQUM7S0FDNUI7SUFDRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxPQUFPLGtCQUFXLEtBQUssa0JBQVUsQ0FBQztLQUNyQztJQUVELE9BQU8sa0JBQVcsS0FBSyx1QkFBVSxDQUFDO0FBQ3RDLENBQUMsQ0FBQztBQUVLLElBQU0sbUJBQW1CLEdBQWlDLFVBQUEsS0FBSztJQUMxRCxJQUFBLFlBQVksR0FBNEMsS0FBSyxhQUFqRCxFQUFFLG9CQUFvQixHQUFzQixLQUFLLHFCQUEzQixFQUFFLE9BQU8sR0FBYSxLQUFLLFFBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXRFLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtRQUNuRSxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUNJLFNBQVMsRUFBQyx5RUFBeUUsRUFDbkYsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLEdBQUcsRUFBRTtRQUUzQix1Q0FBSyxTQUFTLEVBQUMsNkhBQTZIO1lBQ3hJLHFDQUFHLFNBQVMsRUFBQyxTQUFTLElBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBSztZQUN2RCx1Q0FBSyxTQUFTLEVBQUMsZ0JBQWdCO2dCQUMxQixPQUFPLElBQUksQ0FDUiw4QkFBQyxPQUFPLElBQ0osb0JBQW9CLEVBQUUsb0JBQW9CLEVBQzFDLFlBQVksRUFBRSxZQUFZLEVBQzFCLE1BQU0sRUFBRSxNQUFNLEdBQ2hCLENBQ0w7Z0JBQ0QsOEJBQUMsNEJBQVksSUFBQyxLQUFLLEVBQUMsNkJBQWMsRUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLG9CQUFvQixDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsRUFBL0IsQ0FBK0IsRUFBRSxLQUFLO29CQUNwRix1Q0FDSSxLQUFLLEVBQUMsNEJBQTRCLEVBQ2xDLFNBQVMsRUFBQyxTQUFTLEVBQ25CLElBQUksRUFBQyxNQUFNLEVBQ1gsT0FBTyxFQUFDLFdBQVcsRUFDbkIsTUFBTSxFQUFDLE9BQU8sRUFDZCxXQUFXLEVBQUUsQ0FBQzt3QkFFZCx3Q0FBTSxhQUFhLEVBQUMsT0FBTyxFQUFDLGNBQWMsRUFBQyxPQUFPLEVBQUMsQ0FBQyxFQUFDLHNCQUFzQixHQUFHLENBQzVFLENBQ0ssQ0FDYixDQUNKLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdENXLFFBQUEsbUJBQW1CLHVCQXNDOUIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtcm93cy10b29sYmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9zZWxlY3RlZC1yb3dzLXRvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQix5Q0FBd0M7QUFFeEMsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFhO0lBQzFCLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8saUJBQWlCLENBQUM7S0FDNUI7SUFDRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxPQUFPLHVCQUFXLEtBQUssa0JBQVUsQ0FBQztLQUNyQztJQUVELE9BQU8sdUJBQVcsS0FBSyx1QkFBVSxDQUFDO0FBQ3RDLENBQUMsQ0FBQztBQUVLLElBQU0sbUJBQW1CLEdBQWlDLFVBQUEsS0FBSztJQUMxRCxJQUFBLFlBQVksR0FBNEMsS0FBSyxhQUFqRCxFQUFFLG9CQUFvQixHQUFzQixLQUFLLHFCQUEzQixFQUFFLE9BQU8sR0FBYSxLQUFLLFFBQWxCLEVBQUUsTUFBTSxHQUFLLEtBQUssT0FBVixDQUFXO0lBRXRFLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLENBQUMsRUFBRTtRQUNuRSxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyw4Q0FBOEMsRUFBQyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFFO1FBQ3JGLHVDQUFLLFNBQVMsRUFBQyxzQ0FBc0M7WUFDakQscUNBQUcsU0FBUyxFQUFDLFNBQVMsSUFBRSxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFLO1lBQ3ZELHVDQUFLLFNBQVMsRUFBQyxnQkFBZ0I7Z0JBQzFCLE9BQU8sSUFBSSxDQUNSLDhCQUFDLE9BQU8sSUFDSixvQkFBb0IsRUFBRSxvQkFBb0IsRUFDMUMsWUFBWSxFQUFFLFlBQVksRUFDMUIsTUFBTSxFQUFFLE1BQU0sR0FDaEIsQ0FDTDtnQkFDRCw4QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEVBQS9CLENBQStCLGFBQWlCLENBQ3JFLENBQ0osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUF4QlcsUUFBQSxtQkFBbUIsdUJBd0I5QiJ9

package/tailwindui/components/toolbar-control.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarControlComponent } from "../../types";
+export declare const ToolbarControl: ToolbarControlComponent;

package/tailwindui/components/toolbar-control.js

@@ -0,0 +1,82 @@
+"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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarControl = void 0;
+var react_1 = __importStar(require("react"));
+var icon_1 = require("@uxf/ui/icon");
+var text_input_1 = require("@uxf/ui/text-input");
+var button_1 = require("@uxf/ui/button");
+var drawer_1 = require("./drawer");
+var toggle_1 = require("@uxf/ui/toggle");
+var actions_1 = require("../../store/actions");
+var show_1 = require("../show");
+function Filters(props) {
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map(function (filter) {
+        var _a, _b;
+        var FilterInput = (_a = props.filterHandlers[filter.name]) === null || _a === void 0 ? void 0 : _a.input;
+        if (!FilterInput) {
+            // eslint-disable-next-line no-console
+            console.warn("Unknown filter \"".concat(filter.name, "\"."));
+            return null;
+        }
+        return (react_1.default.createElement(FilterInput, { key: filter.name, gridName: props.gridName, filter: filter, value: (_b = props.filtersData.find(function (f) { return f.name === filter.name; })) !== null && _b !== void 0 ? _b : { name: filter.name, value: null }, onFilter: function (requestFilter) { return props.dispatch(actions_1.dataGridActions.filter(requestFilter)); }, onClear: function () { return props.dispatch(actions_1.dataGridActions.filter({ name: filter.name, value: null })); } }));
+    })));
+}
+function Columns(props) {
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" }, props.schema.columns.map(function (column) { return (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", value: true, onChange: function () { return null; } })); })));
+}
+var ToolbarControl = function (props) {
+    var _a = __read((0, react_1.useState)(false), 2), isFiltersOpen = _a[0], setFiltersOpen = _a[1];
+    var _b = __read((0, react_1.useState)(false), 2), isColumnsOpen = _b[0], setColumnsOpen = _b[1];
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
+        react_1.default.createElement(text_input_1.TextInput, { value: props.fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid-plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", className: "text-gray-400 h-4" }) }),
+        react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: function () { return setFiltersOpen(true); }, title: "Filtrovat" },
+            react_1.default.createElement(icon_1.Icon, { name: "filter" })),
+        react_1.default.createElement(show_1.Show, { when: props.onChangeHiddenColumns && props.hiddenColumns },
+            react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: function () { return setColumnsOpen(true); }, title: "Nastaven\u00ED sloupc\u016F" },
+                react_1.default.createElement(icon_1.Icon, { name: "table-columns" }))),
+        react_1.default.createElement(drawer_1.Drawer, { open: isFiltersOpen, onClose: function () { return setFiltersOpen(false); }, title: "Filtry" },
+            react_1.default.createElement(Filters, { gridName: props.gridName, schema: props.schema, dispatch: props.dispatch, filtersData: props.filtersData, filterHandlers: props.filterHandlers, noBorder: props.noBorder })),
+        react_1.default.createElement(drawer_1.Drawer, { open: isColumnsOpen, onClose: function () { return setColumnsOpen(false); }, title: "Nastaven\u00ED sloupc\u016F" },
+            react_1.default.createElement(Columns, { schema: props.schema, onChangeHiddenColumns: props.onChangeHiddenColumns, hiddenColumns: props.hiddenColumns }))));
+};
+exports.ToolbarControl = ToolbarControl;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jb250cm9sLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWNvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF3QztBQUN4QyxxQ0FBb0M7QUFDcEMsaURBQStDO0FBQy9DLHlDQUF3QztBQUN4QyxtQ0FBa0M7QUFTbEMseUNBQXdDO0FBQ3hDLCtDQUFzRDtBQUN0RCxnQ0FBK0I7QUFXL0IsU0FBUyxPQUFPLENBQUMsS0FBbUI7SUFDaEMsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyx3QkFBd0IsSUFDbEMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUEsTUFBTTs7UUFDNUIsSUFBTSxXQUFXLEdBQXlCLE1BQUEsS0FBSyxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDBDQUFFLEtBQUssQ0FBQztRQUVuRixJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2Qsc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMkJBQW1CLE1BQU0sQ0FBQyxJQUFJLFFBQUksQ0FBQyxDQUFDO1lBQ2pELE9BQU8sSUFBSSxDQUFDO1NBQ2Y7UUFFRCxPQUFPLENBQ0gsOEJBQUMsV0FBVyxJQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxLQUFLLEVBQ0QsTUFBQSxLQUFLLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksRUFBdEIsQ0FBc0IsQ0FBQyxtQ0FBSSxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtB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

package/tailwindui/components/toolbar-customs.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarCustomsComponent } from "../../types";
+export declare const ToolbarCustoms: ToolbarCustomsComponent;

package/tailwindui/components/toolbar-customs.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarCustoms = void 0;
+var react_1 = __importDefault(require("react"));
+var button_1 = require("@uxf/ui/button");
+var ToolbarCustoms = function () {
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
+        react_1.default.createElement(button_1.Button, null, "TODO")));
+};
+exports.ToolbarCustoms = ToolbarCustoms;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1jdXN0b21zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLWN1c3RvbXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQix5Q0FBd0M7QUFHakMsSUFBTSxjQUFjLEdBQTRCO0lBQ25ELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsZ0NBQWdDO1FBQzNDLDhCQUFDLGVBQU0sZUFBYyxDQUNuQixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLGNBQWMsa0JBTXpCIn0=

package/tailwindui/components/toolbar-tabs.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarTabsComponent } from "../../types";
+export declare const ToolbarTabs: ToolbarTabsComponent;

package/tailwindui/components/toolbar-tabs.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolbarTabs = void 0;
+var react_1 = __importDefault(require("react"));
+var show_1 = require("../show");
+var utils_1 = require("../../utils");
+function Tab(props) {
+    return (react_1.default.createElement("button", { className: (0, utils_1.cx)("uxf-data-grid__toolbar-tab", props.isActive && "is-active"), onClick: props.onClick }, props.title));
+}
+var ToolbarTabs = function (props) {
+    var _a;
+    return (react_1.default.createElement(show_1.Show, { when: (_a = props.schema.tabs) === null || _a === void 0 ? void 0 : _a.length },
+        react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-tabs" },
+            react_1.default.createElement("nav", { className: "uxf-data-grid__toolbar-tabs-nav", "aria-label": "Tabs" }, props.schema.tabs.map(function (t) { return (react_1.default.createElement(Tab, { key: t.name, title: t.label, isActive: props.activeTab === t.name, onClick: function () { return props.onChange(t.name); } })); })))));
+};
+exports.ToolbarTabs = ToolbarTabs;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci10YWJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy90b29sYmFyLXRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLGdEQUF5QztBQUN6QyxnQ0FBK0I7QUFDL0IscUNBQWlDO0FBUWpDLFNBQVMsR0FBRyxDQUFDLEtBQWU7SUFDeEIsT0FBTyxDQUNILDBDQUFRLFNBQVMsRUFBRSxJQUFBLFVBQUUsRUFBQyw0QkFBNEIsRUFBRSxLQUFLLENBQUMsUUFBUSxJQUFJLFdBQVcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxJQUNyRyxLQUFLLENBQUMsS0FBSyxDQUNQLENBQ1osQ0FBQztBQUNOLENBQUM7QUFFTSxJQUFNLFdBQVcsR0FBeUIsVUFBQSxLQUFLOztJQUNsRCxPQUFPLENBQ0gsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxNQUFBLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSwwQ0FBRSxNQUFNO1FBQ2pDLHVDQUFLLFNBQVMsRUFBQyw2QkFBNkI7WUFDeEMsdUNBQUssU0FBUyxFQUFDLGlDQUFpQyxnQkFBWSxNQUFNLElBQzdELEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQ3hCLDhCQUFDLEdBQUcsSUFDQSxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFDWCxLQUFLLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFDZCxRQUFRLEVBQUUsS0FBSyxDQUFDLFNBQVMsS0FBSyxDQUFDLENBQUMsSUFBSSxFQUNwQyxPQUFPLEVBQUUsY0FBTSxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUF0QixDQUFzQixHQUN2QyxDQUNMLEVBUDJCLENBTzNCLENBQUMsQ0FDQSxDQUNKLENBQ0gsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakJXLFFBQUEsV0FBVyxlQWlCdEIifQ==

package/tailwindui/components/toolbar.d.ts

@@ -0,0 +1,2 @@
+import { ToolbarComponent } from "../../types";
+export declare const Toolbar: ToolbarComponent;

package/tailwindui/components/toolbar.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
+var react_1 = __importDefault(require("react"));
+var utils_1 = require("../../utils");
+var Toolbar = function (props) {
+    var children = props.children, noBorder = props.noBorder;
+    return react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__toolbar", noBorder && "no-border") }, children);
+};
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvdG9vbGJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLHFDQUFpQztBQUUxQixJQUFNLE9BQU8sR0FBcUIsVUFBQSxLQUFLO0lBQ2xDLElBQUEsUUFBUSxHQUFlLEtBQUssU0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDckMsT0FBTyx1Q0FBSyxTQUFTLEVBQUUsSUFBQSxVQUFFLEVBQUMsd0JBQXdCLEVBQUUsUUFBUSxJQUFJLFdBQVcsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQ25HLENBQUMsQ0FBQztBQUhXLFFBQUEsT0FBTyxXQUdsQiJ9

package/tailwindui/filter-handler/boolean-filter.d.ts

@@ -0,0 +1,3 @@
+import { FilterHandler } from "../../types";
+declare const BooleanFilterHandler: FilterHandler;
+export default BooleanFilterHandler;

package/tailwindui/filter-handler/boolean-filter.js

@@ -0,0 +1,29 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var checkbox_1 = require("@uxf/ui/checkbox");
+var chip_1 = require("@uxf/ui/chip");
+var checkbox_visual_1 = require("@uxf/ui/checkbox-visual");
+var BooleanFilterHandler = {
+    input: function (props) { return (react_1.default.createElement(checkbox_1.Checkbox, { label: props.filter.label, value: props.value.value, onChange: function (value) { return props.onFilter(__assign(__assign({}, props.value), { value: value })); } })); },
+    listItem: function (props) { return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
+        props.filter.label,
+        ": ",
+        react_1.default.createElement(checkbox_visual_1.CheckboxVisual, { value: props.value.value === true }))); },
+};
+exports.default = BooleanFilterHandler;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vbGVhbi1maWx0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci9ib29sZWFuLWZpbHRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiw2Q0FBNEM7QUFDNUMscUNBQW9DO0FBQ3BDLDJEQUF5RDtBQUV6RCxJQUFNLG9CQUFvQixHQUFrQjtJQUN4QyxLQUFLLEVBQUUsVUFBQSxLQUFLLElBQUksT0FBQSxDQUNaLDhCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUN6QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQ3hCLFFBQVEsRUFBRSxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxRQUFRLHVCQUFNLEtBQUssQ0FBQyxLQUFLLEtBQUUsS0FBSyxPQUFBLElBQUcsRUFBekMsQ0FBeUMsR0FDOUQsQ0FDTCxFQU5lLENBTWY7SUFDRCxRQUFRLEVBQUUsVUFBQSxLQUFLLElBQUksT0FBQSxDQUNmLDhCQUFDLFdBQUksSUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87UUFDdkIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLOztRQUFHLDhCQUFDLGdDQUFjLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLElBQUksR0FBSSxDQUN4RSxDQUNWLEVBSmtCLENBSWxCO0NBQ0osQ0FBQztBQUVGLGtCQUFlLG9CQUFvQixDQUFDIn0=

package/tailwindui/filter-handler/index.d.ts

@@ -0,0 +1,2 @@
+import { FilterHandlers } from "../../types";
+export declare const defaultFilterHandlers: FilterHandlers;

package/tailwindui/filter-handler/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFilterHandlers = void 0;
+var text_filter_1 = __importDefault(require("./text-filter"));
+var boolean_filter_1 = __importDefault(require("./boolean-filter"));
+exports.defaultFilterHandlers = {
+    text: text_filter_1.default,
+    boolean: boolean_filter_1.default,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSw4REFBaUM7QUFDakMsb0VBQXVDO0FBRTFCLFFBQUEscUJBQXFCLEdBQW1CO0lBQ2pELElBQUksdUJBQUE7SUFDSixPQUFPLDBCQUFBO0NBQ1YsQ0FBQyJ9

package/tailwindui/filter-handler/text-filter.d.ts

@@ -0,0 +1,3 @@
+import { FilterHandler } from "../../types";
+declare const TextFilterHandler: FilterHandler;
+export default TextFilterHandler;

package/tailwindui/filter-handler/text-filter.js

@@ -0,0 +1,36 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var chip_1 = require("@uxf/ui/chip");
+var text_input_1 = require("@uxf/ui/text-input");
+var TextFilterHandler = {
+    input: function (props) {
+        var _a;
+        return (react_1.default.createElement(text_input_1.TextInput, { label: props.filter.label, value: (_a = props.value.value) !== null && _a !== void 0 ? _a : "", onChange: function (value) { return props.onFilter(__assign(__assign({}, props.value), { value: value })); } }));
+    },
+    listItem: function (props) {
+        if (!props.value.value) {
+            return null;
+        }
+        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
+            props.filter.label,
+            ": ",
+            props.value.value));
+    },
+};
+exports.default = TextFilterHandler;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWx0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9maWx0ZXItaGFuZGxlci90ZXh0LWZpbHRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixxQ0FBb0M7QUFDcEMsaURBQStDO0FBRS9DLElBQU0saUJBQWlCLEdBQWtCO0lBQ3JDLEtBQUssRUFBRSxVQUFBLEtBQUs7O1FBQUksT0FBQSxDQUNaLDhCQUFDLHNCQUFTLElBQ04sS0FBSyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUN6QixLQUFLLEVBQUUsTUFBQSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssbUNBQUksRUFBRSxFQUM5QixRQUFRLEVBQUUsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsUUFBUSx1QkFBTSxLQUFLLENBQUMsS0FBSyxLQUFFLEtBQUssT0FBQSxJQUFHLEVBQXpDLENBQXlDLEdBQzlELENBQ0wsQ0FBQTtLQUFBO0lBQ0QsUUFBUSxFQUFFLFVBQUEsS0FBSztRQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRTtZQUNwQixPQUFPLElBQUksQ0FBQztTQUNmO1FBRUQsT0FBTyxDQUNILDhCQUFDLFdBQUksSUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU87WUFDdkIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLOztZQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUNyQyxDQUNWLENBQUM7SUFDTixDQUFDO0NBQ0osQ0FBQztBQUVGLGtCQUFlLGlCQUFpQixDQUFDIn0=

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,127 @@
+.uxf-data-grid {
+    @apply border border-gray-300 rounded;
+
+    &.no-border {
+        @apply border-0;
+    }
+
+    .uxf-icon {
+        @apply text-gray-400;
+    }
+
+    &__action-cell-wrapper {
+        @apply flex items-center justify-center text-center w-full h-full space-x-2;
+    }
+
+    &__fallback {
+        grid-column: 1/-1;
+
+        @apply flex items-center justify-center text-center text-gray-600;
+    }
+
+    &__filters {
+        @apply space-y-4;
+    }
+
+    &__filter-list {
+        @apply p-2;
+    }
+
+    &__footer {
+        @apply flex 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;
+    }
+
+    &__rows-per-page {
+        @apply flex gap-2 text-sm text-gray-700 items-center text-lightLow;
+
+        .uxf-select {
+            @apply w-28;
+        }
+    }
+
+    &__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 bg-dataGridPrimary rounded-full px-6 py-2 flex items-center justify-center drop-shadow-xl border border-gray-100;
+    }
+
+    &__table {
+        @apply 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
+    }
+}
+
+
+
+
 .rdg-cell.action {
     text-align: right;
     border-right: 0;
@@ -9,12 +133,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;
+    }
 }
 .rdg-header-sort-name + span {
     display: flex;
@@ -32,31 +155,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==