@furystack/shades-common-components 12.4.0 → 12.5.0

package/esm/components/data-grid/filters/boolean-filter.spec.js

@@ -0,0 +1,114 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, flushUpdates, initializeShadeRoot } from '@furystack/shades';
+import { ObservableValue, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { BooleanFilter } from './boolean-filter.js';
+describe('BooleanFilter', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    const createFindOptions = (options = {}) => {
+        return new ObservableValue(options);
+    };
+    const renderBooleanFilter = async (findOptions, field = 'isActive', onClose = vi.fn()) => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(BooleanFilter, { field: field, findOptions: findOptions, onClose: onClose }),
+        });
+        await flushUpdates();
+        return { injector, onClose };
+    };
+    it('should render three options: True, False, Any', async () => {
+        const findOptions = createFindOptions();
+        await usingAsync((await renderBooleanFilter(findOptions)).injector, async () => {
+            const buttons = document.querySelectorAll('shade-segmented-control button[data-value]');
+            expect(buttons.length).toBe(3);
+            const values = Array.from(buttons).map((b) => b.getAttribute('data-value'));
+            expect(values).toEqual(['true', 'false', 'any']);
+        });
+    });
+    it('should select "any" when no filter is set', async () => {
+        const findOptions = createFindOptions();
+        await usingAsync((await renderBooleanFilter(findOptions)).injector, async () => {
+            const selected = document.querySelector('shade-segmented-control button[data-selected]');
+            expect(selected?.getAttribute('data-value')).toBe('any');
+        });
+    });
+    it('should select "true" when filter is $eq: true', async () => {
+        const findOptions = createFindOptions({ filter: { isActive: { $eq: true } } });
+        await usingAsync((await renderBooleanFilter(findOptions)).injector, async () => {
+            const selected = document.querySelector('shade-segmented-control button[data-selected]');
+            expect(selected?.getAttribute('data-value')).toBe('true');
+        });
+    });
+    it('should select "false" when filter is $eq: false', async () => {
+        const findOptions = createFindOptions({ filter: { isActive: { $eq: false } } });
+        await usingAsync((await renderBooleanFilter(findOptions)).injector, async () => {
+            const selected = document.querySelector('shade-segmented-control button[data-selected]');
+            expect(selected?.getAttribute('data-value')).toBe('false');
+        });
+    });
+    it('should set filter to $eq: true when "True" is clicked', async () => {
+        const findOptions = createFindOptions();
+        const { injector, onClose } = await renderBooleanFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const trueButton = document.querySelector('shade-segmented-control button[data-value="true"]');
+            trueButton?.click();
+            await flushUpdates();
+            expect(findOptions.getValue().filter).toEqual({ isActive: { $eq: true } });
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should set filter to $eq: false when "False" is clicked', async () => {
+        const findOptions = createFindOptions();
+        const { injector, onClose } = await renderBooleanFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const falseButton = document.querySelector('shade-segmented-control button[data-value="false"]');
+            falseButton?.click();
+            await flushUpdates();
+            expect(findOptions.getValue().filter).toEqual({ isActive: { $eq: false } });
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should remove filter when "Any" is clicked', async () => {
+        const findOptions = createFindOptions({ filter: { isActive: { $eq: true } } });
+        const { injector, onClose } = await renderBooleanFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const anyButton = document.querySelector('shade-segmented-control button[data-value="any"]');
+            anyButton?.click();
+            await flushUpdates();
+            expect(findOptions.getValue().filter?.isActive).toBeUndefined();
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should preserve filters on other fields', async () => {
+        const findOptions = createFindOptions({ filter: { isActive: { $eq: true }, name: { $regex: 'test' } } });
+        const { injector, onClose } = await renderBooleanFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const anyButton = document.querySelector('shade-segmented-control button[data-value="any"]');
+            anyButton?.click();
+            await flushUpdates();
+            const updatedFilter = findOptions.getValue().filter;
+            expect(updatedFilter?.isActive).toBeUndefined();
+            expect(updatedFilter?.name).toEqual({ $regex: 'test' });
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should reset skip to 0 when applying filter', async () => {
+        const findOptions = createFindOptions({ skip: 20 });
+        const { injector } = await renderBooleanFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const trueButton = document.querySelector('shade-segmented-control button[data-value="true"]');
+            trueButton?.click();
+            await flushUpdates();
+            expect(findOptions.getValue().skip).toBe(0);
+        });
+    });
+});
+//# sourceMappingURL=boolean-filter.spec.js.map

