@equinor/fusion-react-filter 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/filter/FilterOptionHeader.d.ts.map +1 -1
- package/dist/components/filter/FilterOptionHeader.js +5 -4
- package/dist/components/filter/FilterOptionHeader.js.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilter.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilter.js +1 -2
- package/dist/components/filter/checkbox/CheckboxFilter.js.map +1 -1
- package/dist/components/filter/search/SearchFilter.d.ts +2 -2
- package/dist/components/filter/search/SearchFilter.d.ts.map +1 -1
- package/dist/components/filter/search/SearchFilter.js +4 -2
- package/dist/components/filter/search/SearchFilter.js.map +1 -1
- package/dist/components/panel/FilterPanelBar.js +1 -1
- package/dist/components/panel/FilterPanelBar.js.map +1 -1
- package/dist/components/panel/FilterPanelFilters.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelFilters.js +2 -1
- package/dist/components/panel/FilterPanelFilters.js.map +1 -1
- package/package.json +7 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterOptionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterOptionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":"AAUA,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,SAAS,uKAuCrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,iBAAiB,KAAG,WA8C7D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useLayoutEffect, useRef, useState } from 'react';
|
|
2
3
|
import { useObservableState, useObservableSelector } from '@equinor/fusion-observable/react';
|
|
3
|
-
import { Icon } from '@equinor/
|
|
4
|
-
import { TextInput } from '@equinor/fusion-react-textinput';
|
|
4
|
+
import { TextField, Icon } from '@equinor/eds-core-react';
|
|
5
5
|
import { useFilterOptionContext, useFilterOptionSearch } from '../../options';
|
|
6
|
+
import { search, chevron_right } from '@equinor/eds-icons';
|
|
7
|
+
Icon.add({ search, chevron_right });
|
|
6
8
|
import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
|
|
7
|
-
import { useLayoutEffect, useRef, useState } from 'react';
|
|
8
9
|
export const useStyles = makeStyles((theme) => createStyles({
|
|
9
10
|
root: {
|
|
10
11
|
display: 'flex',
|
|
@@ -63,7 +64,7 @@ export const FilterOptionHeader = (props) => {
|
|
|
63
64
|
const subscription = query$.subscribe((x) => searchRef.current && (searchRef.current.value = x));
|
|
64
65
|
return () => subscription.unsubscribe();
|
|
65
66
|
}, [searchRef, query$]);
|
|
66
|
-
return (_jsxs("div", { className: styles.root, children: [_jsx(
|
|
67
|
+
return (_jsxs("div", { className: styles.root, children: [_jsx(TextField, { id: title, ref: searchRef, className: clsx(styles.searchField, showSearch && styles.showSearch), type: "search", placeholder: title, onInput: (e) => setQuery(e.currentTarget.value), inputIcon: _jsx(Icon, { name: "search", size: 16 }, "thumbs") }), _jsxs("header", { className: clsx(styles.header, showSearch && styles.showSearch), children: [_jsx("span", { children: title }), _jsxs("span", { className: clsx(styles.counter, !selectedCount && styles.noCount), children: [_jsx("span", { children: "(" }), _jsx("span", { children: selectedCount }), _jsx("span", { children: "/" }), _jsx("span", { children: optionCount }), _jsx("span", { children: ")" })] })] }), _jsx(Icon, { className: styles.iconBtn, name: showSearch ? 'chevron_right' : 'search', size: 16, onClick: onIconClick })] }));
|
|
67
68
|
};
|
|
68
69
|
export default FilterOptionHeader;
|
|
69
70
|
//# sourceMappingURL=FilterOptionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterOptionHeader.js","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FilterOptionHeader.js","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,eAAe,GAAG;IAC3G,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACxF,oCAAoC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAI/B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QACvC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;KAC9D,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,kGAExB,WAcF,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -4,14 +4,13 @@ import { CheckboxFilterProvider } from './CheckboxFilterProvider';
|
|
|
4
4
|
import CheckboxFilterOptions from './CheckboxFilterOptions';
|
|
5
5
|
import CheckboxFilterOptionAll from './CheckboxFilterOptionAll';
|
|
6
6
|
import useStyles from './CheckboxFilter.style';
|
|
7
|
-
import { EdsProvider } from '@equinor/eds-core-react';
|
|
8
7
|
/**
|
|
9
8
|
* Component for displaying multi-select filter with checkboxes
|
|
10
9
|
*/
|
|
11
10
|
export const CheckboxFilter = (props) => {
|
|
12
11
|
const { enableAll, sortFn, ...args } = props;
|
|
13
12
|
const styles = useStyles({ layout: 'column' });
|
|
14
|
-
return (_jsx(CheckboxFilterProvider, { ...args, children: _jsxs("div", { className: styles.root, children: [_jsx(FilterOptionHeader, { title: args.title }),
|
|
13
|
+
return (_jsx(CheckboxFilterProvider, { ...args, children: _jsxs("div", { className: styles.root, children: [_jsx(FilterOptionHeader, { title: args.title }), _jsxs("div", { className: styles.items, children: [enableAll && _jsx(CheckboxFilterOptionAll, {}), _jsx(CheckboxFilterOptions, { sortFn: sortFn })] })] }) }));
|
|
15
14
|
};
|
|
16
15
|
export default CheckboxFilter;
|
|
17
16
|
//# sourceMappingURL=CheckboxFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAqB/C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAiC,EACpB,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,sBAAsB,OAAK,IAAI,YAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,EACzC,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aACzB,SAAS,IAAI,KAAC,uBAAuB,KAAG,EACzC,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,IACrC,IACF,GACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TextFieldProps } from '@equinor/eds-core-react';
|
|
2
2
|
import type { FilterFn } from '../../../types';
|
|
3
|
-
export type SearchFilterProps<TData> = Omit<
|
|
3
|
+
export type SearchFilterProps<TData> = Omit<TextFieldProps, 'onInput' | 'ref' | 'id'> & {
|
|
4
4
|
/** identifier for filter */
|
|
5
5
|
readonly filterKey: string;
|
|
6
6
|
/** function for filtering by provided query */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,cAAc,EAAQ,MAAM,yBAAyB,CAAC;AAI1E,OAAO,KAAK,EAAU,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAavD,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,KAAK,GAAE,IAAI,CAAC,GAAG;IACrF,4BAA4B;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,8CAA8C,WAgDtE,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useMemo, useRef } from 'react';
|
|
3
3
|
import { useObservableSelector } from '@equinor/fusion-observable/react';
|
|
4
|
-
import {
|
|
4
|
+
import { TextField, Icon } from '@equinor/eds-core-react';
|
|
5
5
|
import { useFilter, useFilterSelection } from '../../../hooks';
|
|
6
|
+
import { search } from '@equinor/eds-icons';
|
|
7
|
+
Icon.add({ search });
|
|
6
8
|
const defaultMatcher = (data, query) => {
|
|
7
9
|
/** early escape, no filter */
|
|
8
10
|
if (!query)
|
|
@@ -41,7 +43,7 @@ export const SearchFilter = (props) => {
|
|
|
41
43
|
inputRef.current.value = query || '';
|
|
42
44
|
}
|
|
43
45
|
}, []));
|
|
44
|
-
return _jsx(
|
|
46
|
+
return (_jsx(TextField, { id: filterKey, ref: inputRef, onInput: onInput, type: "search", inputIcon: _jsx(Icon, { name: "search" }), ...args }));
|
|
45
47
|
};
|
|
46
48
|
export default SearchFilter;
|
|
47
49
|
//# sourceMappingURL=SearchFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAkB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAI/D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;AAErB,MAAM,cAAc,GAAG,CAAS,IAAa,EAAE,KAAa,EAAW,EAAE;IACvE,8BAA8B;IAC9B,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,MAAM,OAAO,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACvC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;AASF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAS,KAA+B,EAAe,EAAE;IACnF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/C,2BAA2B;IAC3B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,SAAS;QACd,QAAQ,EAAE,QAAQ,IAAI,cAAc;KACrC,CAAC,EACF,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,4CAA4C;IAC5C,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEvC,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,uDAAuD;IACvD,MAAM,OAAO,GAA+C,WAAW,CACrE,CAAC,CAAoC,EAAE,EAAE;QACvC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,mDAAmD;IACnD,qBAAqB;IACnB,iDAAiD;IACjD,kBAAkB,CAAS,KAAK,CAAC,SAAS,CAAC;IAC3C,wDAAwD;IACxD,WAAW,CAAC,CAAC,KAAU,EAAE,EAAE;QACzB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;SACtC;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,KAC5B,IAA0D,GAC/D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -30,7 +30,7 @@ export const FilterPanelBar = (props) => {
|
|
|
30
30
|
const { className, searchFn, ...args } = props;
|
|
31
31
|
const { showFilters, setShowFilters } = useFilterPanelContext();
|
|
32
32
|
const styles = useStyles();
|
|
33
|
-
return (_jsxs("div", { ...args, className: clsx(className, styles.root), children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", className: styles.searchInput,
|
|
33
|
+
return (_jsxs("div", { ...args, className: clsx(className, styles.root), children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", className: styles.searchInput, filterFn: searchFn }), _jsxs("div", { className: styles.actions, children: [_jsx(ClearFilterButton, { className: styles.resetBtn, label: "Reset Filters", icon: "refresh", variant: "ghost" }), _jsx(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', label: showFilters ? 'Hide filters' : 'Show filters', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true })] })] }));
|
|
34
34
|
};
|
|
35
35
|
export default FilterPanelBar;
|
|
36
36
|
//# sourceMappingURL=FilterPanelBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,WAAW,EAAE;QACX,wBAAwB,EAAE,MAAM;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,yBAAyB,EAAE,CACpC,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAS,KAAiC,EAAe,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,kBAAS,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,aACpD,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,WAAW,EAAE;QACX,wBAAwB,EAAE,MAAM;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,yBAAyB,EAAE,CACpC,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAS,KAAiC,EAAe,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,kBAAS,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,aACpD,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACzG,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC5B,KAAC,iBAAiB,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,GAAG,EACtG,KAAC,MAAM,IACL,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACjD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,OAAO,EAAC,UAAU,EAClB,YAAY,SACZ,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AASA,KAAK,uBAAuB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC5D,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,KAAG,WAuBnE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -2,13 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
3
|
import { useObservableState } from '@equinor/fusion-observable/react';
|
|
4
4
|
import { useFilterPanelContext } from './FilterPanelProvider';
|
|
5
|
+
import { EdsProvider } from '@equinor/eds-core-react';
|
|
5
6
|
import { map } from 'rxjs/operators';
|
|
6
7
|
import { FilterContainer } from '../misc';
|
|
7
8
|
export const FilterPanelFilters = (props) => {
|
|
8
9
|
const { FilterSelector, ...args } = props;
|
|
9
10
|
const { filters$, showFilters } = useFilterPanelContext();
|
|
10
11
|
const { value: filters } = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
|
|
11
|
-
return (_jsxs("div", { ...args, style: { display: showFilters ? '' : 'none' }, children: [FilterSelector && _jsx(FilterSelector, {}), _jsx(FilterContainer, { children: filters })] }));
|
|
12
|
+
return (_jsx(EdsProvider, { density: "compact", children: _jsxs("div", { ...args, style: { display: showFilters ? '' : 'none' }, children: [FilterSelector && _jsx(FilterSelector, {}), _jsx(FilterContainer, { children: filters })] }) }));
|
|
12
13
|
};
|
|
13
14
|
export default FilterPanelFilters;
|
|
14
15
|
//# sourceMappingURL=FilterPanelFilters.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelFilters.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE1D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAC3C,OAAO,CACL,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CACnC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CACxE,CACF,EACH,CAAC,QAAQ,CAAC,CACX,CACF,CAAC;IACF,OAAO,CACL,kBAAS,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,aACzD,cAAc,IAAI,KAAC,cAAc,KAAG,EACrC,KAAC,eAAe,cAAE,OAAO,GAAmB,IACxC,
|
|
1
|
+
{"version":3,"file":"FilterPanelFilters.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE1D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAC3C,OAAO,CACL,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CACnC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CACxE,CACF,EACH,CAAC,QAAQ,CAAC,CACX,CACF,CAAC;IACF,OAAO,CACL,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,YAC5B,kBAAS,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,aACzD,cAAc,IAAI,KAAC,cAAc,KAAG,EACrC,KAAC,eAAe,cAAE,OAAO,GAAmB,IACxC,GACM,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/fusion-react-filter",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"description": "component for Filtering data",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/filter#readme",
|
|
@@ -34,24 +34,25 @@
|
|
|
34
34
|
"url": "https://github.com/equinor/fusion-react-components/issues"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@equinor/fusion-observable": "^8.1.2",
|
|
38
37
|
"@equinor/fusion-react-button": "^0.9.0",
|
|
39
|
-
"@equinor/fusion-react-
|
|
40
|
-
"@equinor/fusion-react-radio": "^0.5.0",
|
|
38
|
+
"@equinor/fusion-react-radio": "^0.6.0",
|
|
41
39
|
"@equinor/fusion-react-styles": "^0.6.0",
|
|
42
|
-
"@equinor/fusion-react-textinput": "^0.7.0",
|
|
43
40
|
"@equinor/fusion-react-utils": "^2.1.0",
|
|
44
41
|
"@equinor/fusion-wc-chip": "^1.1.0",
|
|
45
42
|
"rxjs": "^7.4.0",
|
|
46
43
|
"typesafe-actions": "^5.1.0"
|
|
47
44
|
},
|
|
48
45
|
"devDependencies": {
|
|
46
|
+
"@equinor/fusion-observable": "^8.1.2",
|
|
49
47
|
"@equinor/eds-core-react": "^0.34.0",
|
|
48
|
+
"@equinor/eds-icons": "^0.19.3",
|
|
50
49
|
"@types/react": "^18.2.24",
|
|
51
50
|
"react": "^18.2.0"
|
|
52
51
|
},
|
|
53
52
|
"peerDependencies": {
|
|
54
|
-
"@equinor/eds-core-react": "^0.34.0"
|
|
53
|
+
"@equinor/eds-core-react": "^0.34.0",
|
|
54
|
+
"@equinor/eds-icons": "^0.19.3",
|
|
55
|
+
"@equinor/fusion-observable": "^8.1.2"
|
|
55
56
|
},
|
|
56
57
|
"scripts": {
|
|
57
58
|
"build": "tsc -b",
|