@ozen-ui/data-grid 0.73.0

package/__inner__/esm/ui/DataGridSettingsDrawer/DataGridSettingsDrawer.js

@@ -0,0 +1,60 @@
+import { __assign, __read } from "tslib";
+import React, { useMemo, useState } from 'react';
+import { Checkbox } from "@ozen-ui/kit/CheckboxNext";
+import { Drawer, DrawerBody, DrawerFooter, DrawerFooterButton, DrawerFooterButtonsGroup, DrawerHeader, DrawerSubtitle, DrawerTitle, } from "@ozen-ui/kit/DrawerNext";
+import { FormGroup } from "@ozen-ui/kit/FormGroup";
+import { dataGridObserver, useDataGridStore } from '../../core';
+export var DataGridSettingsDrawer = dataGridObserver(function (_a) {
+    var title = _a.title, subTitle = _a.subTitle, closeButton = _a.closeButton, applyButton = _a.applyButton;
+    var store = useDataGridStore();
+    var isOpen = store.modals.isOpen('columns-settings');
+    var columns = store.allColumns;
+    var generateLocal = function () {
+        var visibleIds = {};
+        store.allColumns.forEach(function (column) {
+            visibleIds[column.id] = column.isVisible;
+        });
+        return visibleIds;
+    };
+    var _b = __read(useState(function () { return generateLocal(); }), 2), localVisible = _b[0], setLocalVisible = _b[1];
+    var checkIsSelected = function (column) {
+        return !!localVisible[column.id];
+    };
+    var applyLocals = function () {
+        columns.forEach(function (column) {
+            column.setIsVisible(checkIsSelected(column));
+        });
+    };
+    var isLeftAlone = columns.filter(function (column) { return checkIsSelected(column); }).length <= 1;
+    useMemo(function () {
+        if (isOpen) {
+            setLocalVisible(generateLocal());
+        }
+        else {
+            setLocalVisible({});
+        }
+    }, [isOpen]);
+    return (React.createElement(Drawer, { open: isOpen, onClose: function () { return store.modals.closeColumnsSettings(); } },
+        React.createElement(DrawerHeader, null,
+            React.createElement(DrawerTitle, null, title),
+            subTitle && React.createElement(DrawerSubtitle, null, subTitle)),
+        React.createElement(DrawerBody, null,
+            React.createElement(FormGroup, { size: "l", direction: "column" }, columns.map(function (column) {
+                var checked = checkIsSelected(column);
+                return (React.createElement(Checkbox, { key: column.id, label: column.name, checked: checked, disabled: isLeftAlone && checked, size: "l", onChange: function (event) {
+                        setLocalVisible(function (previousVisible) {
+                            var _a;
+                            return (__assign(__assign({}, previousVisible), (_a = {}, _a[column.id] = event.target.checked, _a)));
+                        });
+                    } }));
+            }))),
+        React.createElement(DrawerFooter, null,
+            React.createElement(DrawerFooterButtonsGroup, null,
+                React.createElement(DrawerFooterButton, { variant: "contained-additional", color: "secondary", onClick: function () {
+                        store.modals.closeColumnsSettings();
+                    } }, closeButton),
+                React.createElement(DrawerFooterButton, { onClick: function () {
+                        applyLocals();
+                        store.modals.closeColumnsSettings();
+                    } }, applyButton)))));
+});

package/__inner__/esm/ui/DataGridSettingsDrawer/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridSettingsDrawer';
+export * from './types';

package/__inner__/esm/ui/DataGridSettingsDrawer/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/actions/DataGridActionButton/DataGridActionButton.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Button } from "@ozen-ui/kit/ButtonNext";
+import { polymorphicComponentWithRef } from '@ozen-ui/kit/utils';
+import { cn } from '../../../shared';
+import { DATA_GRID_ACTION_BUTTON_DEFAULT_TAG } from './constants';
+export var cnDataGridActionButton = cn('DataGridActionButton');
+export var DataGridActionButton = polymorphicComponentWithRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, as = _b === void 0 ? DATA_GRID_ACTION_BUTTON_DEFAULT_TAG : _b, other = __rest(_a, ["children", "className", "as"]);
+    return (React.createElement(Button, __assign({}, other, { as: as, size: "xs", className: cnDataGridActionButton('', [className]), ref: ref }), children));
+});

