@equinor/fusion-react-filter 2.1.0-filter.3 → 2.1.0-filter.7
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/components/package.json +4 -2
- package/dist/FilterProvider.d.ts +1 -1
- package/dist/FilterProvider.d.ts.map +1 -1
- package/dist/FilterProvider.js +1 -0
- package/dist/FilterProvider.js.map +1 -1
- package/dist/actions.d.ts +3 -1
- package/dist/actions.d.ts.map +1 -1
- package/dist/actions.js +1 -0
- package/dist/actions.js.map +1 -1
- package/dist/components/filter/FilterOptionHeader.d.ts +1 -1
- package/dist/components/filter/checkbox/CheckboxFilter.d.ts +2 -2
- package/dist/components/filter/checkbox/CheckboxFilter.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilter.js +1 -1
- package/dist/components/filter/checkbox/CheckboxFilter.js.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterProvider.d.ts +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterProvider.d.ts.map +1 -1
- package/dist/components/filter/checkbox/context.d.ts +1 -1
- package/dist/components/filter/checkbox/context.d.ts.map +1 -1
- package/dist/components/filter/checkbox/index.d.ts +1 -1
- package/dist/components/filter/checkbox/index.d.ts.map +1 -1
- package/dist/components/filter/checkbox/index.js.map +1 -1
- package/dist/components/filter/search/SearchFilter.d.ts +1 -1
- package/dist/components/filter/search/SearchFilter.d.ts.map +1 -1
- package/dist/components/filter/search/SearchFilter.js +1 -1
- package/dist/components/filter/search/SearchFilter.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -2
- package/dist/components/index.js.map +1 -1
- package/dist/components/misc/ClearFilterButton.js +1 -1
- package/dist/components/misc/ClearFilterButton.js.map +1 -1
- package/dist/components/misc/SelectionChips.d.ts +6 -0
- package/dist/components/misc/SelectionChips.d.ts.map +1 -0
- package/dist/components/misc/SelectionChips.js +62 -0
- package/dist/components/misc/SelectionChips.js.map +1 -0
- package/dist/components/misc/index.d.ts +1 -0
- package/dist/components/misc/index.d.ts.map +1 -1
- package/dist/components/misc/index.js +1 -0
- package/dist/components/misc/index.js.map +1 -1
- package/dist/components/panel/FilterPanel.d.ts +9 -1
- package/dist/components/panel/FilterPanel.d.ts.map +1 -1
- package/dist/components/panel/FilterPanel.js +20 -4
- package/dist/components/panel/FilterPanel.js.map +1 -1
- package/dist/components/panel/FilterPanelBar.d.ts +2 -1
- package/dist/components/panel/FilterPanelBar.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelBar.js +8 -3
- package/dist/components/panel/FilterPanelBar.js.map +1 -1
- package/dist/components/panel/FilterPanelFilters.d.ts +5 -1
- package/dist/components/panel/FilterPanelFilters.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelFilters.js +4 -3
- package/dist/components/panel/FilterPanelFilters.js.map +1 -1
- package/dist/context.d.ts +1 -1
- package/dist/context.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +0 -5
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +0 -18
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useClearFilter.d.ts +3 -3
- package/dist/hooks/useClearFilter.d.ts.map +1 -1
- package/dist/hooks/useClearFilter.js +2 -2
- package/dist/hooks/useClearFilter.js.map +1 -1
- package/dist/hooks/useFilter.d.ts +1 -1
- package/dist/hooks/useFilter.d.ts.map +1 -1
- package/dist/hooks/useFilter.js.map +1 -1
- package/dist/hooks/useFilterData.d.ts +2 -2
- package/dist/hooks/useFilterData.d.ts.map +1 -1
- package/dist/hooks/useFilterData.js.map +1 -1
- package/dist/hooks/useFilterSelection.d.ts +1 -1
- package/dist/hooks/useFilterSelection.d.ts.map +1 -1
- package/dist/hooks/useFilterSelection.js.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/options/FilterOptionProvider.d.ts +2 -2
- package/dist/options/FilterOptionProvider.d.ts.map +1 -1
- package/dist/options/FilterOptionProvider.js +1 -2
- package/dist/options/FilterOptionProvider.js.map +1 -1
- package/dist/options/actions.d.ts +1 -1
- package/dist/options/actions.d.ts.map +1 -1
- package/dist/options/context.d.ts +1 -1
- package/dist/options/context.d.ts.map +1 -1
- package/dist/options/create-options.d.ts +1 -1
- package/dist/options/create-options.d.ts.map +1 -1
- package/dist/options/reducer.d.ts +1 -1
- package/dist/options/reducer.d.ts.map +1 -1
- package/dist/options/search/filter-option-match.d.ts +1 -1
- package/dist/options/search/filter-option-match.d.ts.map +1 -1
- package/dist/options/search/filter-option-search.d.ts +2 -2
- package/dist/options/search/filter-option-search.d.ts.map +1 -1
- package/dist/options/search/types.d.ts +1 -1
- package/dist/options/search/types.d.ts.map +1 -1
- package/dist/options/search/useFilterOptionSearch.d.ts +3 -3
- package/dist/options/search/useFilterOptionSearch.d.ts.map +1 -1
- package/dist/options/search/useFilterOptionSearch.js.map +1 -1
- package/dist/options/types.d.ts +1 -1
- package/dist/options/types.d.ts.map +1 -1
- package/dist/reducers.d.ts +45 -45
- package/dist/reducers.d.ts.map +1 -1
- package/dist/reducers.js +10 -4
- package/dist/reducers.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/options/package.json +4 -2
- package/package.json +18 -21
package/components/package.json
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/fusion-react-filter/components",
|
|
3
3
|
"private": true,
|
|
4
|
-
"
|
|
5
|
-
"
|
|
4
|
+
"types": "../dist/components/index.d.ts",
|
|
5
|
+
"main": "../dist/components/index.js",
|
|
6
|
+
"module": "../dist/components/index.js",
|
|
7
|
+
"sideEffects": false
|
|
6
8
|
}
|
package/dist/FilterProvider.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,SAAS,CAAC;AAErD,oBAAY,mBAAmB,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI;IACpF,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,cAAc,2LAKxB,WA2BF,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/dist/FilterProvider.js
CHANGED
|
@@ -5,6 +5,7 @@ import { useObservable, useSubscription } from '@equinor/fusion-react-observable
|
|
|
5
5
|
import { createSelectionReducer, createDataReducer, createFilterReducer } from './reducers';
|
|
6
6
|
import { Provider } from './context';
|
|
7
7
|
import { actions } from './actions';
|
|
8
|
+
// TODO
|
|
8
9
|
import { filterData } from './hooks/useFilterData';
|
|
9
10
|
export const FilterProvider = (props) => {
|
|
10
11
|
const { data, initialSelection = {}, initialFilters = {}, children, } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterProvider.js","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterProvider.js","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO;AACP,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAI5B,KAAuE,EAC1D,EAAE;IACf,MAAM,EACJ,IAAI,EACJ,gBAAgB,GAAG,EAAiB,EACpC,cAAc,GAAG,EAA4C,EAC7D,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC;IAC7F,MAAM,OAAO,GAAG,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC;IAEvE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,eAAe,CAAU,IAAI,CAAC,CAAC,CAAC;IAC7D,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG;QACd,OAAO;QACP,OAAO;QACP,UAAU;QACV,KAAK;QACL,mCAAmC;KACR,CAAC;IAE9B,eAAe,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,QAAQ,kBAAC,KAAK,EAAE,OAAO,gBAAG,QAAQ,YAAY,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/dist/actions.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ActionType } from 'typesafe-actions';
|
|
2
|
-
import { Filter } from './types';
|
|
2
|
+
import type { Filter } from './types';
|
|
3
3
|
export declare type SelectionValues<TValue = unknown> = Record<string, TValue>;
|
|
4
4
|
export declare const filter: {
|
|
5
5
|
add: import("typesafe-actions").PayloadActionCreator<"@FILTER/FILTERS_ADD", Filter<any, any>>;
|
|
@@ -9,6 +9,7 @@ export declare const selection: {
|
|
|
9
9
|
set: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_SET", SelectionValues<unknown>>;
|
|
10
10
|
initial: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_INITIAL", SelectionValues<unknown>>;
|
|
11
11
|
clear: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_CLEAR", void>;
|
|
12
|
+
remove: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_REMOVE", string | string[]>;
|
|
12
13
|
};
|
|
13
14
|
export declare const source: {
|
|
14
15
|
update: import("typesafe-actions").PayloadActionCreator<"@FILTER/SOURCE_UPDATE", unknown>;
|
|
@@ -22,6 +23,7 @@ export declare const actions: {
|
|
|
22
23
|
set: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_SET", SelectionValues<unknown>>;
|
|
23
24
|
initial: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_INITIAL", SelectionValues<unknown>>;
|
|
24
25
|
clear: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_CLEAR", void>;
|
|
26
|
+
remove: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_REMOVE", string | string[]>;
|
|
25
27
|
};
|
|
26
28
|
source: {
|
|
27
29
|
update: import("typesafe-actions").PayloadActionCreator<"@FILTER/SOURCE_UPDATE", unknown>;
|
package/dist/actions.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,oBAAY,eAAe,CAAC,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM;;;CAGlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAInB,CAAC;AAEF,oBAAY,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}
|
package/dist/actions.js
CHANGED
|
@@ -7,6 +7,7 @@ export const selection = {
|
|
|
7
7
|
set: createAction('@FILTER/SELECTION_SET')(),
|
|
8
8
|
initial: createAction('@FILTER/SELECTION_INITIAL')(),
|
|
9
9
|
clear: createAction('@FILTER/SELECTION_CLEAR')(),
|
|
10
|
+
remove: createAction('@FILTER/SELECTION_REMOVE')(),
|
|
10
11
|
};
|
|
11
12
|
export const source = {
|
|
12
13
|
update: createAction('@FILTER/SOURCE_UPDATE')(),
|
package/dist/actions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAK5D,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,EAAE,YAAY,CAAC,qBAAqB,CAAC,EAAoB;IAC5D,MAAM,EAAE,YAAY,CAAC,wBAAwB,CAAC,EAAU;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,EAAE,YAAY,CAAC,uBAAuB,CAAC,EAAmB;IAC7D,OAAO,EAAE,YAAY,CAAC,2BAA2B,CAAC,EAAmB;IACrE,KAAK,EAAE,YAAY,CAAC,yBAAyB,CAAC,EAAQ;
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAK5D,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,EAAE,YAAY,CAAC,qBAAqB,CAAC,EAAoB;IAC5D,MAAM,EAAE,YAAY,CAAC,wBAAwB,CAAC,EAAU;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,EAAE,YAAY,CAAC,uBAAuB,CAAC,EAAmB;IAC7D,OAAO,EAAE,YAAY,CAAC,2BAA2B,CAAC,EAAmB;IACrE,KAAK,EAAE,YAAY,CAAC,yBAAyB,CAAC,EAAQ;IACtD,MAAM,EAAE,YAAY,CAAC,0BAA0B,CAAC,EAAqB;CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,YAAY,CAAC,uBAAuB,CAAC,EAAW;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM;IACN,SAAS;IACT,MAAM;CACP,CAAC;AAIF,eAAe,OAAO,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare type FilterHeaderProps = {
|
|
2
2
|
title: string;
|
|
3
3
|
};
|
|
4
|
-
export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"header" | "root" | "
|
|
4
|
+
export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"header" | "root" | "showSearch" | "counter" | "noCount" | "iconBtn" | "searchField">;
|
|
5
5
|
export declare const FilterOptionHeader: (props: FilterHeaderProps) => JSX.Element;
|
|
6
6
|
export default FilterOptionHeader;
|
|
7
7
|
//# sourceMappingURL=FilterOptionHeader.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FilterOptionSelector } from '../../../options
|
|
2
|
-
import { FilterComponent } from '../types';
|
|
1
|
+
import { FilterOptionSelector } from '../../../options';
|
|
2
|
+
import type { FilterComponent } from '../types';
|
|
3
3
|
export declare type CheckboxFilterProps<TData extends Record<string, any> = Record<string, any>> = FilterComponent & {
|
|
4
4
|
/** either name of property of data type or a function that selects value */
|
|
5
5
|
selector?: Extract<keyof TData, string> | string | FilterOptionSelector<TData>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAShD,oBAAY,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,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/E,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAc3D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { FilterOptionHeader } from '../FilterOptionHeader';
|
|
2
3
|
import { CheckboxFilterProvider } from './CheckboxFilterProvider';
|
|
3
4
|
import CheckboxFilterOptions from './CheckboxFilterOptions';
|
|
4
5
|
import CheckboxFilterOptionAll from './CheckboxFilterOptionAll';
|
|
5
|
-
import { FilterOptionHeader } from '../FilterOptionHeader';
|
|
6
6
|
import useStyles from './CheckboxFilter.style';
|
|
7
7
|
/**
|
|
8
8
|
* Component for displaying multi-select filter with checkboxes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":";
|
|
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;AAW/C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,sBAAsB,oBAAK,IAAI,cAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBACzB,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,WAAI,EACzC,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,iBACzB,SAAS,IAAI,KAAC,uBAAuB,aAAG,EACzC,KAAC,qBAAqB,aAAG,aACrB,aACF,YACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,oBAAY,yBAAyB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAClE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACtE,CAAC;AAEJ,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,KAAG,WA+BvE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FilterOptionBuilder, FilterOptionSelector } from '../../../options/types';
|
|
3
|
-
import { CheckboxOption } from './types';
|
|
3
|
+
import type { CheckboxOption } from './types';
|
|
4
4
|
export declare type CheckboxFilterProviderProps<TData extends Record<string, any>, TOption extends CheckboxOption = CheckboxOption> = {
|
|
5
5
|
filterKey: string;
|
|
6
6
|
title?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilterProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxFilterProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAQ9C,oBAAY,2BAA2B,CACrC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,OAAO,SAAS,cAAc,GAAG,cAAc,IAC7C;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,mLAKhC,WAmBF,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { FilterOptionContext } from '../../../options';
|
|
2
|
-
import { CheckboxOption } from './types';
|
|
2
|
+
import type { CheckboxOption } from './types';
|
|
3
3
|
export declare const useCheckboxFilterOptionContext: <TOption extends CheckboxOption = CheckboxOption, TValue = string>() => FilterOptionContext<TOption, TValue>;
|
|
4
4
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,8BAA8B,8GAG2C,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { CheckboxFilter, default } from './CheckboxFilter';
|
|
1
|
+
export { CheckboxFilter, CheckboxFilterProps, default } from './CheckboxFilter';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TextInputProps } from '@equinor/fusion-react-textinput';
|
|
2
|
-
import { FilterFn } from '../../../types';
|
|
2
|
+
import type { FilterFn } from '../../../types';
|
|
3
3
|
export declare type SearchFilterProps<TData> = Omit<TextInputProps, 'onInput' | 'ref'> & {
|
|
4
4
|
/** identifier for filter */
|
|
5
5
|
filterKey: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIxG,OAAO,KAAK,EAAU,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AASvD,oBAAY,iBAAiB,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG;IAC/E,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,8CAA8C,WAuCtE,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useMemo, useRef } from 'react';
|
|
3
|
-
import { TextInput } from '@equinor/fusion-react-textinput';
|
|
4
3
|
import { useSubscription } from '@equinor/fusion-react-observable';
|
|
4
|
+
import { TextInput } from '@equinor/fusion-react-textinput';
|
|
5
5
|
import { useFilter, useFilterSelection } from '../../../hooks';
|
|
6
6
|
const defaultMatcher = (data, query) => {
|
|
7
7
|
/** early escape, no filter */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,EAA8B,SAAS,EAAkB,MAAM,iCAAiC,CAAC;AAExG,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAI/D,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,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/E,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,CAA6B,IAAI,CAAC,CAAC;IAE1D,uDAAuD;IACvD,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,CAA8C,EAAE,EAAE;QACjD,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,mDAAmD;IACnD,eAAe;IACb,iDAAiD;IACjD,kBAAkB,CAAS,KAAK,CAAC,SAAS,CAAC;IAC3C,wDAAwD;IACxD,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACpB,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,KAAC,SAAS,kBAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,IAAK,IAAI,UAAI,CAAC;AACjH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export { FilterComponent, CheckboxFilter, FilterOptionHeader, SearchFilter } from './filter';
|
|
2
|
+
export { ClearFilterButton, FilterContainer, SelectionChips } from './misc';
|
|
3
3
|
export { FilterPanel } from './panel';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export { CheckboxFilter, FilterOptionHeader, SearchFilter } from './filter';
|
|
2
|
+
export { ClearFilterButton, FilterContainer, SelectionChips } from './misc';
|
|
3
3
|
export { FilterPanel } from './panel';
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,cAAc,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { useCallback } from 'react';
|
|
|
3
3
|
import { useForwardRef } from '@equinor/fusion-react-utils';
|
|
4
4
|
import { useSubscription } from '@equinor/fusion-react-observable';
|
|
5
5
|
import { Button } from '@equinor/fusion-react-button';
|
|
6
|
-
import { useClearFilter } from '../../hooks';
|
|
6
|
+
import { useClearFilter } from '../../hooks/useClearFilter';
|
|
7
7
|
/**
|
|
8
8
|
* Component for resetting filter values.
|
|
9
9
|
* uses the `useClearFilter` hook
|
|
@@ -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,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAwC,MAAM,8BAA8B,CAAC;AAE5F,OAAO,EAAE,cAAc,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,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAwC,MAAM,8BAA8B,CAAC;AAE5F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAI5D;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC9E,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,aAAa,CAA0B,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9D,0DAA0D;IAC1D,eAAe,CACb,QAAQ,EACR,WAAW,CACT,CAAC,OAAO,EAAE,EAAE;QACV,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,KAAC,MAAM,kBAAC,OAAO,EAAC,OAAO,IAAK,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,UAAI,CAAC;AAC1E,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ChipProps } from '@equinor/fusion-react-chip';
|
|
2
|
+
export declare type SelectionChipsProps = JSX.IntrinsicElements['div'] & {
|
|
3
|
+
chips: Omit<ChipProps, 'removable' | 'onRemove' | 'value' | 'children'>;
|
|
4
|
+
};
|
|
5
|
+
export declare const SelectionChips: (props: SelectionChipsProps) => JSX.Element;
|
|
6
|
+
//# sourceMappingURL=SelectionChips.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectionChips.d.ts","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,SAAS,EAAyB,MAAM,4BAA4B,CAAC;AA0CpF,oBAAY,mBAAmB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAgD3D,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createElement as _createElement } from "react";
|
|
3
|
+
import { useCallback, useMemo, useState } from 'react';
|
|
4
|
+
import { combineLatest, of } from 'rxjs';
|
|
5
|
+
import { switchMap } from 'rxjs/operators';
|
|
6
|
+
import { useSubscription } from '@equinor/fusion-react-observable';
|
|
7
|
+
import { Chip } from '@equinor/fusion-react-chip';
|
|
8
|
+
import { useFilterContext } from '../../hooks';
|
|
9
|
+
import { actions } from '../../actions';
|
|
10
|
+
import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
|
|
11
|
+
/** method for extracting selection to array */
|
|
12
|
+
const formatSelection = (selection) => {
|
|
13
|
+
switch (true) {
|
|
14
|
+
case selection === undefined:
|
|
15
|
+
case selection === null:
|
|
16
|
+
return [];
|
|
17
|
+
case typeof selection === 'string':
|
|
18
|
+
return [selection];
|
|
19
|
+
case selection instanceof Set:
|
|
20
|
+
return [...selection];
|
|
21
|
+
default:
|
|
22
|
+
/** TODO - fix selection for additional types */
|
|
23
|
+
console.error('unsupported selection type!', selection);
|
|
24
|
+
return [];
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
const useStyles = makeStyles((theme) => createStyles({
|
|
28
|
+
root: {
|
|
29
|
+
display: 'flex',
|
|
30
|
+
gap: theme.spacing.comfortable.small.getVariable('padding'),
|
|
31
|
+
},
|
|
32
|
+
chip: {
|
|
33
|
+
marginRight: theme.spacing.comfortable.small.getVariable('padding'),
|
|
34
|
+
},
|
|
35
|
+
}), { name: 'fusion-filter-selection-chips' });
|
|
36
|
+
export const SelectionChips = (props) => {
|
|
37
|
+
const { chips, className, ...args } = props;
|
|
38
|
+
const { filter$, selection$ } = useFilterContext();
|
|
39
|
+
const [items, setItems] = useState([]);
|
|
40
|
+
useSubscription(useMemo(() =>
|
|
41
|
+
/** Observe filter and selection changes */
|
|
42
|
+
combineLatest([filter$, selection$]).pipe(switchMap(([filters, selections]) => {
|
|
43
|
+
const items = Object.values(filters)
|
|
44
|
+
/** normalize data to SelectionItem */
|
|
45
|
+
.map((filter) => {
|
|
46
|
+
const { title, key } = filter;
|
|
47
|
+
const selection = formatSelection(selections[key]);
|
|
48
|
+
return { key, title, selection };
|
|
49
|
+
})
|
|
50
|
+
/** Exclude filters that does not have any selection */
|
|
51
|
+
.filter((x) => !!x.title && !!x.selection.length);
|
|
52
|
+
return of(items);
|
|
53
|
+
})), [filter$, selection$]), setItems);
|
|
54
|
+
const onRemove = useCallback((e) => {
|
|
55
|
+
selection$.next(actions.selection.remove(String(e.currentTarget.value)));
|
|
56
|
+
}, [selection$]);
|
|
57
|
+
const styles = useStyles();
|
|
58
|
+
return (_jsx("div", Object.assign({}, args, { className: clsx(styles.root, className) }, { children: items?.map((x) => (_createElement(Chip, { ...chips, key: x.key, value: x.key, onRemove: onRemove, removable: true },
|
|
59
|
+
_jsxs("span", { children: [x.title, " "] }, void 0),
|
|
60
|
+
_jsx("span", Object.assign({ slot: "graphic", className: styles.chip }, { children: x.selection.length }), void 0)))) }), void 0));
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=SelectionChips.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectionChips.js","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/misc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/misc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/misc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/misc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
declare type StyleClasses = {
|
|
2
|
+
/** filter panel */
|
|
3
|
+
root: string;
|
|
4
|
+
/** filter container */
|
|
5
|
+
filters: string;
|
|
6
|
+
};
|
|
7
|
+
export declare type FilterPanelProps = JSX.IntrinsicElements['div'] & {
|
|
2
8
|
/** Show filter bar */
|
|
3
9
|
showBar?: boolean;
|
|
4
10
|
/** Show selector for filters */
|
|
@@ -10,6 +16,8 @@ export declare type FilterPanelProps = {
|
|
|
10
16
|
* @default all - `filterKey` of all child components provided
|
|
11
17
|
*/
|
|
12
18
|
selectedFilters?: string[];
|
|
19
|
+
/** style classes */
|
|
20
|
+
classes?: Partial<StyleClasses>;
|
|
13
21
|
};
|
|
14
22
|
/**
|
|
15
23
|
* Base component for displaying filter components and controllers
|
|
@@ -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":"AA0BA,aAAK,YAAY,GAAG;IAClB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC5D,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,UAAW,MAAM,iBAAiB,CAAC,gBAAgB,CAAC,KAAG,WAoB9E,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,17 +1,33 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Children } from 'react';
|
|
3
|
-
import { FilterPanelProvider } from './FilterPanelProvider';
|
|
4
|
-
import { FilterPanelSelector } from './FilterPanelSelector';
|
|
3
|
+
import { FilterPanelProvider, FilterPanelConsumer } from './FilterPanelProvider';
|
|
5
4
|
import { FilterPanelFilters } from './FilterPanelFilters';
|
|
6
5
|
import { FilterPanelBar } from './FilterPanelBar';
|
|
6
|
+
import { SelectionChips } from '../misc';
|
|
7
|
+
import FilterPanelSelector from './FilterPanelSelector';
|
|
8
|
+
import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
|
|
9
|
+
const useStyles = makeStyles((theme) => createStyles({
|
|
10
|
+
root: {
|
|
11
|
+
display: 'flex',
|
|
12
|
+
flexFlow: 'column',
|
|
13
|
+
gap: theme.spacing.comfortable.small.getVariable('padding'),
|
|
14
|
+
},
|
|
15
|
+
filters: {
|
|
16
|
+
overflowX: 'scroll',
|
|
17
|
+
overflowY: 'hidden',
|
|
18
|
+
display: 'flex',
|
|
19
|
+
},
|
|
20
|
+
}), { name: 'fusion-filter-panel' });
|
|
7
21
|
/**
|
|
8
22
|
* Base component for displaying filter components and controllers
|
|
9
23
|
*/
|
|
10
24
|
export const FilterPanel = (props) => {
|
|
11
|
-
const { showFilters, children } = props;
|
|
25
|
+
const { showFilters, className, classes, children, ...args } = props;
|
|
12
26
|
const filters = Children.toArray(children).filter((x) => !!x.props.filterKey);
|
|
13
27
|
const initialSelectedFilters = props.selectedFilters || filters.map((x) => x.props.filterKey);
|
|
14
|
-
|
|
28
|
+
const styles = useStyles();
|
|
29
|
+
console.log(classes);
|
|
30
|
+
return (_jsx(FilterPanelProvider, Object.assign({}, { filters, initialSelectedFilters, showFilters }, { children: _jsxs("div", Object.assign({}, args, { className: clsx(styles.root, classes?.root, className) }, { children: [props.showBar && _jsx(FilterPanelBar, {}, void 0), _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: clsx(styles.filters, classes?.filters) }, void 0), _jsx(FilterPanelConsumer, { children: (context) => !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }, void 0) }, void 0)] }), void 0) }), void 0));
|
|
15
31
|
};
|
|
16
32
|
export default FilterPanel;
|
|
17
33
|
//# 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,MAAM,uBAAuB,CAAC;
|
|
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;AAE9E,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC;KAC5D;IACD,OAAO,EAAE;QACP,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAChC,CAAC;AA6BF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgD,EAAe,EAAE;IAC3F,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,OAAO,GAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAqC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACnH,MAAM,sBAAsB,GAAG,KAAK,CAAC,eAAe,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,OAAO,CACL,KAAC,mBAAmB,oBAAK,EAAE,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,cACvE,+BAAS,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,iBAClE,KAAK,CAAC,OAAO,IAAI,KAAC,cAAc,aAAG,EACpC,KAAC,kBAAkB,IACjB,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACpE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,WACjD,EACF,KAAC,mBAAmB,cACjB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,WAAI,WACrE,aAClB,YACc,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
declare type FilterPanelBarProps = JSX.IntrinsicElements['div'];
|
|
2
|
+
export declare const FilterPanelBar: (props: FilterPanelBarProps) => JSX.Element;
|
|
2
3
|
export default FilterPanelBar;
|
|
3
4
|
//# 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":"AAiCA,aAAK,mBAAmB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAmB3D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Button from '@equinor/fusion-react-button';
|
|
3
|
-
import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
|
|
3
|
+
import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
|
|
4
4
|
import { SearchFilter } from '../filter';
|
|
5
5
|
import { ClearFilterButton } from '../misc';
|
|
6
6
|
import { useFilterPanelContext } from './FilterPanelProvider';
|
|
7
7
|
const useStyles = makeStyles((theme) => createStyles({
|
|
8
8
|
root: {
|
|
9
9
|
display: 'flex',
|
|
10
|
+
flexWrap: 'wrap',
|
|
10
11
|
alignItems: 'center',
|
|
11
12
|
gap: theme.spacing.comfortable.medium.getVariable('padding'),
|
|
12
13
|
},
|
|
14
|
+
searchInput: {
|
|
15
|
+
'--textinput-dense-size': '36px',
|
|
16
|
+
},
|
|
13
17
|
actions: {
|
|
14
18
|
marginLeft: 'auto',
|
|
15
19
|
display: 'flex',
|
|
@@ -22,10 +26,11 @@ const useStyles = makeStyles((theme) => createStyles({
|
|
|
22
26
|
},
|
|
23
27
|
},
|
|
24
28
|
}), { name: 'fusion-filter-panel-bar' });
|
|
25
|
-
export const FilterPanelBar = () => {
|
|
29
|
+
export const FilterPanelBar = (props) => {
|
|
30
|
+
const { className, ...args } = props;
|
|
26
31
|
const { showFilters, setShowFilters } = useFilterPanelContext();
|
|
27
32
|
const styles = useStyles();
|
|
28
|
-
return (_jsxs("div", Object.assign({ className: styles.root }, { children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", dense: true }, void 0), _jsxs("div", Object.assign({ className: styles.actions }, { children: [_jsx(ClearFilterButton, { className: styles.resetBtn, label: "Reset Filters", icon: "refresh", variant: "ghost" }, void 0), _jsx(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', label: showFilters ? 'Hide filters' : 'Show filters', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true }, void 0)] }), void 0)] }), void 0));
|
|
33
|
+
return (_jsxs("div", Object.assign({}, args, { className: clsx(className, styles.root) }, { children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", className: styles.searchInput, dense: true }, void 0), _jsxs("div", Object.assign({ className: styles.actions }, { children: [_jsx(ClearFilterButton, { className: styles.resetBtn, label: "Reset Filters", icon: "refresh", variant: "ghost" }, void 0), _jsx(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', label: showFilters ? 'Hide filters' : 'Show filters', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true }, void 0)] }), void 0)] }), void 0));
|
|
29
34
|
};
|
|
30
35
|
export default FilterPanelBar;
|
|
31
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,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;AAC9E,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;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,iBACpD,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,iBAAG,EAC3F,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,iBAC5B,KAAC,iBAAiB,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,WAAG,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,iBACZ,aACE,aACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type FilterPanelFiltersProps = JSX.IntrinsicElements['div'] & {
|
|
3
|
+
FilterSelector?: () => JSX.Element;
|
|
4
|
+
};
|
|
5
|
+
export declare const FilterPanelFilters: (props: FilterPanelFiltersProps) => JSX.Element;
|
|
2
6
|
export default FilterPanelFilters;
|
|
3
7
|
//# sourceMappingURL=FilterPanelFilters.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAOA,aAAK,uBAAuB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,KAAG,WAmBnE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
3
|
import { useObservableState } from '@equinor/fusion-react-observable';
|
|
4
4
|
import { useFilterPanelContext } from './FilterPanelProvider';
|
|
5
5
|
import { map } from 'rxjs/operators';
|
|
6
6
|
import { FilterContainer } from '../misc';
|
|
7
|
-
export const FilterPanelFilters = () => {
|
|
7
|
+
export const FilterPanelFilters = (props) => {
|
|
8
|
+
const { FilterSelector, ...args } = props;
|
|
8
9
|
const { filters$, showFilters } = useFilterPanelContext();
|
|
9
10
|
const filters = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
|
|
10
|
-
return
|
|
11
|
+
return (_jsxs("div", Object.assign({}, args, { style: { display: showFilters ? '' : 'none' } }, { children: [FilterSelector && _jsx(FilterSelector, {}, void 0), _jsx(FilterContainer, { children: filters }, void 0)] }), void 0));
|
|
11
12
|
};
|
|
12
13
|
export default FilterPanelFilters;
|
|
13
14
|
//# 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;
|
|
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,OAAO,GAAG,kBAAkB,CAChC,OAAO,CACL,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAC/G,EACH,CAAC,QAAQ,CAAC,CACX,CACF,CAAC;IACF,OAAO,CACL,+BAAS,IAAI,IAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,iBACzD,cAAc,IAAI,KAAC,cAAc,aAAG,EACrC,KAAC,eAAe,cAAE,OAAO,WAAmB,aACxC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
package/dist/context.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FilterContext } from './types';
|
|
2
|
+
import type { FilterContext } from './types';
|
|
3
3
|
export declare const useFilterContext: <TSelection = any, TData extends Record<string, any> = Record<string, any>>() => FilterContext<TSelection, TData>;
|
|
4
4
|
export declare const Provider: import("react").Provider<FilterContext<unknown, Record<string, any>>>, Consumer: import("react").Consumer<FilterContext<unknown, Record<string, any>>>;
|
|
5
5
|
export default useFilterContext;
|
package/dist/context.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,gBAAgB,mHAGmE,CAAC;AAEjG,eAAO,MAAQ,QAAQ,yEAAE,QAAQ,uEAAY,CAAC;AAE9C,eAAe,gBAAgB,CAAC"}
|