@uxf/data-grid 11.12.1 → 11.15.0

package/use-data-grid-control/actions-factory.js

@@ -5,7 +5,8 @@ function createActions(dispatch) {
     return {
         changePage: (page) => dispatch({ type: "CHANGE_PAGE", page }),
         changePerPage: (perPage) => dispatch({ type: "CHANGE_PER_PAGE", perPage }),
-        filter: (filterValue) => dispatch({ type: "FILTER", filterValue }),
+        filter: (name, value, op) => dispatch({ type: "FILTER", name, value, op }),
+        filterClear: (name) => dispatch({ type: "FILTER_CLEAR", name }),
         sort: (columnName, direction) => dispatch({ type: "SORT", columnName, direction }),
         sortClear: () => dispatch({ type: "SORT_CLEAR" }),
         search: (search) => dispatch({ type: "FULLTEXT", search }),
@@ -13,6 +14,7 @@ function createActions(dispatch) {
         setSelectedRows: (rows) => dispatch({ type: "SET_SELECTED_ROWS", rows }),
         hideColumn: (name) => dispatch({ type: "HIDE_COLUMN", name }),
         showColumn: (name) => dispatch({ type: "SHOW_COLUMN", name }),
+        updateUserConfig: (userConfig) => dispatch({ type: "UPDATE_USER_CONFIG", userConfig }),
     };
 }
 exports.createActions = createActions;

package/use-data-grid-control/use-data-grid-control.d.ts

@@ -13,7 +13,8 @@ export declare function useDataGridControl<T extends BaseGridType>(config: UseDa
     actions: {
         changePage: (page: number) => void;
         changePerPage: (perPage: number) => void;
-        filter: (filterValue: import("../types/api").RequestFilter<any>) => void;
+        filter: (name: string, value: any, op?: string | undefined) => void;
+        filterClear: (name: string) => void;
         sort: (columnName: string, direction: string) => void;
         sortClear: () => void;
         search: (search: string) => void;
@@ -21,6 +22,7 @@ export declare function useDataGridControl<T extends BaseGridType>(config: UseDa
         setSelectedRows: (rows: any[]) => void;
         hideColumn: (name: string) => void;
         showColumn: (name: string) => void;
+        updateUserConfig: (userConfig: DataGridUserConfig<any>) => void;
     };
 };
 export type DataGridControl = ReturnType<typeof useDataGridControl>;

package/use-data-grid-fetching/loader.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dataGridLoader = void 0;
-const qs_1 = require("qs");
-const dataGridLoader = (gridName, request) => {
-    return fetch(`/api/cms/datagrid/${gridName}?${(0, qs_1.stringify)(request)}`).then((response) => response.json());
-};
+const _api_1 = require("../_api");
+const dataGridLoader = (gridName, request) => (0, _api_1.dataGridGetResult)(gridName !== null && gridName !== void 0 ? gridName : "", request);
 exports.dataGridLoader = dataGridLoader;

package/utils/create-filter-component-props.d.ts

@@ -0,0 +1,4 @@
+import { FilterProps } from "../types/components";
+import { Filter } from "../types/schema";
+import { DataGridControl } from "../use-data-grid-control";
+export declare function createFilterComponentProps(gridName: string | undefined, filter: Filter, state: DataGridControl["state"], actions: DataGridControl["actions"]): FilterProps<any>;

package/utils/create-filter-component-props.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFilterComponentProps = void 0;
+const is_nil_1 = require("@uxf/core/utils/is-nil");
+function createFilterComponentProps(gridName, filter, state, actions) {
+    const requestFilter = state.request.f.find((f) => f.name === filter.name);
+    return {
+        filter,
+        value: requestFilter === null || requestFilter === void 0 ? void 0 : requestFilter.value,
+        op: requestFilter === null || requestFilter === void 0 ? void 0 : requestFilter.op,
+        gridName,
+        onChange: (value, op) => (0, is_nil_1.isNil)(value) ? actions.filterClear(filter.name) : actions.filter(filter.name, value, op),
+        onClear: () => actions.filterClear(filter.name),
+    };
+}
+exports.createFilterComponentProps = createFilterComponentProps;

package/_store/actions.d.ts

@@ -1,45 +0,0 @@
-import { DataGridSortDir, RequestFilter, Response, Tab } from "../types";
-export declare const dataGridActions: {
-    filter: (filterValue: RequestFilter) => {
-        type: string;
-        filterValue: RequestFilter<any>;
-    };
-    filterReset: () => {
-        type: string;
-    };
-    changePage: (page: number) => {
-        type: string;
-        page: number;
-    };
-    changePerPage: (perPage: number) => {
-        type: string;
-        perPage: number;
-    };
-    changeTab: (tab: Tab) => {
-        type: string;
-        tab: Tab;
-    };
-    reload: () => {
-        type: string;
-    };
-    reloadDone: (response: Response) => {
-        type: string;
-        response: Response;
-    };
-    reloadFailed: (error: any) => {
-        type: string;
-        error: any;
-    };
-    search: (term: string) => {
-        type: string;
-        search: string;
-    };
-    sort: (columnName: string, direction: DataGridSortDir) => {
-        type: string;
-        columnName: string;
-        direction: DataGridSortDir;
-    };
-    sortClear: () => {
-        type: string;
-    };
-};

package/_store/actions.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dataGridActions = void 0;
-exports.dataGridActions = {
-    filter: (filterValue) => ({
-        type: "FILTER",
-        filterValue,
-    }),
-    filterReset: () => ({
-        type: "FILTER_RESET",
-    }),
-    changePage: (page) => ({
-        type: "CHANGE_PAGE",
-        page,
-    }),
-    changePerPage: (perPage) => ({
-        type: "CHANGE_PER_PAGE",
-        perPage,
-    }),
-    changeTab: (tab) => ({
-        type: "CHANGE_TAB",
-        tab,
-    }),
-    reload: () => ({
-        type: "RELOAD",
-    }),
-    reloadDone: (response) => ({
-        type: "RELOAD_DONE",
-        response,
-    }),
-    reloadFailed: (error) => ({
-        type: "RELOAD_FAILED",
-        error,
-    }),
-    search: (term) => ({
-        type: "FULLTEXT",
-        search: term,
-    }),
-    sort: (columnName, direction) => ({
-        type: "SORT",
-        columnName,
-        direction,
-    }),
-    sortClear: () => ({
-        type: "SORT_CLEAR",
-    }),
-};

package/filter-handler/bool-filter.d.ts

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

package/filter-handler/bool-filter.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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" },
-            { id: 1, label: "Ano" },
-            { id: 0, label: "Ne" },
-        ], label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value }), isClearable: true, name: props.filter.name })),
-    listItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-        props.filter.label,
-        ":\u00A0",
-        props.value.value ? "Ano" : "Ne")),
-};
-exports.default = BoolFilterHandler;

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

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