package/__inner__/esm/ui/actions/DataGridActionButton/constants.js

@@ -0,0 +1,2 @@
+import { BUTTON_DEFAULT_TAG } from "@ozen-ui/kit/ButtonNext";
+export var DATA_GRID_ACTION_BUTTON_DEFAULT_TAG = BUTTON_DEFAULT_TAG;

package/__inner__/esm/ui/actions/DataGridActionButton/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataGridActionButton';
+export * from './types';

package/__inner__/esm/ui/actions/DataGridActionButton/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/actions/DataGridActionButtonsGroup/DataGridActionButtonsGroup.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Stack } from "@ozen-ui/kit/Stack";
+import { polymorphicComponentWithRef } from '@ozen-ui/kit/utils';
+import { cn } from '../../../shared';
+import { DATA_GRID_BUTTONS_GROUP_DEFAULT_TAG } from './constants';
+export var cnDataGridActionButtonsGroup = cn('DataGridActionButtonsGroup');
+export var DataGridActionButtonsGroup = polymorphicComponentWithRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, as = _b === void 0 ? DATA_GRID_BUTTONS_GROUP_DEFAULT_TAG : _b, other = __rest(_a, ["children", "className", "as"]);
+    return (React.createElement(Stack, __assign({}, other, { ref: ref, as: as, gap: "m", className: cnDataGridActionButtonsGroup('', [className]) }), children));
+});

package/__inner__/esm/ui/actions/DataGridActionButtonsGroup/constants.js

@@ -0,0 +1,2 @@
+import { STACK_DEFAULT_TAG } from "@ozen-ui/kit/Stack";
+export var DATA_GRID_BUTTONS_GROUP_DEFAULT_TAG = STACK_DEFAULT_TAG;

package/__inner__/esm/ui/actions/DataGridActionButtonsGroup/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataGridActionButtonsGroup';
+export * from './types';

package/__inner__/esm/ui/actions/DataGridActionButtonsGroup/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/actions/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridActionButton';
+export * from './DataGridActionButtonsGroup';

package/__inner__/esm/ui/cells/DataGridCellIconButton/DataGridCellIconButton.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { IconButton } from "@ozen-ui/kit/IconButtonNext";
+import { polymorphicComponentWithRef } from '@ozen-ui/kit/utils';
+import { DATA_GRID_CELL_ICON_BUTTON_DEFAULT_TAG } from './constants';
+export var DataGridCellIconButton = polymorphicComponentWithRef(function (_a, ref) {
+    var icon = _a.icon, _b = _a.as, as = _b === void 0 ? DATA_GRID_CELL_ICON_BUTTON_DEFAULT_TAG : _b, other = __rest(_a, ["icon", "as"]);
+    return (React.createElement(IconButton, __assign({}, other, { as: as, ref: ref, size: "xs", icon: icon })));
+});

package/__inner__/esm/ui/cells/DataGridCellIconButton/constants.js

@@ -0,0 +1,2 @@
+import { ICON_BUTTON_DEFAULT_TAG } from "@ozen-ui/kit/IconButtonNext";
+export var DATA_GRID_CELL_ICON_BUTTON_DEFAULT_TAG = ICON_BUTTON_DEFAULT_TAG;

package/__inner__/esm/ui/cells/DataGridCellIconButton/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataGridCellIconButton';
+export * from './types';

package/__inner__/esm/ui/cells/DataGridCellIconButton/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/cells/DataGridCellInput/DataGridCellInput.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { Input } from "@ozen-ui/kit/Input";
+import { cn } from '../../../shared';
+export var cnDataGridCellInput = cn('DataGridCellInput');
+export var DataGridCellInput = forwardRef(function (_a, ref) {
+    var className = _a.className, other = __rest(_a, ["className"]);
+    return (React.createElement(Input, __assign({}, other, { size: "2xs", className: cnDataGridCellInput('', [className]), ref: ref })));
+});
+DataGridCellInput.displayName = 'DataGridCellInput';

