@equinor/fusion-react-filter 1.1.10 → 2.1.0-filter.2

package/dist/context.js

@@ -0,0 +1,6 @@
+import { createContext, useContext } from 'react';
+const context = createContext({});
+export const useFilterContext = () => useContext(context);
+export const { Provider, Consumer } = context;
+export default useFilterContext;
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,OAAO,GAAG,aAAa,CAAgB,EAAmB,CAAC,CAAC;AAElE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAGM,EAAE,CAAC,UAAU,CAAC,OAAO,CAAqC,CAAC;AAEjG,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;AAE9C,eAAe,gBAAgB,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,12 @@
+export { useClearFilter } from './useClearFilter';
+export { useFilter } from './useFilter';
+export { useFilterSelection } from './useFilterSelection';
+export { useFilterData } from './useFilterData';
+/** re-exports */
+export { useFilterContext } from '../context';
+export declare const useFunky: () => import("rxjs").Observable<{
+    key: string;
+    title: string | undefined;
+    selection: any[];
+}[]>;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,iBAAiB;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAO9C,eAAO,MAAM,QAAQ;;;;IAkBpB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,25 @@
+export { useClearFilter } from './useClearFilter';
+export { useFilter } from './useFilter';
+export { useFilterSelection } from './useFilterSelection';
+export { useFilterData } from './useFilterData';
+/** re-exports */
+export { useFilterContext } from '../context';
+import { useState } from 'react';
+import { combineLatest, of } from 'rxjs';
+import { distinctUntilChanged, switchMap } from 'rxjs/operators';
+import { useFilterContext } from '..';
+export const useFunky = () => {
+    const context = useFilterContext();
+    const [gg] = useState(() => combineLatest([context.filter$, context.selection$]).pipe(distinctUntilChanged(), switchMap(([filters, selections]) => {
+        const gg = Object.values(filters)
+            .map((filter) => {
+            const { title, key } = filter;
+            const selection = selections[key] || [];
+            return { key, title, selection: [...selection] };
+        })
+            .filter((x) => !!x.title && !!x.selection);
+        return of(gg);
+    })));
+    return gg;
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,iBAAiB;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACzB,aAAa,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CACvD,oBAAoB,EAAE,EACtB,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,EAAE;QAClC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;aAC9B,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACd,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;YAC9B,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YACxC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;QACnD,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC7C,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,CAAC,CACH,CACF,CAAC;IACF,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

package/dist/hooks/useClearFilter.d.ts

@@ -0,0 +1,9 @@
+import { Observable } from 'rxjs';
+import { Filter } from '../types';
+export declare const selectionChanges: <TSelection = any>(filter$: Observable<Record<string, Filter>>, selection$: Observable<Record<string, TSelection>>) => Observable<Record<string, TSelection>>;
+export declare const useClearFilter: () => {
+    clear: () => void;
+    changed$: Observable<Record<string, any>>;
+};
+export default useClearFilter;
+//# sourceMappingURL=useClearFilter.d.ts.map

package/dist/hooks/useClearFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClearFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useClearFilter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAyC,UAAU,EAAE,MAAM,MAAM,CAAC;AASzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,gBAAgB,8BAClB,WAAW,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,+FAa5C,CAAC;AAEF,eAAO,MAAM,cAAc;;;CAkC1B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/hooks/useClearFilter.js

@@ -0,0 +1,30 @@
+import { useCallback, useMemo } from 'react';
+import { withLatestFrom, filter, combineLatest } from 'rxjs';
+import { map, distinctUntilChanged } from 'rxjs/operators';
+import { isActionOf } from 'typesafe-actions';
+import { useObservableEffect } from '@equinor/fusion-react-observable';
+import { useFilterContext } from '../context';
+import { actions } from '../actions';
+export const selectionChanges = (filter$, selection$) => {
+    return combineLatest([selection$, filter$]).pipe(map(([selections, filters]) => {
+        return Object.values(filters).reduce((acc, filter) => {
+            const selection = selections[filter.key];
+            const changed = filter.hasChanged && filter.hasChanged(selection, filter.initial);
+            return changed ? Object.assign(acc, { [filter.key]: selection }) : acc;
+        }, {});
+    }), distinctUntilChanged());
+};
+export const useClearFilter = () => {
+    const { selection$, filter$ } = useFilterContext();
+    const clear = useCallback(() => {
+        selection$.next(actions.selection.clear());
+    }, [selection$]);
+    const initial$ = useMemo(() => filter$.pipe(map((x) => Object.values(x).reduce((acc, filter) => {
+        return Object.assign(acc, { [filter.key]: filter.initial });
+    }, {}))), [filter$]);
+    const changed$ = useMemo(() => selectionChanges(filter$, selection$), [filter$, selection$]);
+    useObservableEffect(selection$, useCallback((action$) => action$.pipe(filter(isActionOf(actions.selection.clear)), withLatestFrom(initial$), map(([_, initial]) => actions.selection.set(initial))), [initial$]));
+    return { clear, changed$ };
+};
+export default useClearFilter;
+//# sourceMappingURL=useClearFilter.js.map

package/dist/hooks/useClearFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClearFilter.js","sourceRoot":"","sources":["../../src/hooks/useClearFilter.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useFilter.d.ts

@@ -0,0 +1,7 @@
+import { Filter } from '../types';
+/**
+ * Hook for attaching a filter to the current context
+ * Must be used within {@link FilterProvider}
+ */
+export declare const useFilter: <TData, TSelection>(filter: Filter<TData, TSelection>) => (value: TSelection) => void;
+//# sourceMappingURL=useFilter.d.ts.map

package/dist/hooks/useFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilter.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;GAGG;AACH,eAAO,MAAM,SAAS,mFAAmF,IAsBxG,CAAC"}

package/dist/hooks/useFilter.js

@@ -0,0 +1,26 @@
+import { useCallback, useLayoutEffect } from 'react';
+import { actions } from '../actions';
+import { useFilterContext } from '../context';
+/**
+ * Hook for attaching a filter to the current context
+ * Must be used within {@link FilterProvider}
+ */
+export const useFilter = (filter) => {
+    const context = useFilterContext();
+    const { key } = filter;
+    useLayoutEffect(() => {
+        /** add filter to store */
+        context.filter$.next(actions.filter.add(filter));
+        /** add initial selection to filter selection */
+        if (!Object.keys(context.selection$.value).includes(key)) {
+            context.selection$.next(actions.selection.initial({ [key]: filter.initial }));
+        }
+        /** remove filter when consumer unmounts */
+        return () => context.filter$.next(actions.filter.remove(filter.key));
+    }, [context, filter, key]);
+    /** return a function which the consumer can set the selection for the provided filter  */
+    return useCallback((selection) => {
+        context.selection$.next(actions.selection.set({ [key]: selection }));
+    }, [context, key]);
+};
+//# sourceMappingURL=useFilter.js.map

package/dist/hooks/useFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.js","sourceRoot":"","sources":["../../src/hooks/useFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAG9C;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAoB,MAAiC,EAAiC,EAAE;IAC/G,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACvB,eAAe,CAAC,GAAG,EAAE;QACnB,0BAA0B;QAC1B,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QAEjD,gDAAgD;QAChD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACxD,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SAC/E;QACD,2CAA2C;QAC3C,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAE3B,0FAA0F;IAC1F,OAAO,WAAW,CAChB,CAAC,SAAqB,EAAE,EAAE;QACxB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC,EACD,CAAC,OAAO,EAAE,GAAG,CAAC,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/useFilterData.d.ts

@@ -0,0 +1,11 @@
+import { Observable } from 'rxjs';
+import { Filter } from '../types';
+declare type useFilterDataArgs = {
+    /** array of filter keys of filters that will not be included in the data filtration */
+    exclude?: string[];
+};
+export declare const filterSelection: (filter$: Observable<Record<string, Filter>>, exclude?: string[] | undefined) => Observable<Record<string, Filter>>;
+export declare const filterData: <TInn extends Record<string, any>, TOut extends Record<string, any> = TInn>(source$: Observable<TInn[]>, filter$: Observable<Record<string, Filter<TInn, any>>>, selection$: Observable<Record<string, any>>) => Observable<TOut[]>;
+export declare const useFilterData: <TData extends Record<string, any>>(args?: useFilterDataArgs | undefined) => Observable<TData[]>;
+export default useFilterData;
+//# sourceMappingURL=useFilterData.d.ts.map

package/dist/hooks/useFilterData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterData.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,UAAU,EAAE,MAAM,MAAM,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,aAAK,iBAAiB,GAAG;IACvB,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,YACjB,WAAW,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,qCAE1C,WAAW,OAAO,MAAM,EAAE,MAAM,CAAC,CAgBnC,CAAC;AAEF,eAAO,MAAM,UAAU,+KAGT,WAAW,OAAO,MAAM,EAAE,GAAG,CAAC,CAAC,uBAc5C,CAAC;AAEF,eAAO,MAAM,aAAa,kGASzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/hooks/useFilterData.js

@@ -0,0 +1,39 @@
+import { useMemo } from 'react';
+import { combineLatest, from } from 'rxjs';
+import { distinctUntilChanged, map, switchMap, reduce } from 'rxjs/operators';
+import { useFilterContext } from '.';
+export const filterSelection = (filter$, exclude) => {
+    return filter$.pipe(
+    /** create a selection of filters base on provided args  */
+    map((x) => Object.entries(x)
+        .filter(([key]) => !exclude || !exclude.includes(key))
+        .reduce((acc, [key, filter]) => Object.assign(acc, { [key]: filter }), {})), 
+    /** only update filters when filter function changes */
+    distinctUntilChanged((a, b) => {
+        const filterA = Object.values(a);
+        const filterB = Object.values(b);
+        if (filterA.length !== filterB.length)
+            return false;
+        return !filterA.find((x) => filterB.find((y) => x.filterFn !== y.filterFn));
+    }));
+};
+export const filterData = (source$, filter$, selection$) => {
+    return combineLatest([selection$, source$, filter$]).pipe(switchMap(([selections, source, filters]) => {
+        /** loop threw all provided filters */
+        return from(Object.values(filters)).pipe(reduce((acc, filter) => {
+            /** extract selection for current filter */
+            const selection = selections[filter.key];
+            return selection ? filter.filterFn(acc, selection) : acc;
+        }, source));
+    }));
+};
+export const useFilterData = (args) => {
+    const { exclude } = args || {};
+    const { source$, filter$, selection$ } = useFilterContext();
+    /** create selection of filters to apply */
+    const selectedFilter$ = useMemo(() => filterSelection(filter$, exclude), [filter$, exclude]);
+    /** create observable filtered data */
+    return useMemo(() => filterData(source$, selectedFilter$, selection$), [source$, selectedFilter$, selection$]);
+};
+export default useFilterData;
+//# sourceMappingURL=useFilterData.js.map

package/dist/hooks/useFilterData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterData.js","sourceRoot":"","sources":["../../src/hooks/useFilterData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAc,MAAM,MAAM,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AASrC,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAA2C,EAC3C,OAAkB,EACkB,EAAE;IACtC,OAAO,OAAO,CAAC,IAAI;IACjB,2DAA2D;IAC3D,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACR,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;SACd,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7E;IACD,uDAAuD;IACvD,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC5B,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QACpD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAA2B,EAC3B,OAAiD,EACjD,UAA2C,EACvB,EAAE;IACtB,OAAO,aAAa,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CACvD,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE;QAC1C,sCAAsC;QACtC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CACtC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACrB,2CAA2C;YAC3C,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACzC,OAAO,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC3D,CAAC,EAAE,MAAM,CAAC,CACsB,CAAC;IACrC,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAoC,IAAwB,EAAuB,EAAE;IAChH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE5D,2CAA2C;IAC3C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7F,sCAAsC;IACtC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;AACjH,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/hooks/useFilterSelection.d.ts

@@ -1,13 +1,9 @@
+import { Observable } from '@equinor/fusion-react-observable';
 /**
- * Gives you the current selection for a given filter key.
- * Updates when the selection changes in the filterstore.
- *
- * @param key Filter key
- * @returns filter selection
- *
- * @example
- * const currentOptionsSelection = useFilterSelection<string[]>('name');
+ * Use the filter selection from filter provider context
+ * @param filterKey {string} the key that the filter was registered on
+ * @returns {Observable<TSelection>}
  */
-declare const useFilterSelection: <TSelection>(key: string) => TSelection | null;
+export declare const useFilterSelection: <TSelection>(filterKey: string) => Observable<Set<TSelection>>;
 export default useFilterSelection;
 //# sourceMappingURL=useFilterSelection.d.ts.map

package/dist/hooks/useFilterSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterSelection.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AACH,QAAA,MAAM,kBAAkB,oBAAsB,MAAM,sBAYnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useFilterSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAI3E;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,0BAA2B,MAAM,gCAC0B,CAAC;AAE3F,eAAe,kBAAkB,CAAC"}

package/dist/hooks/useFilterSelection.js

@@ -1,25 +1,10 @@
-import { useState, useEffect } from 'react';
-import useFilterContext from './useFilterContext';
+import { useSelector } from '@equinor/fusion-react-observable';
+import { useFilterContext } from '../context';
 /**
- * Gives you the current selection for a given filter key.
- * Updates when the selection changes in the filterstore.
- *
- * @param key Filter key
- * @returns filter selection
- *
- * @example
- * const currentOptionsSelection = useFilterSelection<string[]>('name');
+ * Use the filter selection from filter provider context
+ * @param filterKey {string} the key that the filter was registered on
+ * @returns {Observable<TSelection>}
  */
-const useFilterSelection = (key) => {
-    const { store } = useFilterContext();
-    const [filterSelection, setFilterSelection] = useState(null);
-    useEffect(() => {
-        const subscription = store.selection$.subscribe((selection) => {
-            setFilterSelection(selection[key] || null);
-        });
-        return () => subscription.unsubscribe();
-    }, [store, key]);
-    return filterSelection;
-};
+export const useFilterSelection = (filterKey) => useSelector(useFilterContext().selection$, filterKey);
 export default useFilterSelection;
 //# sourceMappingURL=useFilterSelection.js.map

package/dist/hooks/useFilterSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterSelection.js","sourceRoot":"","sources":["../../src/hooks/useFilterSelection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;;;;;;;GASG;AACH,MAAM,kBAAkB,GAAG,CAAc,GAAW,EAAqB,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAoB,IAAI,CAAC,CAAC;IAEhF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5D,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEjB,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useFilterSelection.js","sourceRoot":"","sources":["../../src/hooks/useFilterSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAa,SAAiB,EAA+B,EAAE,CAC/F,WAAW,CAAC,gBAAgB,EAAE,CAAC,UAA6C,EAAE,SAAS,CAAC,CAAC;AAE3F,eAAe,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -1,15 +1,5 @@
-export { FilterProvider } from './FilterProvider';
-export { default as useFilterStore } from './hooks/useFilterStore';
-export { default as useFilterChangeHandler } from './hooks/useFilterChangeHandler';
-export { default as useFilterOptionsBuilder } from './hooks/useFilterOptionsBuilder';
-export { default as useFilterOptionsCounter } from './hooks/useFilterOptionsCounter';
-export { default as useFilterSelection } from './hooks/useFilterSelection';
-export { default as useFilterContext } from './hooks/useFilterContext';
-export { HorizontalFilterPanel as FilterPanel } from './components/HorizontalFilterPanel/HorizontalFilterPanel';
-export { FilterSection } from './components/FilterSection';
-export { CheckBoxFilter } from './components/CheckBoxFilter';
-export { RadioFilter } from './components/RadioFilter/RadioFilter';
-export { FilterSelectionChips } from './components/FilterSelectionChips/FilterSelectionChips';
-export { GeneralBar } from './components/GeneralBar';
-export { HorizontalBar } from './components/HorizontalBar/HorizontalBar';
+export { FilterProvider, FilterProviderProps } from './FilterProvider';
+export { actions as filterActions, Actions as FilterActions } from './actions';
+export * from './hooks';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/E,cAAc,SAAS,CAAC;AAExB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,17 +1,5 @@
 export { FilterProvider } from './FilterProvider';
-//Hooks
-export { default as useFilterStore } from './hooks/useFilterStore';
-export { default as useFilterChangeHandler } from './hooks/useFilterChangeHandler';
-export { default as useFilterOptionsBuilder } from './hooks/useFilterOptionsBuilder';
-export { default as useFilterOptionsCounter } from './hooks/useFilterOptionsCounter';
-export { default as useFilterSelection } from './hooks/useFilterSelection';
-export { default as useFilterContext } from './hooks/useFilterContext';
-// UI Components
-export { HorizontalFilterPanel as FilterPanel } from './components/HorizontalFilterPanel/HorizontalFilterPanel';
-export { FilterSection } from './components/FilterSection';
-export { CheckBoxFilter } from './components/CheckBoxFilter';
-export { RadioFilter } from './components/RadioFilter/RadioFilter';
-export { FilterSelectionChips } from './components/FilterSelectionChips/FilterSelectionChips';
-export { GeneralBar } from './components/GeneralBar';
-export { HorizontalBar } from './components/HorizontalBar/HorizontalBar';
+export { actions as filterActions } from './actions';
+export * from './hooks';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO;AACP,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,gBAAgB;AAChB,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,MAAM,0DAA0D,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAA4B,MAAM,WAAW,CAAC;AAE/E,cAAc,SAAS,CAAC;AAExB,cAAc,SAAS,CAAC"}

package/dist/options/FilterOptionProvider.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Filter } from '..';
+import { FilterOption, FilterOptionBuilder, FilterOptionSelector } from './types';
+export declare type FilterComponentProviderProps<TData, TOption extends FilterOption, TValue> = {
+    filter: Filter<TData, Set<TValue>>;
+    optionBuilder?: FilterOptionBuilder<TData, TOption, TValue>;
+    selector?: Extract<keyof TData, string> | string | FilterOptionSelector<TData>;
+    initial?: Set<TValue>;
+};
+export declare const FilterOptionProvider: <TData extends Record<string, any>, TOption extends FilterOption, TValue>(props: import("react").PropsWithChildren<FilterComponentProviderProps<TData, TOption, TValue>>) => JSX.Element;
+export default FilterOptionProvider;
+//# sourceMappingURL=FilterOptionProvider.d.ts.map

