@equinor/fusion-react-filter 1.3.8 → 1.4.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/panel/FilterPanel.d.ts +6 -2
- package/dist/components/panel/FilterPanel.d.ts.map +1 -1
- package/dist/components/panel/FilterPanel.js +2 -2
- package/dist/components/panel/FilterPanel.js.map +1 -1
- package/dist/components/panel/FilterPanelBar.d.ts +5 -2
- package/dist/components/panel/FilterPanelBar.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelBar.js +2 -2
- package/dist/components/panel/FilterPanelBar.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FilterFn } from '../../types';
|
|
1
3
|
declare type StyleClasses = {
|
|
2
4
|
/** filter panel */
|
|
3
5
|
root: string;
|
|
4
6
|
/** filter container */
|
|
5
7
|
filters: string;
|
|
6
8
|
};
|
|
7
|
-
export declare type FilterPanelProps = JSX.IntrinsicElements['div'] & {
|
|
9
|
+
export declare type FilterPanelProps<TData> = JSX.IntrinsicElements['div'] & {
|
|
8
10
|
/** Show filter bar */
|
|
9
11
|
showBar?: boolean;
|
|
10
12
|
/** Show selector for filters */
|
|
@@ -20,10 +22,12 @@ export declare type FilterPanelProps = JSX.IntrinsicElements['div'] & {
|
|
|
20
22
|
selectedFilters?: string[];
|
|
21
23
|
/** style classes */
|
|
22
24
|
classes?: Partial<StyleClasses>;
|
|
25
|
+
/** method to use for search bar */
|
|
26
|
+
searchFn?: FilterFn<TData, string>;
|
|
23
27
|
};
|
|
24
28
|
/**
|
|
25
29
|
* Base component for displaying filter components and controllers
|
|
26
30
|
*/
|
|
27
|
-
export declare const FilterPanel: (props:
|
|
31
|
+
export declare const FilterPanel: <TData>(props: import("react").PropsWithChildren<FilterPanelProps<TData>>) => JSX.Element;
|
|
28
32
|
export default FilterPanel;
|
|
29
33
|
//# sourceMappingURL=FilterPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8BvC,aAAK,YAAY,GAAG;IAClB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,gBAAgB,CAAC,KAAK,IAAI,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IACnE,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEhC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,gFAAsE,WAmB7F,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -33,11 +33,11 @@ const useStyles = makeStyles((theme) => createStyles({
|
|
|
33
33
|
* Base component for displaying filter components and controllers
|
|
34
34
|
*/
|
|
35
35
|
export const FilterPanel = (props) => {
|
|
36
|
-
const { showFilters, className, classes, children, showSelection, ...args } = props;
|
|
36
|
+
const { showFilters, className, classes, children, showSelection, searchFn, ...args } = props;
|
|
37
37
|
const filters = Children.toArray(children).filter((x) => !!x.props.filterKey);
|
|
38
38
|
const initialSelectedFilters = props.selectedFilters || filters.map((x) => x.props.filterKey);
|
|
39
39
|
const styles = useStyles();
|
|
40
|
-
return (_jsx(FilterPanelProvider, { ...{ filters, initialSelectedFilters, showFilters }, children: _jsxs("div", { ...args, className: clsx(styles.root, classes?.root, className), children: [props.showBar && _jsx(FilterPanelBar, {}), _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: clsx(styles.filters, classes?.filters) }), _jsx(FilterPanelConsumer, { children: (context) => showSelection && !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }) })] }) }));
|
|
40
|
+
return (_jsx(FilterPanelProvider, { ...{ filters, initialSelectedFilters, showFilters }, children: _jsxs("div", { ...args, className: clsx(styles.root, classes?.root, className), children: [props.showBar && _jsx(FilterPanelBar, { searchFn: searchFn }), _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: clsx(styles.filters, classes?.filters) }), _jsx(FilterPanelConsumer, { children: (context) => showSelection && !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }) })] }) }));
|
|
41
41
|
};
|
|
42
42
|
export default FilterPanel;
|
|
43
43
|
//# sourceMappingURL=FilterPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAgB,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { FilterFn } from '../../types';
|
|
2
|
+
declare type FilterPanelBarProps<TData> = JSX.IntrinsicElements['div'] & {
|
|
3
|
+
searchFn?: FilterFn<TData, string>;
|
|
4
|
+
};
|
|
5
|
+
export declare const FilterPanelBar: <TData>(props: FilterPanelBarProps<TData>) => JSX.Element;
|
|
3
6
|
export default FilterPanelBar;
|
|
4
7
|
//# sourceMappingURL=FilterPanelBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAgCvC,aAAK,mBAAmB,CAAC,KAAK,IAAI,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,cAAc,gDAAgD,WAmB1E,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -27,10 +27,10 @@ const useStyles = makeStyles((theme) => createStyles({
|
|
|
27
27
|
},
|
|
28
28
|
}), { name: 'fusion-filter-panel-bar' });
|
|
29
29
|
export const FilterPanelBar = (props) => {
|
|
30
|
-
const { className, ...args } = props;
|
|
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, dense: true }), _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 })] })] }));
|
|
33
|
+
return (_jsxs("div", { ...args, className: clsx(className, styles.root), children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", className: styles.searchInput, dense: true, 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,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,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,KAAK,QAAC,QAAQ,EAAE,QAAQ,GAAI,EAC/G,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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/fusion-react-filter",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.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",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@equinor/fusion-react-textinput": "^0.6.13",
|
|
52
52
|
"@equinor/fusion-react-utils": "^2.0.3"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "89721734efe6209393095bbffa4b0671e91c1434"
|
|
55
55
|
}
|