package/__inner__/esm/ui/cells/DataGridCellInput/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridCellInput';
+export * from './types';

package/__inner__/esm/ui/cells/DataGridCellInput/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/cells/DataGridCellItem/DataGridCellItem.css

@@ -0,0 +1,21 @@
+.DataGridCellItem {
+  width: 100%;
+}
+
+  .DataGridCellItem-Title {
+    color: var(--color-content-primary);
+  }
+
+  .DataGridCellItem-Hint {
+    color: var(--color-content-secondary);
+  }
+
+  .DataGridCellItem-Content {
+    overflow: hidden;
+  }
+
+  .DataGridCellItem_ellipsis .DataGridCellItem-Title, .DataGridCellItem_ellipsis .DataGridCellItem-Hint {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }

package/__inner__/esm/ui/cells/DataGridCellItem/DataGridCellItem.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { Stack } from "@ozen-ui/kit/Stack";
+import { Typography } from "@ozen-ui/kit/Typography";
+import { cn } from '../../../shared';
+export var cnDataGridCellItem = cn('DataGridCellItem');
+export var DataGridCellItem = forwardRef(function (_a, ref) {
+    var children = _a.children, hint = _a.hint, before = _a.before, after = _a.after, className = _a.className, _b = _a.ellipsis, ellipsis = _b === void 0 ? true : _b, _c = _a.align, align = _c === void 0 ? 'left' : _c, other = __rest(_a, ["children", "hint", "before", "after", "className", "ellipsis", "align"]);
+    return (React.createElement(Stack, __assign({}, other, { ref: ref, className: cnDataGridCellItem('', {
+            ellipsis: ellipsis,
+        }, [className]), align: "center", gap: "s", justify: align === 'left' ? 'start' : 'end' }),
+        before && React.createElement("div", { className: cnDataGridCellItem('Before') }, before),
+        React.createElement(Stack, { className: cnDataGridCellItem('Content'), justify: "start", direction: "column" },
+            React.createElement(Typography, { as: "div", variant: "text-s", className: cnDataGridCellItem('Title') }, children),
+            hint && (React.createElement(Typography, { as: "div", variant: "text-s", className: cnDataGridCellItem('Hint') }, hint))),
+        after && React.createElement("div", { className: cnDataGridCellItem('After') }, after)));
+});
+DataGridCellItem.displayName = 'DataGridCellItem';

package/__inner__/esm/ui/cells/DataGridCellItem/entities/align.js

@@ -0,0 +1 @@
+export var dataGridCellItemAlign = ['left', 'right'];

package/__inner__/esm/ui/cells/DataGridCellItem/entities/index.js

@@ -0,0 +1 @@
+export * from './align';

package/__inner__/esm/ui/cells/DataGridCellItem/index.js

@@ -0,0 +1,3 @@
+export * from './modules';
+export * from './DataGridCellItem';
+export * from './types';

package/__inner__/esm/ui/cells/DataGridCellItem/modules/DataGridCellItemIndicator/DataGridCellItemIndicator.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Indicator } from "@ozen-ui/kit/Indicator";
+import { cn } from '../../../../../shared';
+export var cnDataGridCellItemIndicator = cn('DataGridCellItemIndicator');
+export var DataGridCellItemIndicator = function (_a) {
+    var className = _a.className, other = __rest(_a, ["className"]);
+    return (React.createElement(Indicator, __assign({}, other, { className: cnDataGridCellItemIndicator('', [className]), size: "s" })));
+};

package/__inner__/esm/ui/cells/DataGridCellItem/modules/DataGridCellItemIndicator/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridCellItemIndicator';
+export * from './types';

package/__inner__/esm/ui/cells/DataGridCellItem/modules/DataGridCellItemIndicator/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/cells/DataGridCellItem/modules/index.js

@@ -0,0 +1 @@
+export * from './DataGridCellItemIndicator';