package/dist/options/FilterOptionProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterOptionProvider.d.ts","sourceRoot":"","sources":["../../src/options/FilterOptionProvider.tsx"],"names":[],"mappings":";AAOA,OAAO,EAA+B,MAAM,EAAE,MAAM,IAAI,CAAC;AAKzD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOlF,oBAAY,4BAA4B,CAAC,KAAK,EAAE,OAAO,SAAS,YAAY,EAAE,MAAM,IAAI;IACtF,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACnC,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,oBAAoB,+KAE9B,WAiDF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/options/FilterOptionProvider.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from 'react';
+import { combineLatest, of } from 'rxjs';
+import { switchMap, map } from 'rxjs/operators';
+import { useObservable } from '@equinor/fusion-react-observable';
+import { useFilter, useFilterContext } from '..';
+import { Provider } from './context';
+import { actions } from './actions';
+import { createOptionReducer } from './reducer';
+import { createOptionBuilder, propertySelector } from './create-options';
+import { useFilterData, useFilterSelection } from '../hooks';
+const optionReducer = createOptionReducer({});
+export const FilterOptionProvider = (props) => {
+    /** append change method if not provided */
+    const filter = useMemo(() => {
+        props.filter.hasChanged ??= (a, b) => a !== b;
+        return props.filter;
+    }, [props.filter]);
+    const setSelection = useFilter(filter);
+    const selection$ = useFilterSelection(filter.key);
+    const context = useFilterContext();
+    const options$ = useObservable(optionReducer, {});
+    /** memorize method for creating filter options */
+    const optionBuilder = useMemo(() => {
+        /** return provided builder if any */
+        if (props.optionBuilder)
+            return props.optionBuilder;
+        if (props.selector) {
+            /** create a default option builder */
+            return createOptionBuilder(
+            /** if selector is not a key of object return the selector for creating option */
+            typeof props.selector === 'string'
+                ? propertySelector(props.selector)
+                : props.selector);
+        }
+        throw Error('either provide a builder for option or a selector for option creation');
+    }, [props.optionBuilder, props.selector]);
+    const data$ = useFilterData(useMemo(() => ({ exclude: [filter.key] }), [filter.key]));
+    useEffect(() => {
+        const subscription = combineLatest([context.source$, data$, selection$])
+            .pipe(switchMap(([source, data, selection]) => {
+            return of(optionBuilder(source, selection, data));
+        }), map((x) => actions.set(x)))
+            .subscribe(options$);
+        return () => subscription.unsubscribe();
+    }, [context, selection$, options$, data$, optionBuilder]);
+    const value = {
+        options$,
+        selection$,
+        setSelection,
+    };
+    return _jsx(Provider, Object.assign({ value: value }, { children: props.children }), void 0);
+};
+export default FilterOptionProvider;
+//# sourceMappingURL=FilterOptionProvider.js.map