package/esm/components/data-grid/filters/boolean-filter.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-filter.spec.js","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/boolean-filter.spec.tsx"],"names":[],"mappings":"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"}

package/esm/components/data-grid/filters/date-filter.d.ts

@@ -0,0 +1,12 @@
+import type { ObservableValue } from '@furystack/utils';
+import type { FilterableFindOptions } from '../data-grid.js';
+export declare const DateFilter: (props: {
+    field: string;
+    findOptions: ObservableValue<FilterableFindOptions>;
+    onClose: () => void;
+} & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=date-filter.d.ts.map

package/esm/components/data-grid/filters/date-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-filter.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/date-filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAKvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAK5D,eAAO,MAAM,UAAU;WACd,MAAM;iBACA,eAAe,CAAC,qBAAqB,CAAC;aAC1C,MAAM,IAAI;;;;;sEAmJnB,CAAA"}

package/esm/components/data-grid/filters/date-filter.js

@@ -0,0 +1,109 @@
+import { createComponent, Shade } from '@furystack/shades';
+import { SegmentedControl } from '../../button-group.js';
+import { Button } from '../../button.js';
+import { close as closeIcon, search as searchIcon } from '../../icons/icon-definitions.js';
+import { Icon } from '../../icons/icon.js';
+import { filterBaseCss, filterInputCss } from './filter-styles.js';
+export const DateFilter = Shade({
+    shadowDomName: 'data-grid-date-filter',
+    css: {
+        ...filterBaseCss,
+        '& input[type="datetime-local"]': filterInputCss,
+    },
+    render: ({ props, useObservable, useState }) => {
+        const [findOptions, setFindOptions] = useObservable('findOptions', props.findOptions);
+        const currentFilter = findOptions.filter?.[props.field];
+        const detectMode = () => {
+            if (currentFilter?.$gte && currentFilter?.$lte)
+                return 'between';
+            if (currentFilter?.$lt)
+                return 'before';
+            if (currentFilter?.$gt)
+                return 'after';
+            return 'before';
+        };
+        const toLocalDateTimeString = (date) => {
+            if (!date)
+                return '';
+            const d = date instanceof Date ? date : new Date(date);
+            if (isNaN(d.getTime()))
+                return '';
+            const pad = (n) => n.toString().padStart(2, '0');
+            return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+        };
+        const getInitialValue = () => {
+            if (currentFilter?.$gte)
+                return toLocalDateTimeString(currentFilter.$gte);
+            if (currentFilter?.$lt)
+                return toLocalDateTimeString(currentFilter.$lt);
+            if (currentFilter?.$gt)
+                return toLocalDateTimeString(currentFilter.$gt);
+            return '';
+        };
+        const getInitialSecondValue = () => {
+            if (currentFilter?.$lte)
+                return toLocalDateTimeString(currentFilter.$lte);
+            return '';
+        };
+        const [selectedMode, setSelectedMode] = useState('selectedMode', detectMode());
+        let dateValue = getInitialValue();
+        let secondDateValue = getInitialSecondValue();
+        const applyFilter = () => {
+            const filter = { ...findOptions.filter };
+            if (!dateValue) {
+                delete filter[props.field];
+                setFindOptions({ ...findOptions, filter, skip: 0 });
+                props.onClose();
+                return;
+            }
+            let filterValue;
+            switch (selectedMode) {
+                case 'before':
+                    filterValue = { $lt: new Date(dateValue) };
+                    break;
+                case 'after':
+                    filterValue = { $gt: new Date(dateValue) };
+                    break;
+                case 'between':
+                    filterValue = {
+                        $gte: new Date(dateValue),
+                        ...(secondDateValue ? { $lte: new Date(secondDateValue) } : {}),
+                    };
+                    break;
+                default:
+                    throw new Error(`Invalid date mode: ${selectedMode}`);
+            }
+            filter[props.field] = filterValue;
+            setFindOptions({ ...findOptions, filter, skip: 0 });
+            props.onClose();
+        };
+        const clearFilter = () => {
+            const filter = { ...findOptions.filter };
+            delete filter[props.field];
+            setFindOptions({ ...findOptions, filter, skip: 0 });
+            props.onClose();
+        };
+        return (createComponent("form", { onsubmit: (ev) => {
+                ev.preventDefault();
+                applyFilter();
+            } },
+            createComponent("div", { className: "filter-row" },
+                createComponent(SegmentedControl, { size: "small", value: selectedMode, onValueChange: (v) => setSelectedMode(v), options: [
+                        { value: 'before', label: 'Before' },
+                        { value: 'after', label: 'After' },
+                        { value: 'between', label: 'Between' },
+                    ] })),
+            createComponent("div", { className: "filter-row" },
+                createComponent("input", { "data-testid": "date-filter-value", type: "datetime-local", value: dateValue, autofocus: true, oninput: (ev) => {
+                        dateValue = ev.target.value;
+                    } })),
+            createComponent("div", { className: "filter-row", style: { display: selectedMode === 'between' ? 'flex' : 'none' } },
+                createComponent("input", { "data-testid": "date-filter-value-end", type: "datetime-local", value: secondDateValue, oninput: (ev) => {
+                        secondDateValue = ev.target.value;
+                    } })),
+            createComponent("div", { className: "filter-actions" },
+                createComponent(Button, { type: "button", variant: "outlined", size: "small", onclick: clearFilter, startIcon: createComponent(Icon, { icon: closeIcon, size: 14 }) }, "Clear"),
+                createComponent(Button, { type: "submit", variant: "outlined", size: "small", color: "primary", startIcon: createComponent(Icon, { icon: searchIcon, size: 14 }) }, "Apply"))));
+    },
+});
+//# sourceMappingURL=date-filter.js.map

package/esm/components/data-grid/filters/date-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-filter.js","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/date-filter.tsx"],"names":[],"mappings":"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"}

package/esm/components/data-grid/filters/date-filter.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date-filter.spec.d.ts.map

package/esm/components/data-grid/filters/date-filter.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-filter.spec.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/date-filter.spec.tsx"],"names":[],"mappings":""}

package/esm/components/data-grid/filters/date-filter.spec.js

@@ -0,0 +1,145 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, flushUpdates, initializeShadeRoot } from '@furystack/shades';
+import { ObservableValue, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { DateFilter } from './date-filter.js';
+describe('DateFilter', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    const createFindOptions = (options = {}) => {
+        return new ObservableValue(options);
+    };
+    const renderDateFilter = async (findOptions, field = 'createdAt', onClose = vi.fn()) => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(DateFilter, { field: field, findOptions: findOptions, onClose: onClose }),
+        });
+        await flushUpdates();
+        return { injector, onClose };
+    };
+    it('should render mode segmented control and date input', async () => {
+        const findOptions = createFindOptions();
+        await usingAsync((await renderDateFilter(findOptions)).injector, async () => {
+            const control = document.querySelector('shade-segmented-control');
+            expect(control).not.toBeNull();
+            const input = document.querySelector('[data-testid="date-filter-value"]');
+            expect(input).not.toBeNull();
+        });
+    });
+    it('should apply "before" filter on submit', async () => {
+        const findOptions = createFindOptions();
+        const { injector, onClose } = await renderDateFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const input = document.querySelector('[data-testid="date-filter-value"]');
+            input.value = '2025-06-15T10:30';
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            const form = document.querySelector('form');
+            form.dispatchEvent(new Event('submit', { bubbles: true }));
+            await flushUpdates();
+            const filter = findOptions.getValue().filter?.createdAt;
+            expect(filter.$lt).toBeInstanceOf(Date);
+            expect(filter.$lt.toISOString()).toBe(new Date('2025-06-15T10:30').toISOString());
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should apply "after" filter when mode is changed', async () => {
+        const findOptions = createFindOptions();
+        const { injector, onClose } = await renderDateFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const afterButton = document.querySelector('shade-segmented-control button[data-value="after"]');
+            afterButton?.click();
+            await flushUpdates();
+            const input = document.querySelector('[data-testid="date-filter-value"]');
+            input.value = '2025-01-01T00:00';
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            const form = document.querySelector('form');
+            form.dispatchEvent(new Event('submit', { bubbles: true }));
+            await flushUpdates();
+            const filter = findOptions.getValue().filter?.createdAt;
+            expect(filter.$gt).toBeInstanceOf(Date);
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should apply "between" filter with both dates', async () => {
+        const findOptions = createFindOptions();
+        const { injector, onClose } = await renderDateFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const betweenButton = document.querySelector('shade-segmented-control button[data-value="between"]');
+            betweenButton?.click();
+            await flushUpdates();
+            const startInput = document.querySelector('[data-testid="date-filter-value"]');
+            startInput.value = '2025-01-01T00:00';
+            startInput.dispatchEvent(new Event('input', { bubbles: true }));
+            const endInput = document.querySelector('[data-testid="date-filter-value-end"]');
+            endInput.value = '2025-12-31T23:59';
+            endInput.dispatchEvent(new Event('input', { bubbles: true }));
+            const form = document.querySelector('form');
+            form.dispatchEvent(new Event('submit', { bubbles: true }));
+            await flushUpdates();
+            const filter = findOptions.getValue().filter?.createdAt;
+            expect(filter.$gte).toBeInstanceOf(Date);
+            expect(filter.$lte).toBeInstanceOf(Date);
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should clear filter when Clear button is clicked', async () => {
+        const findOptions = createFindOptions({ filter: { createdAt: { $lt: new Date() } } });
+        const { injector, onClose } = await renderDateFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const clearButton = Array.from(document.querySelectorAll('button')).find((b) => b.textContent?.trim() === 'Clear');
+            clearButton?.click();
+            await flushUpdates();
+            expect(findOptions.getValue().filter?.createdAt).toBeUndefined();
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should remove filter when submitting empty date', async () => {
+        const findOptions = createFindOptions({ filter: { createdAt: { $lt: new Date() } } });
+        const { injector, onClose } = await renderDateFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const input = document.querySelector('[data-testid="date-filter-value"]');
+            input.value = '';
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            const form = document.querySelector('form');
+            form.dispatchEvent(new Event('submit', { bubbles: true }));
+            await flushUpdates();
+            expect(findOptions.getValue().filter?.createdAt).toBeUndefined();
+            expect(onClose).toHaveBeenCalled();
+        });
+    });
+    it('should preserve filters on other fields', async () => {
+        const findOptions = createFindOptions({
+            filter: { createdAt: { $lt: new Date() }, name: { $regex: 'keep' } },
+        });
+        const { injector } = await renderDateFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const clearButton = Array.from(document.querySelectorAll('button')).find((b) => b.textContent?.trim() === 'Clear');
+            clearButton?.click();
+            await flushUpdates();
+            const updatedFilter = findOptions.getValue().filter;
+            expect(updatedFilter?.createdAt).toBeUndefined();
+            expect(updatedFilter?.name).toEqual({ $regex: 'keep' });
+        });
+    });
+    it('should reset skip to 0 when applying filter', async () => {
+        const findOptions = createFindOptions({ skip: 20 });
+        const { injector } = await renderDateFilter(findOptions);
+        await usingAsync(injector, async () => {
+            const input = document.querySelector('[data-testid="date-filter-value"]');
+            input.value = '2025-06-15T10:30';
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            const form = document.querySelector('form');
+            form.dispatchEvent(new Event('submit', { bubbles: true }));
+            await flushUpdates();
+            expect(findOptions.getValue().skip).toBe(0);
+        });
+    });
+});
+//# sourceMappingURL=date-filter.spec.js.map

