@uxf/data-grid 11.72.3 → 11.74.0

package/data-grid.stories.js

@@ -1,106 +0,0 @@
-"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.Default = Default;
-const build_array_1 = require("@uxf/core/utils/build-array");
-const radio_group_1 = require("@uxf/ui/radio-group");
-const react_1 = __importStar(require("react"));
-const json_renderer_1 = require("./_story-utils/json-renderer");
-const loader_1 = require("./_story-utils/loader");
-const schema_1 = require("./_story-utils/schema");
-const data_grid_1 = require("./data-grid");
-const table_1 = require("./table");
-const use_data_grid_control_1 = require("./use-data-grid-control");
-const use_data_grid_fetching_1 = require("./use-data-grid-fetching");
-const merge_schema_with_config_1 = require("./utils/merge-schema-with-config");
-const actionCell = {
-    width: 100,
-    Component: () => {
-        const actionCellActions = (0, build_array_1.buildArray)()
-            .add({
-            icon: "arrow-right",
-            isIconButton: true,
-            href: "https://www.uxf.cz",
-            target: "_blank",
-        })
-            .add({
-            icon: "file",
-            label: "Download",
-            onClick: console.log,
-        })
-            .add({
-            icon: "cloud",
-            label: "Reload",
-            onClick: console.log,
-        });
-        return react_1.default.createElement(table_1.ActionCell, { buttons: actionCellActions, visibleButtonsCount: 1 });
-    },
-};
-const schemaWithFrontendConfig = (0, merge_schema_with_config_1.mergeSchemaWithConfig)(schema_1.schema, {
-    perPage: 100,
-    columns: {
-        bool: { width: 80 },
-    },
-    filters: {
-        text: { placeholder: "Custom placeholder ..." },
-    },
-});
-const FILTER_BEHAVIOR_OPTIONS = [
-    { id: "filtersPerTab", label: "filterPerTab" },
-    { id: "sharedFiltersAndSearch", label: "sharedFiltersAndSearch" },
-    { id: "sharedFiltersAndSearchAndSort", label: "sharedFiltersAndSearchAndSort" },
-];
-function Default() {
-    const [filterBehavior, setFilterBehavior] = (0, react_1.useState)("filtersPerTab");
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({
-        schema: schema_1.schema,
-        initialUserConfig: {
-            columns: {
-                id: { width: 60 },
-                link: { width: 200 },
-                day: { width: 150 },
-                dayAndTime: { width: 200 },
-                text: { minWidth: 150 },
-                mail: { minWidth: 150 },
-                tel: { minWidth: 150 },
-                uuid: { minWidth: 300 },
-                chip: { minWidth: 100 },
-                chips: { minWidth: 200 },
-                money: { minWidth: 100 },
-                toOne: { minWidth: 150 },
-                toMany: { minWidth: 200 },
-            },
-        },
-    });
-    const { isLoading, error, data, reload } = (0, use_data_grid_fetching_1.useDataGridFetching)({
-        loader: loader_1.loader,
-        schema: schema_1.schema,
-        state,
-    });
-    return (react_1.default.createElement("div", { className: "p-10" },
-        react_1.default.createElement(radio_group_1.RadioGroup, { label: "Chov\u00E1n\u00ED p\u0159ep\u00EDn\u00E1n\u00ED tab\u016F", name: "filterBehavior", onChange: (value) => setFilterBehavior(value), options: FILTER_BEHAVIOR_OPTIONS, value: filterBehavior, variant: "row" }),
-        react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: filterBehavior !== null && filterBehavior !== void 0 ? filterBehavior : "filtersPerTab", data: data, error: error, getCsvDownloadUrl: () => "", isLoading: isLoading, isRowSelectable: true, reload: reload, schema: schemaWithFrontendConfig, state: state }),
-        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
-}

package/export-button/export-button.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { CsvDownloadGetUrl, Schema } from "../types";
-import { DataGridControl } from "../use-data-grid-control";
-export interface DataGridExportButtonProps extends DataGridControl {
-    getCsvDownloadUrl: CsvDownloadGetUrl;
-    schema: Schema<any>;
-}
-export declare function DataGridExportButton(props: DataGridExportButtonProps): React.JSX.Element;

package/export-button/export-button.js