package/__inner__/esm/ui/cells/DataGridCellItem/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/cells/DataGridCellTag/DataGridCellTag.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Tag } from "@ozen-ui/kit/TagNext";
+import { polymorphicComponentWithRef } from '@ozen-ui/kit/utils';
+import { cn } from '../../../shared';
+import { DATA_GRID_CELL_TAG_DEFAULT_TAG } from './constants';
+export var cnDataGridCellTag = cn('DataGridCellTag');
+export var DataGridCellTag = polymorphicComponentWithRef(function (_a, ref) {
+    var label = _a.label, className = _a.className, _b = _a.as, as = _b === void 0 ? DATA_GRID_CELL_TAG_DEFAULT_TAG : _b, other = __rest(_a, ["label", "className", "as"]);
+    return (React.createElement(Tag, __assign({}, other, { as: as, className: cnDataGridCellTag('', [className]), ref: ref, size: "xs", label: label })));
+});

package/__inner__/esm/ui/cells/DataGridCellTag/constants.js

@@ -0,0 +1,2 @@
+import { TAG_DEFAULT_TAG } from "@ozen-ui/kit/TagNext";
+export var DATA_GRID_CELL_TAG_DEFAULT_TAG = TAG_DEFAULT_TAG;

package/__inner__/esm/ui/cells/DataGridCellTag/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DataGridCellTag';
+export * from './types';

package/__inner__/esm/ui/cells/DataGridCellTag/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/cells/index.js

@@ -0,0 +1,4 @@
+export * from './DataGridCellIconButton';
+export * from './DataGridCellInput';
+export * from './DataGridCellItem';
+export * from './DataGridCellTag';

package/__inner__/esm/ui/context/DataGridProvider.js

@@ -0,0 +1,7 @@
+import React, { useMemo } from 'react';
+import { DataGridContext } from './context';
+export var DataGridProvider = function (_a) {
+    var children = _a.children, store = _a.store;
+    var memoizedValue = useMemo(function () { return ({ store: store }); }, []);
+    return (React.createElement(DataGridContext.Provider, { value: memoizedValue }, children));
+};

package/__inner__/esm/ui/context/context.js

@@ -0,0 +1,13 @@
+import { useContext, createContext } from 'react';
+import { isDev } from '../../shared';
+export var DataGridContextDefaultValue = {
+    store: null,
+};
+export var DataGridContext = createContext(DataGridContextDefaultValue);
+export var useDataGridContext = function () {
+    return useContext(DataGridContext);
+};
+// Именованный провайдер
+if (isDev) {
+    DataGridContext.displayName = 'DataGridContext';
+}

package/__inner__/esm/ui/context/index.js

@@ -0,0 +1,3 @@
+export * from './context';
+export * from './DataGridProvider';
+export * from './types';

package/__inner__/esm/ui/context/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridAutocompleteFilter/DataGridAutocompleteFilter.js

@@ -0,0 +1,29 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Autocomplete } from "@ozen-ui/kit/AutocompleteNext";
+import { dataGridObserver } from '../../../core';
+import { filterValueToAutocomplete, autocompleteValueToFilter } from './utilts';
+export var DataGridAutocompleteFilter = dataGridObserver(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, onInputChange = _a.onInputChange, style = _a.style, renderMoreTag = _a.renderMoreTag, renderOption = _a.renderOption, searchFunction = _a.searchFunction, other = __rest(_a, ["filter", "type", "onChange", "onInputChange", "style", "renderMoreTag", "renderOption", "searchFunction"]);
+    var value = filter.valueByType(type);
+    return (React.createElement(Autocomplete, __assign({ disableCloseOnSelect: filter.isMultiple, limitTags: "responsive", label: filter.name }, other, { size: type === 'allFilter' ? 's' : 'xs', options: filter.options, getOptionKey: function (option) { return option.value; }, getOptionLabel: function (option) { return option.label; }, getOptionDisabled: function () { return false; }, multiple: filter.isMultiple, renderMoreTag: renderMoreTag
+            ? function (props, ref) {
+                return renderMoreTag(props, ref);
+            }
+            : undefined, renderOption: renderOption
+            ? function (props) {
+                return renderOption(props);
+            }
+            : undefined, searchFunction: searchFunction
+            ? function (options, searchValue) {
+                return searchFunction(options, searchValue);
+            }
+            : undefined, value: filterValueToAutocomplete(filter, value), style: __assign(__assign({}, style), { minWidth: 200 }), onInputChange: function (event, _value) {
+            var value = _value !== null && _value !== void 0 ? _value : '';
+            onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, value);
+        }, onChange: function (event, _value) {
+            var value = _value;
+            filter.setValueByType(autocompleteValueToFilter(value), type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
+        } })));
+});

