@uxf/data-grid 11.21.5 → 11.22.1

package/filter-handler/interval.d.ts

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

package/filter-handler/interval.js

@@ -3,43 +3,22 @@ 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 is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const chip_1 = require("@uxf/ui/chip");
-const text_input_1 = require("@uxf/ui/text-input");
+const date_range_picker_input_1 = require("@uxf/ui/date-range-picker-input");
 const react_1 = __importDefault(require("react"));
 const filterHandler = {
     Input(props) {
-        var _a, _b, _c, _d, _e, _f;
-        const onChangeFrom = (value) => props.onChange({
-            ...props.value,
-            from: (0, is_not_nil_1.isNotNil)(value) && !(0, is_empty_1.isEmpty)(value) ? parseInt(value, 10) : null,
-        });
-        const onChangeTo = (value) => props.onChange({
-            ...props.value,
-            to: (0, is_not_nil_1.isNotNil)(value) && !(0, is_empty_1.isEmpty)(value) ? parseInt(value, 10) : null,
-        });
+        const onChange = (value) => props.onChange(value !== null && value !== void 0 ? value : "");
         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: (_c = (_b = (_a = props.value) === null || _a === void 0 ? void 0 : _a.from) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "", onChange: onChangeFrom, 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: (_f = (_e = (_d = props.value) === null || _d === void 0 ? void 0 : _d.to) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : "", onChange: onChangeTo, name: props.filter.name }))));
+                react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { label: props.filter.label, name: props.filter.name, onChange: onChange, value: props.value }))));
     },
     ListItem(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)) {
+        if ((0, is_nil_1.isNil)(props.value)) {
             return null;
         }
-        const formatInterval = [
-            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)(formatInterval).join(" ")));
+        return react_1.default.createElement(chip_1.Chip, { onClose: props.onClear }, props.value);
     },
 };
 exports.default = filterHandler;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "11.21.5",
+  "version": "11.22.1",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -31,9 +31,9 @@
     "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@uxf/core": "11.21.5",
-    "@uxf/core-react": "11.21.5",
-    "@uxf/ui": "11.21.5",
+    "@uxf/core": "11.22.0",
+    "@uxf/core-react": "11.22.0",
+    "@uxf/ui": "11.22.1",
     "dayjs": "1.11.10",
     "deepmerge": "4.3.1",
     "fast-glob": "3.3.2",

package/styles.css

@@ -172,18 +172,6 @@
             gap: theme("spacing.4");
             grid-template-columns: repeat(2, 1fr);
         }
-
-        &--interval {
-            display: grid;
-            gap: theme("spacing.4");
-            grid-template-columns: 1fr min-content 1fr;
-
-            .uxf-data-grid__filter-gap {
-                align-items: center;
-                display: flex;
-                padding-top: theme("spacing.5");
-            }
-        }
     }
 
     &__filters {

package/table-v2/components/cell.d.ts

@@ -1,2 +1,8 @@
-import React, { PropsWithChildren } from "react";
-export declare function Cell(props: PropsWithChildren): React.JSX.Element;
+import React, { ReactNode } from "react";
+import { Column } from "../../types";
+interface CellProps {
+    column: Column<any, any>;
+    children: ReactNode;
+}
+export declare function Cell(props: CellProps): React.JSX.Element;
+export {};

package/table-v2/components/cell.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Cell = void 0;
 const react_1 = __importDefault(require("react"));
 function Cell(props) {
-    return react_1.default.createElement("div", { className: "uxf-dg-table__cell" }, props.children);
+    return react_1.default.createElement("div", { className: `uxf-dg-table__cell uxf-dg-table__cell--type-${props.column.type}` }, props.children);
 }
 exports.Cell = Cell;

package/table-v2/components/header-cell.js

@@ -38,7 +38,7 @@ function HeaderCellComponent(props, ref) {
                 : "sort";
     return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    react_1.default.createElement("div", { ref: ref, className: (0, cx_1.cx)("uxf-dg-table__cell uxf-dg-table__cell--header", props.column.sort && "is-sortable"), onClick: props.onClick },
+    react_1.default.createElement("div", { ref: ref, className: (0, cx_1.cx)(`uxf-dg-table__cell uxf-dg-table__cell--header uxf-dg-table__cell--type-${props.column.type}`, props.column.sort && "is-sortable"), onClick: props.onClick },
         props.column.label,
         iconName && react_1.default.createElement(icon_1.Icon, { name: iconName, className: "ml-auto" }),
         react_1.default.createElement("button", { className: "uxf-dg-table__column-resize-handle", onMouseDown: props.onResizeStart, onClick: (event) => event.stopPropagation() })));

package/table-v2/table-v2.js

@@ -43,7 +43,7 @@ function TableV2(props) {
                 const BodyCell = 
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                 (_d = (_b = (_a = props.bodyCells) === null || _a === void 0 ? void 0 : _a[column.type]) !== null && _b !== void 0 ? _b : (_c = props.bodyCells) === null || _c === void 0 ? void 0 : _c.default) !== null && _d !== void 0 ? _d : DefaultBodyCell;
-                return (react_1.default.createElement(components_1.Table.Cell, { key: column.name },
+                return (react_1.default.createElement(components_1.Table.Cell, { key: column.name, column: column },
                     react_1.default.createElement(BodyCell, { column: column, row: row, value: row[column.name], reload: () => { var _a; return (_a = props.onReload) === null || _a === void 0 ? void 0 : _a.call(props); } })));
             }),
             (0, is_not_nil_1.isNotNil)(props.actionCell) && (react_1.default.createElement(components_1.Table.ActionCell, null,