@@ -1,16 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridExportButton = DataGridExportButton;
-const download_file_1 = require("@uxf/core/utils/download-file");
-const button_1 = require("@uxf/ui/button");
-const icon_1 = require("@uxf/ui/icon");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
-function DataGridExportButton(props) {
-    return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => (0, download_file_1.downloadFile)(props.getCsvDownloadUrl((0, utils_1.createRequest)(props.state.request)), "export.csv"), size: "sm", title: "St\u00E1hnout CSV", variant: "secondary" },
-        react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" })));
-}

package/export-button/export-button.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/export-button/export-button.stories.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const json_renderer_1 = require("../_story-utils/json-renderer");
-const schema_1 = require("../_story-utils/schema");
-const use_data_grid_control_1 = require("../use-data-grid-control");
-const export_button_1 = require("./export-button");
-function Default() {
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(export_button_1.DataGridExportButton, { actions: actions, getCsvDownloadUrl: () => "", schema: schema_1.schema, state: state }),
-        react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
-}

package/export-button/index.d.ts

@@ -1 +0,0 @@
-export * from "./export-button";

package/export-button/index.js

@@ -1,17 +0,0 @@
-"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 __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("./export-button"), exports);

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

@@ -1,4 +0,0 @@
-import { FilterHandler } from "./types";
-type StateValue = 1 | 0 | null;
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/boolean-select.js

@@ -1,24 +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 filterHandler = {
-    Input(props) {
-        var _a;
-        return (react_1.default.createElement(select_1.Select, { isClearable: true, label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value), options: [
-                { id: 1, label: "Ano" },
-                { id: 0, label: "Ne" },
-            ], placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }));
-    },
-    ListItem(props) {
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ":\u00A0",
-            props.value ? "Ano" : "Ne"));
-    },
-};
-exports.default = filterHandler;

package/filter-handler/checkbox.d.ts

@@ -1,4 +0,0 @@
-import { FilterHandler } from "./types";
-type StateValue = boolean | undefined;
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/checkbox.js

@@ -1,19 +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 filterHandler = {
-    Input(props) {
-        var _a;
-        return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value ? value : undefined), value: (_a = props.value) !== null && _a !== void 0 ? _a : false }));
-    },
-    ListItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-        props.filter.label,
-        ":\u00A0",
-        props.value ? "Ano" : "Ne")),
-};
-exports.default = filterHandler;

package/filter-handler/date.d.ts

@@ -1,7 +0,0 @@
-import { FilterHandler } from "./types";
-type StateValue = {
-    from?: string;
-    to?: string;
-} | undefined;
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/date.js