package/__inner__/esm/ui/filters/DataGridAutocompleteFilter/index.js

@@ -0,0 +1,3 @@
+export * from './DataGridAutocompleteFilter';
+export * from './types';
+export * from './utilts';

package/__inner__/esm/ui/filters/DataGridAutocompleteFilter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridAutocompleteFilter/utilts.js

@@ -0,0 +1,27 @@
+import { __read, __spreadArray } from "tslib";
+import { isArray } from '@ozen-ui/kit/utils';
+export var autocompleteValueToFilter = function (value) {
+    if (isArray(value)) {
+        return new Set(value.map(function (option) { return option.value; }));
+    }
+    if (!value) {
+        return new Set();
+    }
+    return new Set([value.value]);
+};
+export var filterValueToAutocomplete = function (filter, value) {
+    var _a, _b;
+    if (filter.isMultiple) {
+        var options_1 = [];
+        __spreadArray([], __read(value.values()), false).forEach(function (id) {
+            var _a;
+            var option = (_a = filter.optionById[id]) !== null && _a !== void 0 ? _a : null;
+            if (option) {
+                options_1.push(option);
+            }
+        });
+        return options_1;
+    }
+    var id = (_a = __spreadArray([], __read(value.values()), false)[0]) !== null && _a !== void 0 ? _a : '';
+    return (_b = filter.optionById[id]) !== null && _b !== void 0 ? _b : null;
+};

package/__inner__/esm/ui/filters/DataGridAutocompleteListCardFilter/DataGridAutocompleteListCardFilter.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { AutocompleteListCard, AutocompleteListCardInput, } from "@ozen-ui/kit/AutocompleteListCard";
+import { dataGridObserver } from '../../../core';
+import { autocompleteListCardValueToFilter, filterValueToAutocompleteListCard, } from './utilts';
+export var DataGridAutocompleteListCardFilter = dataGridObserver(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, onInputChange = _a.onInputChange, children = _a.children, other = __rest(_a, ["filter", "type", "onChange", "onInputChange", "children"]);
+    return (React.createElement(AutocompleteListCard, __assign({ input: React.createElement(AutocompleteListCardInput, { style: { minWidth: 250 }, limitTags: "responsive", label: filter.name }), closeOnSelect: filter.isSingle }, other, { size: type === 'allFilter' ? 's' : 'xs', multiple: filter.isMultiple, value: filterValueToAutocompleteListCard(filter, filter.valueByType(type)), onChange: function (event, value, params) {
+            filter.setValueByType(autocompleteListCardValueToFilter(value), type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(event, value, params);
+        }, onInputChange: function (event, value) {
+            onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, value);
+        } }), children));
+});

package/__inner__/esm/ui/filters/DataGridAutocompleteListCardFilter/index.js

@@ -0,0 +1,3 @@
+export * from './DataGridAutocompleteListCardFilter';
+export * from './types';
+export * from './utilts';

package/__inner__/esm/ui/filters/DataGridAutocompleteListCardFilter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridAutocompleteListCardFilter/utilts.js

@@ -0,0 +1,18 @@
+import { __read, __spreadArray } from "tslib";
+import { isArray } from '@ozen-ui/kit/utils';
+export var autocompleteListCardValueToFilter = function (value) {
+    if (isArray(value)) {
+        return new Set(value.map(function (id) { return id; }));
+    }
+    if (!value) {
+        return new Set();
+    }
+    return new Set([value]);
+};
+export var filterValueToAutocompleteListCard = function (filter, value) {
+    var _a;
+    if (filter.isMultiple) {
+        return __spreadArray([], __read(value.values()), false);
+    }
+    return (_a = __spreadArray([], __read(value.values()), false)[0]) !== null && _a !== void 0 ? _a : null;
+};

