@uxf/data-grid 10.0.0-beta.79 → 10.0.0-beta.80

package/data-grid.js

@@ -28,14 +28,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
 const react_1 = __importStar(require("react"));
-const reducer_1 = require("./store/reducer");
-const utils_1 = require("./utils");
 const react_data_grid_1 = __importDefault(require("react-data-grid"));
+const use_rdg_visuals_1 = require("./hooks/use-rdg-visuals");
 const useColumns_1 = require("./hooks/useColumns");
+const actions_1 = require("./store/actions");
+const reducer_1 = require("./store/reducer");
 const footer_1 = require("./tailwindui/components/footer");
 const show_1 = require("./tailwindui/show");
-const actions_1 = require("./store/actions");
-const use_rdg_visuals_1 = require("./hooks/use-rdg-visuals");
+const utils_1 = require("./utils");
 const defaultKeyExtractor = (r) => {
     return r.id;
 };

package/data-grid.stories.js

@@ -241,12 +241,6 @@ function Default() {
                     text: {},
                     bool: { width: 50 },
                 },
-            }, 
-            //rowClass={row => ["bg-success-100", "bg-warning-100", "bg-error-100", "bg-primary-100"][(row.id - 1) % 4]}
-            // customActions={[
-            //     { label: "Do something", onClick: () => console.log("click") },
-            //     { label: "Do something else", href: "https://www.uxf.cz", variant: "text" },
-            // ]}
-            debug: true })));
+            }, debug: true })));
 }
 exports.Default = Default;

package/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./data-grid";
-export * from "./types";
 export * from "./hooks/useCallbackRef";
+export * from "./types";
 export { decodeFilter, encodeFilter } from "./utils";

package/index.js

@@ -16,8 +16,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.encodeFilter = exports.decodeFilter = void 0;
 __exportStar(require("./data-grid"), exports);
-__exportStar(require("./types"), exports);
 __exportStar(require("./hooks/useCallbackRef"), exports);
+__exportStar(require("./types"), exports);
 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; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "10.0.0-beta.79",
+  "version": "10.0.0-beta.80",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -26,18 +26,20 @@
     "test": "npm run-script typecheck",
     "typecheck": "tsc --noEmit --skipLibCheck"
   },
