@furystack/shades-common-components 12.4.0 → 12.5.0

package/esm/components/data-grid/header.d.ts

@@ -1,22 +1,19 @@
 import type { FindOptions } from '@furystack/core';
 import type { ChildrenList } from '@furystack/shades';
 import type { ObservableValue } from '@furystack/utils';
-export interface DataGridHeaderProps<T, Column extends string> {
+import type { ColumnFilterConfig, FilterableFindOptions } from './data-grid.js';
+export type DataGridHeaderProps<T, Column extends string> = {
     field: Column;
     findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>;
-}
-export interface DataGridHeaderState<T, K extends keyof T> {
-    findOptions: FindOptions<T, K[]>;
-    isSearchOpened: boolean;
-    updateSearchValue: (value: string) => void;
-}
+    filterConfig?: ColumnFilterConfig;
+};
 export declare const OrderButton: (props: {
     field: string;
-    findOptions: ObservableValue<FindOptions<any, any[]>>;
+    findOptions: ObservableValue<FilterableFindOptions>;
 } & Omit<Partial<HTMLElement>, "style"> & {
     style?: Partial<CSSStyleDeclaration>;
 } & {
     ref?: import("@furystack/shades").RefObject<Element>;
 }, children?: ChildrenList) => JSX.Element;
-export declare const DataGridHeader: <T, Column extends string>(props: DataGridHeaderProps<T, Column>, children: ChildrenList, findOptions: ObservableValue<FindOptions<T, Array<keyof T>>>) => JSX.Element<any>;
+export declare const DataGridHeader: <T, Column extends string>(props: DataGridHeaderProps<T, Column>, children: ChildrenList) => JSX.Element<any>;
 //# sourceMappingURL=header.d.ts.map

package/esm/components/data-grid/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AASvD,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;CAC7D;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC;IACvD,WAAW,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IAChC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,WAAW;WACf,MAAM;iBACA,eAAe,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;;;;;0CAwCrD,CAAA;AAkHF,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACpD,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,MAAM,CAAC,EACrC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KACzD,GAAG,CAAC,OAAO,CAAC,GAAG,CA4FlB,CAAA"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAIvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAQ/E,MAAM,MAAM,mBAAmB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,IAAI;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5D,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,WAAW;WACf,MAAM;iBACA,eAAe,CAAC,qBAAqB,CAAC;;;;;0CAyCnD,CAAA;AA0DF,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACpD,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,MAAM,CAAC,EACrC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CA8DlB,CAAA"}

package/esm/components/data-grid/header.js

@@ -1,11 +1,13 @@
 import { Shade, createComponent } from '@furystack/shades';
-import { sleepAsync } from '@furystack/utils';
-import { collapse, expand } from '../animations.js';
-import { Button } from '../button.js';
-import { Form } from '../form.js';
+import { ToggleButton } from '../button-group.js';
+import { arrowDown, arrowUp, arrowUpDown, filter as filterIcon } from '../icons/icon-definitions.js';
 import { Icon } from '../icons/icon.js';