package/dist/options/FilterOptionProvider.js.map

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

package/dist/options/actions.d.ts

@@ -0,0 +1,8 @@
+import { ActionType } from 'typesafe-actions';
+import { FilterOption } from './types';
+export declare const actions: {
+    set: import("typesafe-actions").PayloadActionCreator<"@FILTER_OPTIONS/SELECTION_SET", Record<string, FilterOption>>;
+};
+export declare type Actions = ActionType<typeof actions>;
+export default actions;
+//# sourceMappingURL=actions.d.ts.map

package/dist/options/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/options/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,oBAAY,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}

package/dist/options/actions.js

@@ -0,0 +1,6 @@
+import { createAction } from 'typesafe-actions';
+export const actions = {
+    set: createAction('@FILTER_OPTIONS/SELECTION_SET')(),
+};
+export default actions;
+//# sourceMappingURL=actions.js.map

package/dist/options/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../src/options/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAG5D,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,EAAE,YAAY,CAAC,+BAA+B,CAAC,EAAgC;CACnF,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/dist/options/context.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FilterOption, FilterOptionContext } from './types';
+export declare const Provider: import("react").Provider<any>, Consumer: import("react").Consumer<any>;
+export declare const useFilterOptionContext: <TOption extends FilterOption = FilterOption, TValue = string>() => FilterOptionContext<TOption, TValue>;
+export default useFilterOptionContext;
+//# sourceMappingURL=context.d.ts.map