package/filter-handler/boolean-filter.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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 }), name: props.filter.name })),
-    listItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-        props.filter.label,
-        ":\u00A0",
-        props.value.value ? "Ano" : "Ne")),
-};
-exports.default = BooleanFilterHandler;

package/filter-handler/interval-filter.d.ts

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

package/filter-handler/interval-filter.js

@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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 &&
-            typeof props.value.value.from !== "undefined" &&
-            typeof props.value.value.to !== "undefined"
-            ? props.value
-            : { name: props.filter.name, value: { from: null, to: null } };
-        return (react_1.default.createElement("div", { key: props.filter.name },
-            react_1.default.createElement("div", { className: "uxf-data-grid__filter uxf-data-grid__filter--interval" },
-                react_1.default.createElement(text_input_1.TextInput, { label: `${props.filter.label} od:`, value: props.value.value ? props.value.value.from : "", onChange: (val) => {
-                        return props.onFilter({
-                            ...initializedValue,
-                            value: {
-                                ...initializedValue.value,
-                                from: val ? parseInt(val, 10) : null,
-                            },
-                        });
-                    }, name: props.filter.name }),
-                react_1.default.createElement("div", { className: "uxf-data-grid__filter-gap" }, "\u2013"),
-                react_1.default.createElement(text_input_1.TextInput, { label: `${props.filter.label} do:`, value: props.value.value ? props.value.value.to : "", onChange: (val) => {
-                        return props.onFilter({
-                            ...initializedValue,
-                            value: {
-                                ...initializedValue.value,
-                                to: val ? parseInt(val, 10) : null,
-                            },
-                        });
-                    }, name: props.filter.name }))));
-    },
-    listItem: (props) => {
-        if (!props.value.value) {
-            return null;
-        }
-        const { from, to } = props.value.value;
-        const formatInterval = [from ? "od " + from : "", to ? "do " + to : ""];
-        return from || to ? (react_1.default.createElement(chip_1.Chip, { onClose: () => props.onFilter({ ...props.value, value: undefined }) },
-            props.filter.label,
-            " ",
-            formatInterval.filter((i) => !!i).join(" "))) : null;
-    },
-};
-exports.default = IntervalFilterHandler;

package/filter-handler/select-filter.d.ts

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

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

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