-  "engines": {
-    "node": ">=8.9"
+  "dependencies": {
+    "@uxf/ui": "10.0.0-beta.80",
+    "dayjs": "1.11.10",
+    "react-data-grid": "7.0.0-beta.39"
   },
   "peerDependencies": {
-    "@uxf/ui": "10.0.0-beta.79",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "dayjs": "^1.11.7"
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
   },
-  "dependencies": {
-    "react-data-grid": "7.0.0-beta.39"
+  "devDependencies": {
+    "@types/react": "18.2.27",
+    "@types/react-dom": "18.2.12",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
-  "devDependencies": {},
   "gitHead": "e4f21a15c3d50fb6614d70cdaf36685232de87e7"
 }

package/store/reducer.d.ts

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

package/tailwindui/body-cell/body-cell-boolean.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellBoolean = void 0;
-const react_1 = __importDefault(require("react"));
 const checkbox_1 = require("@uxf/ui/checkbox");
+const react_1 = __importDefault(require("react"));
 const BodyCellBoolean = (props) => {
     if (typeof props.value !== "boolean") {
         return null;

package/tailwindui/body-cell/body-cell-date.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellDate = void 0;
-const react_1 = __importDefault(require("react"));
 const dayjs_1 = __importDefault(require("dayjs"));
+const react_1 = __importDefault(require("react"));
 const BodyCellDate = (props) => {
     if (typeof props.value !== "string") {
         return null;

package/tailwindui/body-cell/body-cell-datetime.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellDateTime = void 0;
-const react_1 = __importDefault(require("react"));
 const dayjs_1 = __importDefault(require("dayjs"));
+const react_1 = __importDefault(require("react"));
 const BodyCellDateTime = (props) => {
     if (typeof props.value !== "string") {
         return null;

package/tailwindui/body-cell/body-cell-email.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellEmail = void 0;
-const react_1 = __importDefault(require("react"));
 const text_link_1 = require("@uxf/ui/text-link");
+const react_1 = __importDefault(require("react"));
 const BodyCellEmail = (props) => {
     if (typeof props.value !== "string") {
         return null;

package/tailwindui/body-cell/body-cell-phone.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellPhone = void 0;
-const react_1 = __importDefault(require("react"));
 const text_link_1 = require("@uxf/ui/text-link");
+const react_1 = __importDefault(require("react"));
 const BodyCellPhone = (props) => {
     if (typeof props.value !== "string") {
         return null;

package/tailwindui/body-cell/body-cell-url.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellUrl = void 0;
-const react_1 = __importDefault(require("react"));
 const text_link_1 = require("@uxf/ui/text-link");
+const react_1 = __importDefault(require("react"));
 const BodyCellUrl = (props) => {
     if (typeof props.value !== "string") {
         return null;

package/tailwindui/body-cell/index.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCells = void 0;
-const body_cell_default_1 = require("./body-cell-default");
 const body_cell_boolean_1 = require("./body-cell-boolean");
 const body_cell_date_1 = require("./body-cell-date");
 const body_cell_datetime_1 = require("./body-cell-datetime");
-const body_cell_to_one_1 = require("./body-cell-to-one");
-const body_cell_to_many_1 = require("./body-cell-to-many");
+const body_cell_default_1 = require("./body-cell-default");
 const body_cell_email_1 = require("./body-cell-email");
 const body_cell_phone_1 = require("./body-cell-phone");
+const body_cell_to_many_1 = require("./body-cell-to-many");
+const body_cell_to_one_1 = require("./body-cell-to-one");
 const body_cell_url_1 = require("./body-cell-url");
 exports.BodyCells = {
     boolean: body_cell_boolean_1.BodyCellBoolean,

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

@@ -24,9 +24,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionCellBase = exports.ActionCellWrapper = void 0;
-const react_1 = __importStar(require("react"));
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
+const react_1 = __importStar(require("react"));
 const ActionCellWrapper = (props) => {
     const innerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {

package/tailwindui/components/drawer.js

@@ -4,24 +4,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = void 0;
-const react_1 = __importDefault(require("react"));
-const icon_1 = require("@uxf/ui/icon");
-const button_1 = require("@uxf/ui/button");
-const react_2 = require("@floating-ui/react");
+const react_1 = require("@floating-ui/react");
 const useIsMounted_1 = require("@uxf/core/hooks/useIsMounted");
+const button_1 = require("@uxf/ui/button");
+const icon_1 = require("@uxf/ui/icon");
+const react_2 = __importDefault(require("react"));
 const Drawer = (props) => {
     const isMounted = (0, useIsMounted_1.useIsMounted)();
     if (!isMounted) {
         return null;
     }
-    return (react_1.default.createElement(react_2.FloatingPortal, null,
-        react_1.default.createElement("div", { className: `uxf-data-grid__drawer uxf-data-grid__drawer--${props.open ? "open" : "closed"}` },
-            react_1.default.createElement("div", { className: `uxf-data-grid__drawer-body-wrapper ${props.open ? "uxf-data-grid__drawer-body-wrapper--open" : ""}` },
-                react_1.default.createElement("div", { className: "uxf-data-grid__drawer-body" },
-                    react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: props.onClose, variant: "text", className: "uxf-data-grid__drawer-close-button" },
-                        react_1.default.createElement(icon_1.Icon, { name: "xmarkLarge" })),
-                    react_1.default.createElement("header", { className: "uxf-data-grid__drawer-header" }, props.title),
-                    react_1.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, props.children))),
-            react_1.default.createElement("section", { className: "uxf-data-grid__drawer-backdrop", onClick: props.onClose }))));
+    return (react_2.default.createElement(react_1.FloatingPortal, null,
+        react_2.default.createElement("div", { className: `uxf-data-grid__drawer uxf-data-grid__drawer--${props.open ? "open" : "closed"}` },
+            react_2.default.createElement("div", { className: `uxf-data-grid__drawer-body-wrapper ${props.open ? "uxf-data-grid__drawer-body-wrapper--open" : ""}` },
+                react_2.default.createElement("div", { className: "uxf-data-grid__drawer-body" },
+                    react_2.default.createElement(button_1.Button, { isIconButton: true, onClick: props.onClose, variant: "text", className: "uxf-data-grid__drawer-close-button" },
+                        react_2.default.createElement(icon_1.Icon, { name: "xmarkLarge" })),
+                    react_2.default.createElement("header", { className: "uxf-data-grid__drawer-header" }, props.title),
+                    react_2.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, props.children))),
+            react_2.default.createElement("section", { className: "uxf-data-grid__drawer-backdrop", onClick: props.onClose }))));
 };
 exports.Drawer = Drawer;

package/tailwindui/components/no-rows-fallback.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoRowsFallback = void 0;
-const react_1 = __importDefault(require("react"));
 const icon_1 = require("@uxf/ui/icon");
+const react_1 = __importDefault(require("react"));
 const utils_1 = require("../../utils");
 const NoRowsFallback = (props) => {
     return (react_1.default.createElement("div", { className: (0, utils_1.cx)("uxf-data-grid__fallback", props.loading && "is-loading", props.error && "is-error") }, props.loading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,

package/tailwindui/components/pagination-rows-per-page-select.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationRowsPerPageSelect = void 0;
-const react_1 = __importDefault(require("react"));
 const select_1 = require("@uxf/ui/select");
+const react_1 = __importDefault(require("react"));
 const PER_PAGE_OPTIONS = [
     { id: 10, label: "10" },
     { id: 25, label: "25" },

package/tailwindui/components/select-row-checkbox.js

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectRowCheckbox = void 0;
-const react_1 = __importStar(require("react"));
 const checkbox_1 = require("@uxf/ui/checkbox");
+const react_1 = __importStar(require("react"));
 const SelectRowComponent = (props) => {
     var _a;
     const handleChange = (value, e) => {

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

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectedRowsToolbar = void 0;
-const react_1 = __importDefault(require("react"));
 const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
 const getText = (count) => {
     if (count === 1) {
         return "Vybrán 1 záznam";

package/tailwindui/components/toolbar-control.js

@@ -24,15 +24,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarControl = void 0;
-const react_1 = __importStar(require("react"));
+const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const text_input_1 = require("@uxf/ui/text-input");
-const button_1 = require("@uxf/ui/button");
-const drawer_1 = require("./drawer");
 const toggle_1 = require("@uxf/ui/toggle");
+const react_1 = __importStar(require("react"));
 const actions_1 = require("../../store/actions");
-const show_1 = require("../show");
 const utils_1 = require("../../utils");
+const show_1 = require("../show");
+const drawer_1 = require("./drawer");
 function Filters(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__filters" }, props.schema.filters.map((filter) => {
         var _a, _b;

package/tailwindui/components/toolbar-customs.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarCustoms = void 0;
-const react_1 = __importDefault(require("react"));
 const button_1 = require("@uxf/ui/button");
 const button_list_1 = require("@uxf/ui/button-list");
+const react_1 = __importDefault(require("react"));
 const ToolbarCustoms = (props) => {
     if (!props.buttons) {
         return null;

package/tailwindui/components/toolbar-tabs.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolbarTabs = void 0;
-const react_1 = __importDefault(require("react"));
-const show_1 = require("../show");
-const utils_1 = require("../../utils");
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils");
+const show_1 = require("../show");
 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));
 }

package/tailwindui/data-grid.d.ts

@@ -1,5 +1,5 @@
-import { BaseGridType, DataGridBaseProps, UIComponents } from "../types";
 import React from "react";
+import { BaseGridType, DataGridBaseProps, UIComponents } from "../types";
 export type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & {
     ui?: Partial<UIComponents<GridType, R>>;
 };

package/tailwindui/data-grid.js

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
-const data_grid_1 = require("../data-grid");
 const react_1 = __importStar(require("react"));
+const data_grid_1 = require("../data-grid");
 const ui_1 = require("./ui");
 const DataGrid = (props) => {
     const ui = (0, react_1.useMemo)(() => {

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

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
 const chip_1 = require("@uxf/ui/chip");
 const select_1 = require("@uxf/ui/select");
+const react_1 = __importDefault(require("react"));
 const BoolFilterHandler = {
     input: (props) => (react_1.default.createElement(select_1.Select, { options: [
             { id: "", label: "Nerozhoduje" },

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

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const chip_1 = require("@uxf/ui/chip");
 const checkbox_input_1 = require("@uxf/ui/checkbox-input");
+const chip_1 = require("@uxf/ui/chip");
+const react_1 = __importDefault(require("react"));
 const BooleanFilterHandler = {
     input: (props) => (react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value: value === true ? value : undefined }) })),
     listItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },

package/tailwindui/filter-handler/index.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultFilterHandlers = void 0;
-const text_filter_1 = __importDefault(require("./text-filter"));
 const bool_filter_1 = __importDefault(require("./bool-filter"));
 const boolean_filter_1 = __importDefault(require("./boolean-filter"));
 const interval_filter_1 = __importDefault(require("./interval-filter"));
 const select_filter_1 = __importDefault(require("./select-filter"));
+const text_filter_1 = __importDefault(require("./text-filter"));
 exports.defaultFilterHandlers = {
     text: text_filter_1.default,
     string: text_filter_1.default,

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

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
 const chip_1 = require("@uxf/ui/chip");
 const text_input_1 = require("@uxf/ui/text-input");
+const react_1 = __importDefault(require("react"));
 const IntervalFilterHandler = {
     input: (props) => {
         const initializedValue = props.value.value &&

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

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
 const chip_1 = require("@uxf/ui/chip");
 const select_1 = require("@uxf/ui/select");
+const react_1 = __importDefault(require("react"));
 const SelectFilterHandler = {
     input: (props) => {
         var _a;

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

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
 const chip_1 = require("@uxf/ui/chip");
 const text_input_1 = require("@uxf/ui/text-input");
+const react_1 = __importDefault(require("react"));
 const TextFilterHandler = {
     input: (props) => {
         var _a;

package/tailwindui/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./data-grid";
 export * from "./components/action-cell-base";
+export * from "./data-grid";
 export * from "./ui";

package/tailwindui/index.js

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

package/tailwindui/ui.js

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

package/types/components.d.ts

@@ -1,9 +1,9 @@
-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 React, { ComponentType, FC, ReactElement, ReactNode } from "react";
 import { RenderCheckboxProps } from "react-data-grid";
+import { RequestFilter, Response } from "./api";
 import { ChangeHiddenColumnsHandler, CsvDownloadHandler } from "./core";
+import { BaseGridType, Columns, Filter, Filters, Schema } from "./schema";
 import { DataGridState } from "./state";
 /**
  * Action cell

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

@@ -1,10 +1,10 @@
-import { BaseGridType, Schema } from "./schema";
 import { MutableRefObject, ReactNode } from "react";
-import { Request } from "./api";
 import { DataGridProps as RDGProps } from "react-data-grid";
+import { Request } from "./api";
 import { ToolbarCustomsProps } from "./components";
-import { UIComponents } from "./ui-components";
 import { CallbackRef, ChangeHiddenColumnsHandler, Config, CsvDownloadHandler, KeyExtractor, Loader } from "./core";
+import { BaseGridType, Schema } from "./schema";
+import { UIComponents } from "./ui-components";
 export type DataGridBaseProps<GridType extends BaseGridType, R> = {
     callbackRef?: MutableRefObject<CallbackRef | undefined>;
     schema: Schema<GridType>;

package/types/index.d.ts

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

package/types/index.js

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

package/types/ui-components.d.ts

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