-import { arrowDown, arrowUp, arrowUpDown, close as closeIcon, search as searchIcon } from '../icons/icon-definitions.js';
-import { Input } from '../inputs/input.js';
+import { BooleanFilter } from './filters/boolean-filter.js';
+import { DateFilter } from './filters/date-filter.js';
+import { EnumFilter } from './filters/enum-filter.js';
+import { FilterDropdown } from './filters/filter-dropdown.js';
+import { NumberFilter } from './filters/number-filter.js';
+import { StringFilter } from './filters/string-filter.js';
 export const OrderButton = Shade({
     shadowDomName: 'data-grid-order-button',
     css: {
@@ -15,7 +17,7 @@ export const OrderButton = Shade({
         const [findOptions, onFindOptionsChange] = useObservable('findOptions', props.findOptions, {});
         const currentOrder = Object.keys(findOptions.order || {})[0];
         const currentOrderDirection = Object.values(findOptions.order || {})[0];
-        return (createComponent(Button, { title: "Change order", variant: "outlined", color: currentOrder === props.field ? 'info' : undefined, onclick: (ev) => {
+        return (createComponent(ToggleButton, { title: "Change order", pressed: currentOrder === props.field, size: "small", value: props.field, onclick: (ev) => {
                 ev.stopPropagation();
                 let newDirection = 'ASC';
                 const newOrder = {};
@@ -28,146 +30,78 @@ export const OrderButton = Shade({
                     order: newOrder,
                 });
             } }, (currentOrder === props.field &&
-            (currentOrderDirection === 'ASC' ? (createComponent(Icon, { icon: arrowDown, size: 16 })) : (createComponent(Icon, { icon: arrowUp, size: 16 })))) || createComponent(Icon, { icon: arrowUpDown, size: 16 })));
+            (currentOrderDirection === 'ASC' ? (createComponent(Icon, { icon: arrowDown, size: 14 })) : (createComponent(Icon, { icon: arrowUp, size: 14 })))) || createComponent(Icon, { icon: arrowUpDown, size: 14 })));
     },
 });
-const SearchButton = Shade({
-    shadowDomName: 'data-grid-search-button',
+const FilterButton = Shade({
+    shadowDomName: 'data-grid-filter-button',
     css: {
         display: 'inline-block',
     },
     render: ({ props, useObservable }) => {
-        const [findOptions] = useObservable('currentValue', props.findOptions, {
-            filter: (newValue) => {
-                return !!newValue.filter?.[props.fieldName];
-            },
-        });
-        const filterValue = findOptions.filter?.[props.fieldName]?.$regex || '';
-        return (createComponent(Button, { type: "button", title: "Filter", variant: "outlined", color: filterValue ? 'info' : undefined, onclick: props.onclick },
-            createComponent(Icon, { icon: searchIcon, size: 16 })));
-    },
-});
-const SearchForm = Shade({
-    shadowDomName: 'data-grid-search-form',
-    css: {
-        display: 'block',
-        '& .search-form': {
-            display: 'flex',
-            width: '100%',
-            overflow: 'hidden',
-            height: '0px',
-            justifyContent: 'space-around',
-            opacity: '0',
-        },
-        '& .search-form-actions': {
-            display: 'flex',
-            width: '64px',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: '8px',
-        },
-    },
-    render: ({ props, useObservable }) => {
-        const [findOptions] = useObservable('currentValue', props.findOptions, {
-            filter: (newValue, lastValue) => {
-                const newFilter = newValue.filter?.[props.fieldName];
-                const lastFilter = lastValue.filter?.[props.fieldName];
-                return newFilter?.$regex !== lastFilter?.$regex;
-            },
-        });
-        const currentValue = findOptions.filter?.[props.fieldName]?.$regex || '';
-        return (createComponent(Form, { className: "search-form", validate: (data) => typeof data.searchValue?.length === 'number', onSubmit: ({ searchValue }) => {
-                props.onSubmit(searchValue);
+        const [findOptions] = useObservable('currentValue', props.findOptions);
+        const hasActiveFilter = !!findOptions.filter?.[props.field];
+        return (createComponent(ToggleButton, { type: "button", title: "Filter", size: "small", value: props.field, pressed: hasActiveFilter, onclick: (ev) => {
+                ev.stopPropagation();
+                props.onclick();
             } },
-            createComponent(Input, { placeholder: props.fieldName, autofocus: true, labelTitle: `${props.fieldName}`, name: "searchValue", value: typeof currentValue === 'string' ? currentValue : '', labelProps: {
-                    style: { padding: '0px 2em' },
-                } }),
-            createComponent("div", { className: "search-form-actions" },
-                createComponent(Button, { type: "reset", variant: "outlined", onclick: (ev) => {
-                        ev.preventDefault();
-                        ev.stopPropagation();
-                        props.onClear();
-                    } },
-                    createComponent(Icon, { icon: closeIcon, size: 16 })),
-                createComponent(Button, { variant: "outlined", type: "submit" },
-                    createComponent(Icon, { icon: searchIcon, size: 16 })))));
+            createComponent(Icon, { icon: filterIcon, size: 14 })));
     },
 });
+const renderFilterComponent = (filterConfig, field, findOptions, onClose) => {
+    switch (filterConfig.type) {
+        case 'number':
+            return createComponent(NumberFilter, { field: field, findOptions: findOptions, onClose: onClose });
+        case 'boolean':
+            return createComponent(BooleanFilter, { field: field, findOptions: findOptions, onClose: onClose });
+        case 'enum':
+            return createComponent(EnumFilter, { field: field, values: filterConfig.values, findOptions: findOptions, onClose: onClose });
+        case 'date':
+            return createComponent(DateFilter, { field: field, findOptions: findOptions, onClose: onClose });
+        case 'string':
+            return createComponent(StringFilter, { field: field, findOptions: findOptions, onClose: onClose });
+        default: {
+            const _exhaustive = filterConfig;
+            throw new Error(`Unknown filter type: ${_exhaustive.type}`);
+        }
+    }
+};
 export const DataGridHeader = Shade({
     shadowDomName: 'data-grid-header',
     css: {
         display: 'block',
+        position: 'relative',
         '& .header-content': {
             display: 'flex',
             width: '100%',
-            height: '48px',
+            height: '36px',
             justifyContent: 'space-between',
             alignItems: 'center',
-            gap: '12px',
+            gap: '8px',
             overflow: 'hidden',
         },
         '& .header-field-name': {
-            fontWeight: '600',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
         },
         '& .header-controls': {
             display: 'flex',
-            justifyContent: 'center',
             alignItems: 'center',
-            gap: '4px',
+            gap: '2px',
+            flexShrink: '0',
         },
     },
-    render: ({ props, useObservable, useState, useRef }) => {
-        const searchFormRef = useRef('searchForm');
-        const headerContentRef = useRef('headerContent');
-        const [, setIsSearchOpened] = useState('isSearchOpened', false);
-        const openSearch = () => {
-            setIsSearchOpened(true);
-            const searchForm = searchFormRef.current?.querySelector('.search-form');
-            const headerContent = headerContentRef.current;
-            if (!searchForm || !headerContent)
-                return;
-            searchForm.style.display = 'flex';
-            void expand(searchForm).then(async () => {
-                await sleepAsync(100);
-                searchForm.querySelector('input')?.focus();
-            });
-            void collapse(headerContent);
-        };
-        const closeSearch = () => {
-            setIsSearchOpened(false);
-            const searchForm = searchFormRef.current?.querySelector('.search-form');
-            const headerContent = headerContentRef.current;
-            if (!searchForm || !headerContent)
-                return;
-            void collapse(searchForm);
-            void expand(headerContent);
-        };
-        const [findOptions, setFindOptions] = useObservable('findOptions', props.findOptions);
-        const updateSearchValue = (value) => {
-            if (value) {
-                const newSettings = {
-                    ...findOptions,
-                    filter: {
-                        ...findOptions.filter,
-                        [props.field]: { $regex: value },
-                    },
-                };
-                setFindOptions(newSettings);
-            }
-            else {
-                const { [props.field]: _, ...newFilter } = findOptions.filter || {};
-                setFindOptions({ ...findOptions, filter: newFilter });
-            }
-            closeSearch();
-        };
+    render: ({ props, useState }) => {
+        const [isFilterOpen, setIsFilterOpen] = useState('isFilterOpen', false);
+        const closeFilter = () => setIsFilterOpen(false);
         return (createComponent(createComponent, null,
-            createComponent("div", { ref: searchFormRef, style: { display: 'contents' } },
-                createComponent(SearchForm, { onSubmit: updateSearchValue, onClear: updateSearchValue, fieldName: props.field, findOptions: props.findOptions })),
-            createComponent("div", { ref: headerContentRef, className: "header-content" },
+            createComponent("div", { className: "header-content" },
                 createComponent("div", { className: "header-field-name" }, props.field),
                 createComponent("div", { className: "header-controls" },
-                    createComponent(SearchButton, { onclick: openSearch, findOptions: props.findOptions, fieldName: props.field }),
-                    createComponent(OrderButton, { field: props.field, findOptions: props.findOptions })))));
+                    props.filterConfig && (createComponent(FilterButton, { onclick: () => setIsFilterOpen(!isFilterOpen), findOptions: props.findOptions, field: props.field })),
+                    createComponent(OrderButton, { field: props.field, findOptions: props.findOptions }))),
+            isFilterOpen && props.filterConfig && (createComponent(FilterDropdown, { onClose: closeFilter }, renderFilterComponent(props.filterConfig, props.field, props.findOptions, closeFilter)))));
     },
 });
 //# sourceMappingURL=header.js.map

package/esm/components/data-grid/header.js.map

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