package/esm/components/data-grid/filters/date-filter.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-filter.spec.js","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/date-filter.spec.tsx"],"names":[],"mappings":"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"}

package/esm/components/data-grid/filters/enum-filter.d.ts

@@ -0,0 +1,16 @@
+import type { ObservableValue } from '@furystack/utils';
+import type { FilterableFindOptions } from '../data-grid.js';
+export declare const EnumFilter: (props: {
+    field: string;
+    values: Array<{
+        label: string;
+        value: string;
+    }>;
+    findOptions: ObservableValue<FilterableFindOptions>;
+    onClose: () => void;
+} & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=enum-filter.d.ts.map

package/esm/components/data-grid/filters/enum-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-filter.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/enum-filter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAMvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAK5D,eAAO,MAAM,UAAU;WACd,MAAM;YACL,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;iBAClC,eAAe,CAAC,qBAAqB,CAAC;aAC1C,MAAM,IAAI;;;;;sEAsGnB,CAAA"}

package/esm/components/data-grid/filters/enum-filter.js

@@ -0,0 +1,72 @@
+import { createComponent, Shade } from '@furystack/shades';
+import { SegmentedControl } from '../../button-group.js';
+import { Button } from '../../button.js';
+import { close as closeIcon, search as searchIcon } from '../../icons/icon-definitions.js';
+import { Icon } from '../../icons/icon.js';
+import { Checkbox } from '../../inputs/checkbox.js';
+import { filterBaseCss } from './filter-styles.js';
+export const EnumFilter = Shade({
+    shadowDomName: 'data-grid-enum-filter',
+    css: {
+        ...filterBaseCss,
+        '& .filter-mode': {
+            marginBottom: '8px',
+        },
+        '& .filter-checkboxes': {
+            maxHeight: '200px',
+            overflowY: 'auto',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '2px',
+            marginBottom: '8px',
+        },
+        '& shade-checkbox': {
+            marginBottom: '0',
+        },
+    },
+    render: ({ props, useObservable, useState }) => {
+        const [findOptions, setFindOptions] = useObservable('findOptions', props.findOptions);
+        const currentFilter = findOptions.filter?.[props.field];
+        const isExcludeMode = !!currentFilter?.$nin;
+        const currentSelected = currentFilter?.$in ?? currentFilter?.$nin ?? [];
+        const [mode, setMode] = useState('mode', isExcludeMode ? 'exclude' : 'include');
+        const selected = new Set(currentSelected);
+        const applyFilter = () => {
+            const filter = { ...findOptions.filter };
+            if (selected.size === 0) {
+                delete filter[props.field];
+            }
+            else {
+                const operator = mode === 'include' ? '$in' : '$nin';
+                filter[props.field] = { [operator]: Array.from(selected) };
+            }
+            setFindOptions({ ...findOptions, filter, skip: 0 });
+            props.onClose();
+        };
+        const clearFilter = () => {
+            const filter = { ...findOptions.filter };
+            delete filter[props.field];
+            setFindOptions({ ...findOptions, filter, skip: 0 });
+            props.onClose();
+        };
+        return (createComponent("div", null,
+            createComponent("div", { className: "filter-mode" },
+                createComponent(SegmentedControl, { size: "small", value: mode, onValueChange: (v) => setMode(v), options: [
+                        { value: 'include', label: 'Include' },
+                        { value: 'exclude', label: 'Exclude' },
+                    ] })),
+            createComponent("div", { className: "filter-checkboxes" }, props.values.map(({ label, value }) => (createComponent(Checkbox, { checked: selected.has(value), labelTitle: label, onchange: (ev) => {
+                    const isChecked = ev.target.checked;
+                    if (isChecked) {
+                        selected.add(value);
+                    }
+                    else {
+                        selected.delete(value);
+                    }
+                } })))),
+            createComponent("div", { className: "filter-actions" },
+                createComponent(Button, { type: "button", variant: "outlined", size: "small", onclick: clearFilter, startIcon: createComponent(Icon, { icon: closeIcon, size: 14 }) }, "Clear"),
+                createComponent(Button, { type: "button", variant: "outlined", size: "small", color: "primary", onclick: applyFilter, startIcon: createComponent(Icon, { icon: searchIcon, size: 14 }) }, "Apply"))));
+    },
+});
+//# sourceMappingURL=enum-filter.js.map

package/esm/components/data-grid/filters/enum-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-filter.js","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/enum-filter.tsx"],"names":[],"mappings":"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"}

package/esm/components/data-grid/filters/enum-filter.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=enum-filter.spec.d.ts.map

package/esm/components/data-grid/filters/enum-filter.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum-filter.spec.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/filters/enum-filter.spec.tsx"],"names":[],"mappings":""}