package/dist/options/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/options/context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI5D,eAAO,MAAQ,QAAQ,iCAAE,QAAQ,+BAAY,CAAC;AAE9C,eAAO,MAAM,sBAAsB,0GAGqE,CAAC;AAEzG,eAAe,sBAAsB,CAAC"}

package/dist/options/context.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+// @ts-ignore
+const context = createContext({});
+export const { Provider, Consumer } = context;
+export const useFilterOptionContext = () => useContext(context);
+export default useFilterOptionContext;
+//# sourceMappingURL=context.js.map

package/dist/options/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/options/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIlD,aAAa;AACb,MAAM,OAAO,GAAG,aAAa,CAAsB,EAAE,CAAC,CAAC;AACvD,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAGI,EAAE,CAAC,UAAU,CAAC,OAAO,CAAyC,CAAC;AAEzG,eAAe,sBAAsB,CAAC"}

package/dist/options/create-options.d.ts

@@ -0,0 +1,4 @@
+import { FilterOption, FilterOptionBuilder, FilterOptionSelector } from './types';
+export declare const propertySelector: <TData extends Record<string, any>>(key: Extract<keyof TData, string>) => FilterOptionSelector<TData>;
+export declare const createOptionBuilder: <TData extends Record<string, unknown>, TOption extends FilterOption, TOptions extends Record<string, TOption> = Record<string, TOption>, TValue = string | keyof TOptions>(selector: FilterOptionSelector<TData>, isSelected?: (key: string | keyof TOptions, selection: Set<TValue>, data?: TData | undefined) => boolean) => FilterOptionBuilder<TData, TOption, TValue>;
+//# sourceMappingURL=create-options.d.ts.map

