@equinor/fusion-react-filter 1.8.0 → 1.8.1
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/search/SearchFilter.d.ts.map +1 -1
- package/dist/components/misc/ClearFilterButton.d.ts +5 -3
- package/dist/components/misc/ClearFilterButton.d.ts.map +1 -1
- package/dist/components/misc/ClearFilterButton.js +3 -4
- package/dist/components/misc/ClearFilterButton.js.map +1 -1
- package/dist/components/panel/FilterPanelBar.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelBar.js +4 -2
- package/dist/components/panel/FilterPanelBar.js.map +1 -1
- package/package.json +2 -3
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,GAAG,IAAI,CAAC,GAAG;IACtF,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,9 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { type ButtonProps } from '@equinor/eds-core-react';
|
|
3
|
+
export type ClearFilterButtonProps = React.PropsWithChildren<Omit<ButtonProps, 'onClick'> & {
|
|
4
|
+
ref?: React.ForwardedRef<HTMLButtonElement>;
|
|
5
|
+
}>;
|
|
3
6
|
/**
|
|
4
7
|
* Component for resetting filter values.
|
|
5
8
|
* uses the `useClearFilter` hook
|
|
6
|
-
* inherits `ButtonProps` from `@equinor/fusion-react-button`
|
|
7
9
|
*/
|
|
8
10
|
export declare const ClearFilterButton: (props: ClearFilterButtonProps) => JSX.Element;
|
|
9
11
|
export default ClearFilterButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearFilterButton.d.ts","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,WAAW,
|
|
1
|
+
{"version":3,"file":"ClearFilterButton.d.ts","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAC1D,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,CAC/E,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,WAwBjE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -2,15 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useCallback } from 'react';
|
|
3
3
|
import { useForwardRef } from '@equinor/fusion-react-utils';
|
|
4
4
|
import { useObservableSubscription } from '@equinor/fusion-observable/react';
|
|
5
|
-
import { Button } from '@equinor/
|
|
5
|
+
import { Button } from '@equinor/eds-core-react';
|
|
6
6
|
import { useClearFilter } from '../../hooks/useClearFilter';
|
|
7
7
|
/**
|
|
8
8
|
* Component for resetting filter values.
|
|
9
9
|
* uses the `useClearFilter` hook
|
|
10
|
-
* inherits `ButtonProps` from `@equinor/fusion-react-button`
|
|
11
10
|
*/
|
|
12
11
|
export const ClearFilterButton = (props) => {
|
|
13
|
-
const {
|
|
12
|
+
const { children, ...args } = props;
|
|
14
13
|
const { clear, changed$ } = useClearFilter();
|
|
15
14
|
const ref = useForwardRef(props.ref);
|
|
16
15
|
/** Subscribe to changes and toggle `disable` of button */
|
|
@@ -19,7 +18,7 @@ export const ClearFilterButton = (props) => {
|
|
|
19
18
|
}, [ref]));
|
|
20
19
|
/** Reset filters on click */
|
|
21
20
|
const onClick = useCallback(() => clear(), [clear]);
|
|
22
|
-
return _jsx(Button, { variant: "ghost", ...{ ...args, ref, onClick,
|
|
21
|
+
return (_jsx(Button, { variant: "ghost", ...{ ...args, ref, onClick }, children: children ?? 'Clear Filter' }));
|
|
23
22
|
};
|
|
24
23
|
export default ClearFilterButton;
|
|
25
24
|
//# sourceMappingURL=ClearFilterButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearFilterButton.js","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ClearFilterButton.js","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAoB,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAM5D;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC9E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,aAAa,CAAoB,KAAK,CAAC,GAAG,CAAC,CAAC;IAExD,0DAA0D;IAC1D,yBAAyB,CACvB,QAAQ,EACR,WAAW,CACT,CAAC,OAAY,EAAE,EAAE;QACf,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IACvE,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,6BAA6B;IAC7B,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,YAClD,QAAQ,IAAI,cAAc,GACpB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -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":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmCvC,KAAK,mBAAmB,CAAC,KAAK,IAAI,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc,gDAAgD,WAyB1E,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '@equinor/
|
|
2
|
+
import { Button, Icon } from '@equinor/eds-core-react';
|
|
3
|
+
import { chevron_up, chevron_down, refresh } from '@equinor/eds-icons';
|
|
3
4
|
import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
|
|
4
5
|
import { SearchFilter } from '../filter';
|
|
5
6
|
import { ClearFilterButton } from '../misc';
|
|
6
7
|
import { useFilterPanelContext } from './FilterPanelProvider';
|
|
8
|
+
Icon.add({ chevron_down, chevron_up, refresh });
|
|
7
9
|
const useStyles = makeStyles((theme) => createStyles({
|
|
8
10
|
root: {
|
|
9
11
|
display: 'flex',
|
|
@@ -30,7 +32,7 @@ export const FilterPanelBar = (props) => {
|
|
|
30
32
|
const { className, searchFn, ...args } = props;
|
|
31
33
|
const { showFilters, setShowFilters } = useFilterPanelContext();
|
|
32
34
|
const styles = useStyles();
|
|
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: [
|
|
35
|
+
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: [_jsxs(ClearFilterButton, { className: styles.resetBtn, variant: "ghost", children: ["Reset Filters", _jsx(Icon, { name: "refresh" })] }), _jsxs(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true, children: [showFilters ? 'Hide filters' : 'Show filters', _jsx(Icon, { name: showFilters ? 'chevron_up' : 'chevron_down' })] })] })] }));
|
|
34
36
|
};
|
|
35
37
|
export default FilterPanelBar;
|
|
36
38
|
//# 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,
|
|
1
|
+
{"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEvE,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,IAAI,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;AAGhD,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;IAE3B,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,MAAC,iBAAiB,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAC,OAAO,8BAE5D,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,IACL,EACpB,MAAC,MAAM,IACL,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,OAAO,EAAC,UAAU,EAClB,YAAY,mBAEX,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EAC9C,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,GAAI,IACpD,IACL,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.8.
|
|
3
|
+
"version": "1.8.1",
|
|
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",
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@equinor/fusion-react-button": "^0.9.0",
|
|
38
|
-
"@equinor/fusion-react-radio": "^0.6.0",
|
|
39
38
|
"@equinor/fusion-react-styles": "^0.6.0",
|
|
40
39
|
"@equinor/fusion-react-utils": "^2.1.0",
|
|
41
40
|
"@equinor/fusion-wc-chip": "^1.1.0",
|
|
@@ -43,9 +42,9 @@
|
|
|
43
42
|
"typesafe-actions": "^5.1.0"
|
|
44
43
|
},
|
|
45
44
|
"devDependencies": {
|
|
46
|
-
"@equinor/fusion-observable": "^8.1.2",
|
|
47
45
|
"@equinor/eds-core-react": "^0.34.0",
|
|
48
46
|
"@equinor/eds-icons": "^0.19.3",
|
|
47
|
+
"@equinor/fusion-observable": "^8.1.2",
|
|
49
48
|
"@types/react": "^18.2.24",
|
|
50
49
|
"react": "^18.2.0"
|
|
51
50
|
},
|