@@ -1,96 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const filter_nullish_1 = require("@uxf/core/utils/filter-nullish");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const chip_1 = require("@uxf/ui/chip");
-const date_picker_input_1 = require("@uxf/ui/date-picker-input");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = __importStar(require("react"));
-const filterHandler = {
-    Input(props) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const [date, setDate] = (0, react_1.useState)();
-        const onChangeFrom = (value) => {
-            var _a, _b;
-            if ((0, is_nil_1.isNil)(value) && (0, is_nil_1.isNil)((_a = props.value) === null || _a === void 0 ? void 0 : _a.to)) {
-                props.onChange(undefined);
-                setDate(null);
-            }
-            else {
-                if ((0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isValid()) {
-                    props.onChange({ ...props.value, from: value !== null && value !== void 0 ? value : undefined });
-                    setDate(null);
-                }
-                else {
-                    setDate({ from: value, to: ((_b = props.value) === null || _b === void 0 ? void 0 : _b.to) || null });
-                    if ((0, is_nil_1.isNil)(value)) {
-                        props.onChange({ ...props.value, from: undefined });
-                    }
-                }
-            }
-        };
-        const onChangeTo = (value) => {
-            var _a, _b;
-            if ((0, is_nil_1.isNil)(value) && (0, is_nil_1.isNil)((_a = props.value) === null || _a === void 0 ? void 0 : _a.from)) {
-                props.onChange(undefined);
-                setDate(null);
-            }
-            else {
-                if ((0, dayjs_1.default)(value, date_picker_input_1.OUTPUT_DATE_FORMAT, true).isValid()) {
-                    props.onChange({ ...props.value, to: value !== null && value !== void 0 ? value : undefined });
-                    setDate(null);
-                }
-                else {
-                    setDate({ from: ((_b = props.value) === null || _b === void 0 ? void 0 : _b.from) || null, to: value });
-                    if ((0, is_nil_1.isNil)(value)) {
-                        props.onChange({ ...props.value, to: undefined });
-                    }
-                }
-            }
-        };
-        return (react_1.default.createElement("div", { className: "uxf-data-grid__filter uxf-data-grid__filter--date" },
-            react_1.default.createElement(date_picker_input_1.DatePickerInput, { isClearable: true, label: `${props.filter.label} (od)`, maxDate: (_a = props.value) === null || _a === void 0 ? void 0 : _a.to, name: `${props.filter.name}.from`, onChange: onChangeFrom, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: (_e = (_c = date === null || date === void 0 ? void 0 : date.from) !== null && _c !== void 0 ? _c : (_d = props.value) === null || _d === void 0 ? void 0 : _d.from) !== null && _e !== void 0 ? _e : null }),
-            react_1.default.createElement(date_picker_input_1.DatePickerInput, { isClearable: true, label: `${props.filter.label} (do)`, minDate: (_f = props.value) === null || _f === void 0 ? void 0 : _f.from, name: `${props.filter.name}.to`, onChange: onChangeTo, placeholder: (_g = props.filter.config) === null || _g === void 0 ? void 0 : _g.placeholder, value: (_k = (_h = date === null || date === void 0 ? void 0 : date.to) !== null && _h !== void 0 ? _h : (_j = props.value) === null || _j === void 0 ? void 0 : _j.to) !== null && _k !== void 0 ? _k : null })));
-    },
-    ListItem: function (props) {
-        var _a, _b;
-        if ((0, is_nil_1.isNil)((_a = props.value) === null || _a === void 0 ? void 0 : _a.from) && (0, is_nil_1.isNil)((_b = props.value) === null || _b === void 0 ? void 0 : _b.to)) {
-            return null;
-        }
-        const formatDate = [
-            props.value.from ? "od " + (0, dayjs_1.default)(props.value.from).format("l") : null,
-            props.value.to ? "do " + (0, dayjs_1.default)(props.value.to).format("l") : null,
-        ];
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ": ",
-            (0, filter_nullish_1.filterNullish)(formatDate).join(" ")));
-    },
-};
-exports.default = filterHandler;

package/filter-handler/datetime.d.ts

@@ -1,7 +0,0 @@
-import { FilterHandler } from "./types";
-type StateValue = {
-    from?: string;
-    to?: string;
-} | undefined;
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/datetime.js

@@ -1,34 +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 filter_nullish_1 = require("@uxf/core/utils/filter-nullish");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const chip_1 = require("@uxf/ui/chip");
-const datetime_picker_input_1 = require("@uxf/ui/datetime-picker-input");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = __importDefault(require("react"));
-const filterHandler = {
-    Input(props) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (react_1.default.createElement("div", { className: "uxf-data-grid__filter uxf-data-grid__filter--datetime" },
-            react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { isClearable: true, label: `${props.filter.label} (od)`, maxDate: (_a = props.value) === null || _a === void 0 ? void 0 : _a.to, name: `${props.filter.name}.from`, onChange: (value) => props.onChange({ ...props.value, from: value !== null && value !== void 0 ? value : undefined }), placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: (_d = (_c = props.value) === null || _c === void 0 ? void 0 : _c.from) !== null && _d !== void 0 ? _d : null }),
-            react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { isClearable: true, label: `${props.filter.label} (do)`, minDate: (_e = props.value) === null || _e === void 0 ? void 0 : _e.from, name: `${props.filter.name}.to`, onChange: (value) => props.onChange({ ...props.value, to: value !== null && value !== void 0 ? value : undefined }), placeholder: (_f = props.filter.config) === null || _f === void 0 ? void 0 : _f.placeholder, value: (_h = (_g = props.value) === null || _g === void 0 ? void 0 : _g.to) !== null && _h !== void 0 ? _h : null })));
-    },
-    ListItem: function (props) {
-        var _a, _b;
-        if ((0, is_nil_1.isNil)((_a = props.value) === null || _a === void 0 ? void 0 : _a.from) && (0, is_nil_1.isNil)((_b = props.value) === null || _b === void 0 ? void 0 : _b.to)) {
-            return null;
-        }
-        const formatDate = [
-            props.value.from ? "od " + (0, dayjs_1.default)(props.value.from).format("l LT") : null,
-            props.value.to ? "do " + (0, dayjs_1.default)(props.value.to).format("l LT") : null,
-        ];
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ": ",
-            (0, filter_nullish_1.filterNullish)(formatDate).join(" ")));
-    },
-};
-exports.default = filterHandler;

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