package/dist/options/create-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-options.d.ts","sourceRoot":"","sources":["../../src/options/create-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAElF,eAAO,MAAM,gBAAgB,uGAI5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,sTAQwD,OAAO,gDAyB5F,CAAC"}

package/dist/options/create-options.js

@@ -0,0 +1,24 @@
+export const propertySelector = (key) => {
+    return (data) => ({ key: data[key], value: data[key] });
+};
+export const createOptionBuilder = (selector, isSelected = (key, selection) => selection.has(key)) => (source, selection, data) => {
+    const hasEntry = (value) => data && !!data.find((x) => selector(x).value === value);
+    const srcCount = (value) => source.filter((x) => selector(x).value === value).length;
+    const dataCount = (value) => (data || []).filter((x) => selector(x).value === value).length;
+    const options = source.reduce((acc, item) => {
+        const { key, value, label } = selector(item);
+        if (acc[key]) {
+            return acc;
+        }
+        const option = {
+            label: label || value,
+            excluded: !hasEntry(value),
+            selected: selection && isSelected(key, selection, item),
+            count: dataCount(value),
+            totalCount: srcCount(value),
+        };
+        return { ...acc, [key]: option };
+    }, {});
+    return options;
+};
+//# sourceMappingURL=create-options.js.map

package/dist/options/create-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-options.js","sourceRoot":"","sources":["../../src/options/create-options.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,GAAiC,EACJ,EAAE;IAC/B,OAAO,CAAC,IAAW,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAC9B,CAME,QAAqC,EACrC,aAA8F,CAC5F,GAAmB,EACnB,SAAsB,EACtB,EAAE,CAAE,SAA4C,CAAC,GAAG,CAAC,GAAG,CAAC,EACd,EAAE,CACjD,CAAC,MAAe,EAAE,SAAuB,EAAE,IAAc,EAAY,EAAE;IACrE,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAC7F,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC;IAC9F,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC;IACrG,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QAC1C,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,GAAG,CAAC,GAAuB,CAAC,EAAE;YAChC,OAAO,GAAG,CAAC;SACZ;QACD,MAAM,MAAM,GAAG;YACb,KAAK,EAAE,KAAK,IAAI,KAAK;YACrB,QAAQ,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1B,QAAQ,EAAE,SAAS,IAAI,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC;YACvD,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;YACvB,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC;SAC5B,CAAC;QACF,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,CAAC,EAAE,EAAc,CAAC,CAAC;IAEnB,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/options/index.d.ts

@@ -0,0 +1,6 @@
+export { FilterOptionProvider, FilterComponentProviderProps, default } from './FilterOptionProvider';
+export { useFilterOptionSearch } from './search';
+export * from './types';
+export { Consumer as FilterOptionConsumer, useFilterOptionContext } from './context';
+export { propertySelector } from './create-options';
+//# sourceMappingURL=index.d.ts.map

package/dist/options/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/options/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACrG,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAErF,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/options/index.js

@@ -0,0 +1,6 @@
+export { FilterOptionProvider, default } from './FilterOptionProvider';
+export { useFilterOptionSearch } from './search';
+export * from './types';
+export { Consumer as FilterOptionConsumer, useFilterOptionContext } from './context';
+export { propertySelector } from './create-options';
+//# sourceMappingURL=index.js.map

package/dist/options/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/options/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAgC,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACrG,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAErF,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}