package/__inner__/esm/ui/filters/DataGridCustomFilter/DataGridCustomFilter.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { dataGridObserver } from '../../../core';
+export var DataGridCustomFilter = dataGridObserver(function (_a) {
+    var filter = _a.filter, type = _a.type;
+    if (!filter.isCustomRender || !filter.render) {
+        throw new Error("You can't render a component without a render function.");
+    }
+    var Component = dataGridObserver(filter.render);
+    return React.createElement(Component, { type: type });
+});

package/__inner__/esm/ui/filters/DataGridCustomFilter/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridCustomFilter';
+export * from './types';

package/__inner__/esm/ui/filters/DataGridCustomFilter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridDateFilter/DataGridDateFilter.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { DatePicker } from "@ozen-ui/kit/DatePicker";
+import { dataGridObserver } from '../../../core';
+import { datePickerValueToFilter, filterValueToDatePicker } from './utilts';
+export var DataGridDateFilter = dataGridObserver(function (_a) {
+    var _b, _c;
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, other = __rest(_a, ["filter", "type", "onChange"]);
+    var mode = filter.type === 'single' ? 'date' : 'date-range';
+    var value = filter.valueByType(type);
+    return (React.createElement(DatePicker, __assign({ label: filter.name }, other, { mode: mode, minDate: (_b = filter.min) !== null && _b !== void 0 ? _b : undefined, maxDate: (_c = filter.max) !== null && _c !== void 0 ? _c : undefined, size: type === 'allFilter' ? 's' : 'xs', value: filterValueToDatePicker(value), onChange: function (date) {
+            filter.setValueByType(datePickerValueToFilter(date), type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(date);
+        } })));
+});

package/__inner__/esm/ui/filters/DataGridDateFilter/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridDateFilter';
+export * from './types';

package/__inner__/esm/ui/filters/DataGridDateFilter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridDateFilter/utilts.js

@@ -0,0 +1,22 @@
+import { isArray } from '@ozen-ui/kit/utils';
+import { isDateFilterRangeValue } from '../../../core';
+export var datePickerValueToFilter = function (date) {
+    var _a, _b;
+    if (isArray(date)) {
+        if (date.length === 0) {
+            return null;
+        }
+        return {
+            from: (_a = date[0]) !== null && _a !== void 0 ? _a : null,
+            to: (_b = date[1]) !== null && _b !== void 0 ? _b : null,
+        };
+    }
+    return date;
+};
+export var filterValueToDatePicker = function (value) {
+    var _a, _b;
+    if (isDateFilterRangeValue(value)) {
+        return [(_a = value.from) !== null && _a !== void 0 ? _a : undefined, (_b = value.to) !== null && _b !== void 0 ? _b : undefined];
+    }
+    return value;
+};

package/__inner__/esm/ui/filters/DataGridFilter/DataGridFilter.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { dataGridObserver, DataGridStoreNumberFilter, DataGridStoreStringFilter, DataGridStoreSelectFilter, DataGridStoreDateFilter, DataGridStoreAutocompleteFilter, } from '../../../core';
+import { DataGridAutocompleteFilter } from '../DataGridAutocompleteFilter';
+import { DataGridCustomFilter } from '../DataGridCustomFilter';
+import { DataGridDateFilter } from '../DataGridDateFilter';
+import { DataGridNumberFilter } from '../DataGridNumberFilter';
+import { DataGridSelectFilter } from '../DataGridSelectFilter';
+import { DataGridStringFilter } from '../DataGridStringFilter';
+export var DataGridFilter = dataGridObserver(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function (_a) {
+    var filter = _a.filter, type = _a.type;
+    if (filter.isCustomRender) {
+        return React.createElement(DataGridCustomFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof DataGridStoreAutocompleteFilter) {
+        return React.createElement(DataGridAutocompleteFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof DataGridStoreDateFilter) {
+        return React.createElement(DataGridDateFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof DataGridStoreSelectFilter) {
+        return React.createElement(DataGridSelectFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof DataGridStoreStringFilter) {
+        return React.createElement(DataGridStringFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof DataGridStoreNumberFilter) {
+        return React.createElement(DataGridNumberFilter, { filter: filter, type: type });
+    }
+    return null;
+});

package/__inner__/esm/ui/filters/DataGridFilter/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridFilter';
+export * from './types';

package/__inner__/esm/ui/filters/DataGridFilter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridNumberFilter/DataGridNumberFilter.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { InputNumber } from "@ozen-ui/kit/InputNumber";
+import { dataGridObserver } from '../../../core';
+export var DataGridNumberFilter = dataGridObserver(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, other = __rest(_a, ["filter", "type", "onChange"]);
+    var value = filter.valueByType(type);
+    var isValid = filter.isValidByType(type);
+    return (React.createElement(InputNumber, __assign({ label: filter.name }, other, { size: type === 'allFilter' ? 's' : 'xs', value: value !== null && value !== void 0 ? value : '', onChange: function (event, payload) {
+            var value = payload.value;
+            filter.setValueByType(value === '' ? null : value, type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(event, payload);
+        }, error: !isValid })));
+});

package/__inner__/esm/ui/filters/DataGridNumberFilter/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridNumberFilter';
+export * from './types';

package/__inner__/esm/ui/filters/DataGridNumberFilter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridSelectFilter/DataGridSelectFilter.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Select, Option } from "@ozen-ui/kit/Select";
+import { dataGridObserver } from '../../../core';
+import { filterValueToSelect, selectValueToFilter } from './utilts';
+export var DataGridSelectFilter = dataGridObserver(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, children = _a.children, other = __rest(_a, ["filter", "type", "onChange", "children"]);
+    var value = filter.valueByType(type);
+    return (React.createElement(Select, __assign({ label: filter.name }, other, { multiple: filter.isMultiple, size: type === 'allFilter' ? 's' : 'xs', value: filterValueToSelect(filter.isMultiple, value), onChange: function (value, event) {
+            filter.setValueByType(selectValueToFilter(value !== null && value !== void 0 ? value : ''), type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+        } }), children !== null && children !== void 0 ? children : filter.options.map(function (option) { return (React.createElement(Option, { key: option.value, value: option.value }, option.label)); })));
+});

package/__inner__/esm/ui/filters/DataGridSelectFilter/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridSelectFilter';
+export * from './types';

package/__inner__/esm/ui/filters/DataGridSelectFilter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/ui/filters/DataGridSelectFilter/utilts.js

@@ -0,0 +1,15 @@
+import { __read, __spreadArray } from "tslib";
+import { isArray } from '@ozen-ui/kit/utils';
+export var selectValueToFilter = function (value) {
+    if (isArray(value)) {
+        return new Set(value);
+    }
+    return new Set([value]);
+};
+export var filterValueToSelect = function (isMultiple, value) {
+    var _a;
+    if (isMultiple) {
+        return __spreadArray([], __read(value.values()), false);
+    }
+    return (_a = __spreadArray([], __read(value.values()), false)[0]) !== null && _a !== void 0 ? _a : '';
+};

package/__inner__/esm/ui/filters/DataGridStringFilter/DataGridStringFilter.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Input } from "@ozen-ui/kit/Input";
+import { dataGridObserver } from '../../../core';
+export var DataGridStringFilter = dataGridObserver(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, other = __rest(_a, ["filter", "type", "onChange"]);
+    var value = filter.valueByType(type);
+    var isValid = filter.isValidByType(type);
+    return (React.createElement(Input, __assign({ label: filter.name }, other, { value: value !== null && value !== void 0 ? value : '', size: type === 'allFilter' ? 's' : 'xs', error: !isValid, onChange: function (event) {
+            var value = event.target.value;
+            filter.setValueByType(value === '' ? null : value, type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        } })));
+});

package/__inner__/esm/ui/filters/DataGridStringFilter/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridStringFilter';
+export * from './types';