@@ -1,5 +0,0 @@
-import { MultiComboboxProps } from "@uxf/ui/multi-combobox";
-import { FilterHandler } from "./types";
-type StateValue = MultiComboboxProps["value"];
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/entity-multi-select.js

@@ -1,27 +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 is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const chip_1 = require("@uxf/ui/chip");
-const multi_combobox_1 = require("@uxf/ui/multi-combobox");
-const react_1 = __importDefault(require("react"));
-const _api_1 = require("../_api");
-const filterHandler = {
-    Input(props) {
-        var _a;
-        return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { label: props.filter.label, loadOptions: (term) => { var _a; return (0, _api_1.dataGridAutocomplete)((_a = props.filter.autocomplete) !== null && _a !== void 0 ? _a : "", term); }, name: props.filter.name, onChange: (value) => props.onChange(value), placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }));
-    },
-    ListItem(props) {
-        if ((0, is_nil_1.isNil)(props.value) || (0, is_empty_1.isEmpty)(props.value)) {
-            return null;
-        }
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ":\u00A0",
-            props.value.map((item) => item.label).join(", ")));
-    },
-};
-exports.default = filterHandler;

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

@@ -1,5 +0,0 @@
-import { ComboboxProps } from "@uxf/ui/combobox";
-import { FilterHandler } from "./types";
-type StateValue = ComboboxProps["value"];
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/entity-select.js

@@ -1,23 +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 combobox_1 = require("@uxf/ui/combobox");
-const react_1 = __importDefault(require("react"));
-const _api_1 = require("../_api");
-const filterHandler = {
-    Input(props) {
-        var _a;
-        return (react_1.default.createElement(combobox_1.Combobox, { isClearable: true, label: props.filter.label, loadOptions: (term) => { var _a; return (0, _api_1.dataGridAutocomplete)((_a = props.filter.autocomplete) !== null && _a !== void 0 ? _a : "", term); }, name: props.filter.name, onChange: (value) => props.onChange(value), placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }));
-    },
-    ListItem(props) {
-        var _a;
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ":\u00A0", (_a = props.value) === null || _a === void 0 ? void 0 :
-            _a.label));
-    },
-};
-exports.default = filterHandler;

package/filter-handler/index.d.ts

@@ -1,4 +0,0 @@
-import { FilterHandler } from "./types";
-export * from "./types";
-export type FilterHandlers = Partial<Record<string, FilterHandler<any>>>;
-export declare const defaultFilterHandlers: FilterHandlers;

package/filter-handler/index.js

@@ -1,41 +0,0 @@
-"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 __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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultFilterHandlers = void 0;
-const checkbox_1 = __importDefault(require("./checkbox"));
-const date_1 = __importDefault(require("./date"));
-const datetime_1 = __importDefault(require("./datetime"));
-const entity_multi_select_1 = __importDefault(require("./entity-multi-select"));
-const entity_select_1 = __importDefault(require("./entity-select"));
-const interval_1 = __importDefault(require("./interval"));
-const multi_select_1 = __importDefault(require("./multi-select"));
-const select_1 = __importDefault(require("./select"));
-const string_1 = __importDefault(require("./string"));
-__exportStar(require("./types"), exports);
-exports.defaultFilterHandlers = {
-    date: date_1.default,
-    datetime: datetime_1.default,
-    entityMultiSelect: entity_multi_select_1.default,
-    entitySelect: entity_select_1.default,
-    checkbox: checkbox_1.default,
-    interval: interval_1.default,
-    multiSelect: multi_select_1.default,
-    select: select_1.default,
-    string: string_1.default,
-};

package/filter-handler/interval.d.ts

@@ -1,7 +0,0 @@
-import { FilterHandler } from "./types";
-type StateValue = {
-    from?: string;
-    to?: string;
-} | undefined;
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/interval.js

@@ -1,47 +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 filter_nullish_1 = require("@uxf/core/utils/filter-nullish");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const chip_1 = require("@uxf/ui/chip");
-const text_input_1 = require("@uxf/ui/text-input");
-const react_1 = __importDefault(require("react"));
-const filterHandler = {
-    Input(props) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const onChangeFrom = (value) => {
-            var _a;
-            return (0, is_nil_1.isNil)(value) && (0, is_nil_1.isNil)((_a = props.value) === null || _a === void 0 ? void 0 : _a.to)
-                ? props.onChange(undefined)
-                : props.onChange({ ...props.value, from: value });
-        };
-        const onChangeTo = (value) => {
-            var _a;
-            return (0, is_nil_1.isNil)(value) && (0, is_nil_1.isNil)((_a = props.value) === null || _a === void 0 ? void 0 : _a.from)
-                ? props.onChange(undefined)
-                : props.onChange({ ...props.value, to: value });
-        };
-        return (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)`, max: (_a = props.value) === null || _a === void 0 ? void 0 : _a.to, name: `${props.filter.name}.from`, onChange: onChangeFrom, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, type: "number", value: (_d = (_c = props.value) === null || _c === void 0 ? void 0 : _c.from) !== null && _d !== void 0 ? _d : "" }),
-            react_1.default.createElement(text_input_1.TextInput, { label: `${props.filter.label} (do)`, min: (_e = props.value) === null || _e === void 0 ? void 0 : _e.from, name: `${props.filter.name}.to`, onChange: onChangeTo, placeholder: (_f = props.filter.config) === null || _f === void 0 ? void 0 : _f.placeholder, type: "number", value: (_h = (_g = props.value) === null || _g === void 0 ? void 0 : _g.to) !== null && _h !== void 0 ? _h : "" })));
-    },
-    ListItem: function (props) {
-        var _a, _b;
-        if (((0, is_nil_1.isNil)((_a = props.value) === null || _a === void 0 ? void 0 : _a.from) || (0, is_empty_1.isEmpty)(props.value.from)) &&
-            ((0, is_nil_1.isNil)((_b = props.value) === null || _b === void 0 ? void 0 : _b.to) || (0, is_empty_1.isEmpty)(props.value.to))) {
-            return null;
-        }
-        const interval = [
-            props.value.from ? "od " + props.value.from : null,
-            props.value.to ? "do " + props.value.to : null,
-        ];
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ": ",
-            (0, filter_nullish_1.filterNullish)(interval).join(" ")));
-    },
-};
-exports.default = filterHandler;

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

@@ -1,5 +0,0 @@
-import { MultiSelectProps } from "@uxf/ui/multi-select";
-import { FilterHandler } from "./types";
-type StateValue = MultiSelectProps["value"];
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/multi-select.js

@@ -1,27 +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 empty_array_1 = require("@uxf/core/constants/empty-array");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const chip_1 = require("@uxf/ui/chip");
-const multi_select_1 = require("@uxf/ui/multi-select");
-const react_1 = __importDefault(require("react"));
-const filterHandler = {
-    Input(props) {
-        var _a, _b;
-        const onChange = (value) => {
-            props.onChange(Array.isArray(value) && !(0, is_empty_1.isEmpty)(value) ? value : null);
-        };
-        return (react_1.default.createElement(multi_select_1.MultiSelect, { label: props.filter.label, name: props.filter.name, onChange: onChange, options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: props.value }));
-    },
-    ListItem(props) {
-        var _a;
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ":\u00A0", (_a = props.value) === null || _a === void 0 ? void 0 :
-            _a.map((item) => item.label).join(", ")));
-    },
-};
-exports.default = filterHandler;

package/filter-handler/select.d.ts

@@ -1,5 +0,0 @@
-import { SelectValue } from "@uxf/ui/select";
-import { FilterHandler } from "./types";
-type StateValue = SelectValue | null;
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;

package/filter-handler/select.js

@@ -1,22 +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 empty_array_1 = require("@uxf/core/constants/empty-array");
-const chip_1 = require("@uxf/ui/chip");
-const select_1 = require("@uxf/ui/select");
-const react_1 = __importDefault(require("react"));
-const filterHandler = {
-    Input(props) {
-        var _a, _b;
-        return (react_1.default.createElement(select_1.Select, { isClearable: true, label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value), options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, placeholder: (_b = props.filter.config) === null || _b === void 0 ? void 0 : _b.placeholder, value: props.value }));
-    },
-    ListItem(props) {
-        var _a, _b, _c;
-        return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
-            props.filter.label,
-            ":\u00A0", (_c = (_b = (_a = props.filter.options) === null || _a === void 0 ? void 0 : _a.find((v) => v.id === props.value)) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : ""));
-    },
-};
-exports.default = filterHandler;

package/filter-handler/string.d.ts

@@ -1,4 +0,0 @@
-import { FilterHandler } from "./types";
-type StateValue = string | null;
-declare const filterHandler: FilterHandler<StateValue>;
-export default filterHandler;