@equinor/fusion-react-filter 2.1.0-filter.8 → 2.1.1

package/dist/components/panel/FilterPanel.js

@@ -1,44 +1,43 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Children } from 'react';
-import { FilterPanelProvider, FilterPanelConsumer } from './FilterPanelProvider';
+import { FilterPanelProvider, FilterPanelConsumer, } from './FilterPanelProvider';
 import { FilterPanelFilters } from './FilterPanelFilters';
 import { FilterPanelBar } from './FilterPanelBar';
 import { SelectionChips } from '../misc';
 import FilterPanelSelector from './FilterPanelSelector';
-import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
-const useStyles = makeStyles((theme) => createStyles({
-    root: {
-        '--filter-panel-spacing': theme.spacing.comfortable.medium.getVariable('padding'),
-        display: 'flex',
-        flexFlow: 'column',
-        gap: 'var(--filter-panel-spacing)',
-        padding: 'var(--filter-panel-spacing)',
-        border: `1px solid ${theme.colors.interactive.disabled__border.getVariable('color')}`,
-        borderRadius: `0.5rem`,
-        '&>*': {
-            padding: '0 var(--filter-panel-spacing)',
-            margin: '0 calc(var(--filter-panel-spacing) * -1)',
-        },
-    },
-    filters: {
-        overflowX: 'auto',
-        overflowY: 'hidden',
-        display: 'flex',
-        paddingBottom: 'calc(var(--filter-panel-spacing))',
-        marginBottom: 'calc(var(--filter-panel-spacing) * -1)',
-        backgroundColor: theme.colors.ui.background__light.getVariable('color'),
-    },
-}), { name: 'fusion-filter-panel' });
+import styled from 'styled-components';
+import { tokens } from '@equinor/eds-tokens';
+const Styled = {
+    Root: styled.div `
+    --filter-panel-spacing: ${tokens.spacings.comfortable.medium};
+    display: flex;
+    flex-flow: column;
+    gap: var(--filter-panel-spacing);
+    padding: var(--filter-panel-spacing);
+    border: 1px solid ${tokens.colors.interactive.disabled__border.rgba};
+    border-radius: 0.5rem;
+    & > * {
+      padding: 0 var(--filter-panel-spacing);
+      margin: 0 calc(var(--filter-panel-spacing) * -1);
+    }
+  `,
+    Filters: styled.div `
+    overflow-x: auto;
+    overflow-y: hidden;
+    display: flex;
+    padding-bottom: calc(var(--filter-panel-spacing));
+    margin-bottom: calc(var(--filter-panel-spacing) * -1);
+    background-color: ${tokens.colors.ui.background__light.rgba};
+  `,
+};
 /**
  * Base component for displaying filter components and controllers
  */
 export const FilterPanel = (props) => {
-    const { showFilters, className, classes, children, showSelection, ...args } = props;
+    const { showFilters, className, classes, children, showSelection, searchFn, ...args } = props;
     const filters = Children.toArray(children).filter((x) => !!x.props.filterKey);
     const initialSelectedFilters = props.selectedFilters || filters.map((x) => x.props.filterKey);
-    const styles = useStyles();
-    console.log(classes);
-    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) => showSelection && !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }, void 0) }, void 0)] }), void 0) }), void 0));
+    return (_jsx(FilterPanelProvider, { filters, initialSelectedFilters, showFilters, children: _jsxs(Styled.Root, { ...args, className: [classes?.root, className].filter(Boolean).join(' ') || undefined, children: [props.showBar && _jsx(FilterPanelBar, { searchFn: searchFn }), _jsx(Styled.Filters, { children: _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: classes?.filters }) }), _jsx(FilterPanelConsumer, { children: (context) => showSelection &&
+                        !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }) })] }) }));
 };
 export default FilterPanel;
-//# sourceMappingURL=FilterPanel.js.map

package/dist/components/panel/FilterPanelBar.d.ts

@@ -1,4 +1,8 @@
-declare type FilterPanelBarProps = JSX.IntrinsicElements['div'];
-export declare const FilterPanelBar: (props: FilterPanelBarProps) => JSX.Element;
+import type { HTMLAttributes, ReactElement } from 'react';
+import type { FilterFn } from '../../types';
+type FilterPanelBarProps<TData> = HTMLAttributes<HTMLDivElement> & {
+    readonly searchFn?: FilterFn<TData, string>;
+};
+export declare const FilterPanelBar: <TData>(props: FilterPanelBarProps<TData>) => ReactElement;
 export default FilterPanelBar;
 //# sourceMappingURL=FilterPanelBar.d.ts.map

package/dist/components/panel/FilterPanelBar.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,KAAK,mBAAmB,CAAC,KAAK,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,EAAG,OAAO,mBAAmB,CAAC,KAAK,CAAC,KAAG,YA0B1E,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/panel/FilterPanelBar.js

@@ -1,36 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from '@equinor/fusion-react-button';
-import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
+import { Button, Icon } from '@equinor/eds-core-react';
+import { chevron_up, chevron_down, refresh } from '@equinor/eds-icons';
+import styled from 'styled-components';
+import { tokens } from '@equinor/eds-tokens';
 import { SearchFilter } from '../filter';
 import { ClearFilterButton } from '../misc';
 import { useFilterPanelContext } from './FilterPanelProvider';
-const useStyles = makeStyles((theme) => createStyles({
-    root: {
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        gap: theme.spacing.comfortable.medium.getVariable('padding'),
-    },
-    searchInput: {
-        '--textinput-dense-size': '36px',
-    },
-    actions: {
-        marginLeft: 'auto',
-        display: 'flex',
-        alignItems: 'center',
-        gap: theme.spacing.comfortable.medium.getVariable('padding'),
-    },
-    resetBtn: {
-        '&[disabled]': {
-            display: 'none',
-        },
-    },
-}), { name: 'fusion-filter-panel-bar' });
+Icon.add({ chevron_down, chevron_up, refresh });
+const Styled = {
+    Root: styled.div `
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: ${tokens.spacings.comfortable.medium};
+  `,
+    Actions: styled.div `
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    gap: ${tokens.spacings.comfortable.medium};
+  `,
+    ResetBtn: styled(ClearFilterButton) `
+    &[disabled] {
+      display: none;
+    }
+  `,
+    SearchWrapper: styled.div `
+    --textinput-dense-size: 36px;
+  `,
+};
 export const FilterPanelBar = (props) => {
-    const { className, ...args } = props;
+    const { className, searchFn, ...args } = props;
     const { showFilters, setShowFilters } = useFilterPanelContext();
-    const styles = useStyles();
-    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));
+    return (_jsxs(Styled.Root, { ...args, className: className, children: [_jsx(Styled.SearchWrapper, { children: _jsx(SearchFilter, { filterKey: "global", label: "Search all", filterFn: searchFn }) }), _jsxs(Styled.Actions, { children: [_jsxs(Styled.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' })] })] })] }));
 };
 export default FilterPanelBar;
-//# sourceMappingURL=FilterPanelBar.js.map

package/dist/components/panel/FilterPanelFilters.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare type FilterPanelFiltersProps = JSX.IntrinsicElements['div'] & {
-    FilterSelector?: () => JSX.Element;
+import { type HTMLAttributes, type ReactElement, type FC } from 'react';
+type FilterPanelFiltersProps = HTMLAttributes<HTMLDivElement> & {
+    readonly FilterSelector?: FC;
 };
-export declare const FilterPanelFilters: (props: FilterPanelFiltersProps) => JSX.Element;
+export declare const FilterPanelFilters: (props: FilterPanelFiltersProps) => ReactElement;
 export default FilterPanelFilters;
 //# sourceMappingURL=FilterPanelFilters.d.ts.map

package/dist/components/panel/FilterPanelFilters.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AASjF,KAAK,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,QAAQ,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,KAAG,YAuBnE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/panel/FilterPanelFilters.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { useObservableState } from '@equinor/fusion-react-observable';
+import { useObservableState } from '@equinor/fusion-observable/react';
 import { useFilterPanelContext } from './FilterPanelProvider';
+import { EdsProvider } from '@equinor/eds-core-react';
 import { map } from 'rxjs/operators';
 import { FilterContainer } from '../misc';
 export const FilterPanelFilters = (props) => {
     const { FilterSelector, ...args } = props;
     const { filters$, showFilters } = useFilterPanelContext();
-    const filters = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
-    return (_jsxs("div", Object.assign({}, args, { style: { display: showFilters ? '' : 'none' } }, { children: [FilterSelector && _jsx(FilterSelector, {}, void 0), _jsx(FilterContainer, { children: filters }, void 0)] }), void 0));
+    const { value: filters } = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
+    return (_jsx(EdsProvider, { density: "compact", children: _jsxs("div", { ...args, style: { display: showFilters ? '' : 'none' }, children: [FilterSelector && _jsx(FilterSelector, {}), _jsx(FilterContainer, { children: filters })] }) }));
 };
 export default FilterPanelFilters;
-//# sourceMappingURL=FilterPanelFilters.js.map

package/dist/components/panel/FilterPanelProvider.d.ts

@@ -1,32 +1,32 @@
-import { ReactiveSubject } from '@equinor/fusion-react-observable';
-import { ReactElement } from 'react';
-import { FilterComponent } from '../filter';
-import FilterPanelSelector from './FilterPanelSelector';
-import { ActionType } from 'typesafe-actions';
-export declare type FilterPanelProviderContext = {
-    filters$: ReactiveSubject<State, Actions>;
+import { type ReactElement, type PropsWithChildren } from 'react';
+import type { FlowSubject } from '@equinor/fusion-observable';
+import type { FilterComponent } from '../filter';
+import type FilterPanelSelector from './FilterPanelSelector';
+import { type ActionType } from 'typesafe-actions';
+export type FilterPanelProviderContext = {
+    filters$: FlowSubject<State, Actions>;
     showFilters?: boolean;
     setShowFilters: (show: boolean) => void;
 };
-declare const Consumer: import("react").Consumer<FilterPanelProviderContext | null>;
+declare const Consumer: any;
 export { Consumer as FilterPanelConsumer };
 export declare const useFilterPanelContext: () => FilterPanelProviderContext;
 export declare const actions: {
     add: import("typesafe-actions").PayloadActionCreator<"@FILTER_PANEL/FILTER_SELECTION_ADD", string>;
     remove: import("typesafe-actions").PayloadActionCreator<"@FILTER_PANEL/FILTER_SELECTION_REMOVE", string>;
 };
-declare type Actions = ActionType<typeof actions>;
-declare type State = {
+type Actions = ActionType<typeof actions>;
+type State = {
     selectedFilters: Set<string>;
     filters: ReactElement<FilterComponent>[];
 };
 export declare const initialState: State;
-declare type FilterPanelProviderProps = React.PropsWithChildren<{
+type FilterPanelProviderProps = PropsWithChildren<{
     filters: ReactElement<FilterComponent>[];
     FilterSelector?: typeof FilterPanelSelector;
     initialSelectedFilters?: string[];
     showFilters?: boolean;
 }>;
-export declare const FilterPanelProvider: (props: FilterPanelProviderProps) => JSX.Element;
+export declare const FilterPanelProvider: (props: FilterPanelProviderProps) => ReactElement;
 export default FilterPanelProvider;
 //# sourceMappingURL=FilterPanelProvider.d.ts.map

package/dist/components/panel/FilterPanelProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAuC,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3E,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAGF,QAAA,MAAkB,QAAQ,6DAAY,CAAC;AAEvC,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,eAAO,MAAM,qBAAqB,QAAO,0BACU,CAAC;AAEpD,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,aAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,aAAK,KAAK,GAAG;IACX,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAYF,aAAK,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtD,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,mBAAmB,CAAC;IAC5C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,KAAG,WASrE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FilterPanelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAA+B,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAIF,QAAA,MAAkB,QAAQ,KAAgD,CAAC;AAE3E,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,eAAO,MAAM,qBAAqB,QAAO,0BACU,CAAC;AAEpD,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAYF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC;IAChD,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,mBAAmB,CAAC;IAC5C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,KAAG,YASrE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/panel/FilterPanelProvider.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useObservable } from '@equinor/fusion-react-observable';
-import { createContext, useContext, useState } from 'react';
+import { createContext, useContext, useState, } from 'react';
+import { useObservable } from '@equinor/fusion-observable/react';
 import { createAction, createReducer } from 'typesafe-actions';
 const context = createContext(null);
+// biome-ignore lint/suspicious/noExplicitAny: React context Provider/Consumer types require any for generic usage
 const { Provider, Consumer } = context;
 export { Consumer as FilterPanelConsumer };
 export const useFilterPanelContext = () => useContext(context);
@@ -29,7 +30,6 @@ export const FilterPanelProvider = (props) => {
         filters: props.filters,
     });
     const [showFilters, setShowFilters] = useState(props.showFilters);
-    return _jsx(Provider, Object.assign({ value: { filters$, showFilters, setShowFilters } }, { children: props.children }), void 0);
+    return _jsx(Provider, { value: { filters$, showFilters, setShowFilters }, children: props.children });
 };
 export default FilterPanelProvider;
-//# sourceMappingURL=FilterPanelProvider.js.map

package/dist/components/panel/FilterPanelSelector.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type FilterPanelSelectorProps = {
+import { type ReactElement } from 'react';
+export type FilterPanelSelectorProps = {
     title?: string;
 };
-export declare const FilterPanelSelector: () => JSX.Element;
+export declare const FilterPanelSelector: () => ReactElement;
 export default FilterPanelSelector;
 //# sourceMappingURL=FilterPanelSelector.d.ts.map

package/dist/components/panel/FilterPanelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":";AAOA,oBAAY,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBA2B/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FilterPanelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAOvE,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,YA2BtC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/panel/FilterPanelSelector.js

@@ -1,17 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { Checkbox } from '@equinor/fusion-react-checkbox';
+import { Checkbox } from '@equinor/eds-core-react';
 import { initialState, useFilterPanelContext, actions } from './FilterPanelProvider';
-import { useObservableState } from '@equinor/fusion-react-observable';
+import { useObservableState } from '@equinor/fusion-observable/react';
 export const FilterPanelSelector = () => {
     const { filters$ } = useFilterPanelContext();
-    const { filters, selectedFilters } = useObservableState(filters$) || initialState;
+    const { filters, selectedFilters } = useObservableState(filters$).value || initialState;
     const onInput = useCallback((e) => {
         const key = e.currentTarget.value;
         const selected = e.currentTarget.checked;
         filters$.next(selected ? actions.remove(key) : actions.add(key));
     }, [filters$]);
-    return (_jsx("div", { children: filters.map(({ props: { filterKey, title } }) => (_jsx(Checkbox, { value: filterKey, label: title, checked: selectedFilters.has(filterKey), onInput: onInput }, filterKey))) }, void 0));
+    return (_jsx("div", { children: filters.map(({ props: { filterKey, title } }) => (_jsx(Checkbox, { value: filterKey, label: title, checked: selectedFilters.has(filterKey), onInput: onInput }, filterKey))) }));
 };
 export default FilterPanelSelector;
-//# sourceMappingURL=FilterPanelSelector.js.map

package/dist/components/panel/index.js

@@ -2,4 +2,3 @@ export { FilterPanelBar } from './FilterPanelBar';
 export { FilterPanelProvider } from './FilterPanelProvider';
 export { FilterPanelFilters } from './FilterPanelFilters';
 export { FilterPanel } from './FilterPanel';
-//# sourceMappingURL=index.js.map

package/dist/context.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { FilterContext } from './types';
 export declare const useFilterContext: <TSelection = any, TData extends Record<string, any> = Record<string, any>>() => FilterContext<TSelection, TData>;
-export declare const Provider: import("react").Provider<FilterContext<unknown, Record<string, any>>>, Consumer: import("react").Consumer<FilterContext<unknown, Record<string, any>>>;
+export declare const Provider: any, Consumer: any;
 export default useFilterContext;
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +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"}
+{"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,GAE3B,UAAU,GAAG,GAAG,EAEhB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OACpD,aAAa,CAAC,UAAU,EAAE,KAAK,CAA4D,CAAC;AAGjG,eAAO,MAAQ,QAAQ,OAAE,QAAQ,KAAgD,CAAC;AAElF,eAAe,gBAAgB,CAAC"}

package/dist/context.js

@@ -1,6 +1,6 @@
 import { createContext, useContext } from 'react';
 const context = createContext({});
 export const useFilterContext = () => useContext(context);
+// biome-ignore lint/suspicious/noExplicitAny: React context Provider/Consumer types require any for generic usage
 export const { Provider, Consumer } = context;
 export default useFilterContext;
-//# sourceMappingURL=context.js.map

package/dist/hooks/index.js

@@ -4,4 +4,3 @@ export { useFilterSelection } from './useFilterSelection';
 export { useFilterData } from './useFilterData';
 /** re-exports */
 export { useFilterContext } from '../context';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useClearFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useClearFilter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAUvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,gBAAgB,8BAClB,WAAW,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,+FAa5C,CAAC;AAEF,eAAO,MAAM,cAAc;WAAgB,YAAY;cAAY,WAAW,OAAO,MAAM,EAAE,GAAG,CAAC,CAAC;CAkCjG,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useClearFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useClearFilter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAUvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC,eAAO,MAAM,gBAAgB,GAAI,UAAU,GAAG,GAAG,EAC/C,SAAS,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAC3C,YAAY,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,KACjD,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAWvC,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,UAAU,CAElB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CACpB,CAAC;CAmCH,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/hooks/useClearFilter.js

@@ -2,14 +2,15 @@ import { useCallback, useMemo } from 'react';
 import { combineLatest } from 'rxjs';
 import { map, distinctUntilChanged, filter, withLatestFrom } from 'rxjs/operators';
 import { isActionOf } from 'typesafe-actions';
-import { useObservableEffect } from '@equinor/fusion-react-observable';
+import { useObservableFlow } from '@equinor/fusion-observable/react';
 import { useFilterContext } from '../context';
 import { actions } from '../actions';
+// biome-ignore lint/suspicious/noExplicitAny: TSelection defaults to any to allow untyped usage
 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);
+            const changed = filter.hasChanged?.(selection, filter.initial);
             return changed ? Object.assign(acc, { [filter.key]: selection }) : acc;
         }, {});
     }), distinctUntilChanged());
@@ -23,8 +24,7 @@ export const useClearFilter = () => {
         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$]));
+    useObservableFlow(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/useFilter.d.ts

@@ -3,5 +3,5 @@ import type { 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;
+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

@@ -1 +1 @@
-{"version":3,"file":"useFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilter.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,SAAS,mFAAmF,IAsBxG,CAAC"}
+{"version":3,"file":"useFilter.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilter.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,KAAK,EAAE,UAAU,EACzC,QAAQ,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,KAChC,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAsB9B,CAAC"}

package/dist/hooks/useFilter.js

@@ -23,4 +23,3 @@ export const useFilter = (filter) => {
         context.selection$.next(actions.selection.set({ [key]: selection }));
     }, [context, key]);
 };
-//# sourceMappingURL=useFilter.js.map

package/dist/hooks/useFilterData.d.ts

@@ -1,11 +1,11 @@
 import type { Observable } from 'rxjs';
 import type { Filter } from '../types';
-declare type useFilterDataArgs = {
+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 declare const filterSelection: (filter$: Observable<Record<string, Filter>>, exclude?: string[]) => 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>>>, selection$: Observable<Record<string, any>>) => Observable<TOut[]>;
+export declare const useFilterData: <TData extends Record<string, any>>(args?: useFilterDataArgs) => Observable<TData[]>;
 export default useFilterData;
 //# sourceMappingURL=useFilterData.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFilterData.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterData.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,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"}
+{"version":3,"file":"useFilterData.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterData.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,KAAK,iBAAiB,GAAG;IACvB,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,SAAS,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAC3C,UAAU,MAAM,EAAE,KACjB,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgBnC,CAAC;AAEF,eAAO,MAAM,UAAU,GAErB,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAEhC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,EAEvC,SAAS,UAAU,CAAC,IAAI,EAAE,CAAC,EAC3B,SAAS,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAEjD,YAAY,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,KAC1C,UAAU,CAAC,IAAI,EAAE,CAanB,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7D,OAAO,iBAAiB,KACvB,UAAU,CAAC,KAAK,EAAE,CAYpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/hooks/useFilterData.js

@@ -6,7 +6,7 @@ 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))
+        .filter(([key]) => !exclude?.includes(key))
         .reduce((acc, [key, filter]) => Object.assign(acc, { [key]: filter }), {})), 
     /** only update filters when filter function changes */
     distinctUntilChanged((a, b) => {
@@ -17,7 +17,9 @@ export const filterSelection = (filter$, exclude) => {
         return !filterA.find((x) => filterB.find((y) => x.filterFn !== y.filterFn));
     }));
 };
-export const filterData = (source$, filter$, selection$) => {
+export const filterData = (source$, filter$, 
+// biome-ignore lint/suspicious/noExplicitAny: selection values are unknown at this level
+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) => {
@@ -27,6 +29,7 @@ export const filterData = (source$, filter$, selection$) => {
         }, source));
     }));
 };
+// biome-ignore lint/suspicious/noExplicitAny: TData is a generic record type
 export const useFilterData = (args) => {
     const { exclude } = args || {};
     const { source$, filter$, selection$ } = useFilterContext();
@@ -36,4 +39,3 @@ export const useFilterData = (args) => {
     return useMemo(() => filterData(source$, selectedFilter$, selection$), [source$, selectedFilter$, selection$]);
 };
 export default useFilterData;
-//# sourceMappingURL=useFilterData.js.map

package/dist/hooks/useFilterSelection.d.ts

@@ -1,4 +1,4 @@
-import type { Observable } from '@equinor/fusion-react-observable';
+import type { Observable } from '@equinor/fusion-observable';
 /**
  * Use the filter selection from filter provider context
  * @param filterKey {string} the key that the filter was registered on

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

@@ -1 +1 @@
-{"version":3,"file":"useFilterSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAInE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,0BAA2B,MAAM,gCAC0B,CAAC;AAE3F,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useFilterSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilterSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAI7D;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,EAAE,WAAW,MAAM,KAAG,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAK1F,CAAC;AAEJ,eAAe,kBAAkB,CAAC"}

package/dist/hooks/useFilterSelection.js

@@ -1,10 +1,11 @@
-import { useSelector } from '@equinor/fusion-react-observable';
+import { useObservableSelector } from '@equinor/fusion-observable/react';
 import { useFilterContext } from '../context';
 /**
  * Use the filter selection from filter provider context
  * @param filterKey {string} the key that the filter was registered on
  * @returns {Observable<TSelection>}
  */
-export const useFilterSelection = (filterKey) => useSelector(useFilterContext().selection$, filterKey);
+export const useFilterSelection = (filterKey) => useObservableSelector(
+// biome-ignore lint/suspicious/noExplicitAny: selection$ is a generic observable, any is required for the key lookup
+useFilterContext().selection$, filterKey);
 export default useFilterSelection;
-//# sourceMappingURL=useFilterSelection.js.map

package/dist/index.d.ts

@@ -3,5 +3,5 @@ export * from './hooks';
 export * from './types';
 /** Common Components */
 export { FilterProvider, FilterProviderProps } from './FilterProvider';
-export { CheckboxFilter, FilterPanel } from './components';
+export { CheckboxFilter, FilterPanel, FilterPanelProps } from './components';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/E,cAAc,SAAS,CAAC;AAExB,cAAc,SAAS,CAAC;AAExB,wBAAwB;AAExB,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/E,cAAc,SAAS,CAAC;AAExB,cAAc,SAAS,CAAC;AAExB,wBAAwB;AAExB,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -4,4 +4,3 @@ export * from './types';
 /** Common Components */
 export { FilterProvider } from './FilterProvider';
 export { CheckboxFilter, FilterPanel } from './components';
-//# sourceMappingURL=index.js.map

package/dist/options/FilterOptionProvider.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import { type PropsWithChildren, type ReactElement } from 'react';
 import type { Filter } from '../types';
 import type { FilterOption, FilterOptionBuilder, FilterOptionSelector } from './types';
-export declare type FilterComponentProviderProps<TData, TOption extends FilterOption, TValue> = {
+export 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 declare const FilterOptionProvider: <TData extends Record<string, any>, TOption extends FilterOption, TValue>(props: PropsWithChildren<FilterComponentProviderProps<TData, TOption, TValue>>) => ReactElement;
 export default FilterOptionProvider;
 //# sourceMappingURL=FilterOptionProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterOptionProvider.d.ts","sourceRoot":"","sources":["../../src/options/FilterOptionProvider.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOvC,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIvF,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"}
+{"version":3,"file":"FilterOptionProvider.d.ts","sourceRoot":"","sources":["../../src/options/FilterOptionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAsB,MAAM,OAAO,CAAC;AAQtF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOvC,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIvF,MAAM,MAAM,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,EAAE,CAEjC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,OAAO,SAAS,YAAY,EAC5B,MAAM,EAEN,KAAK,EAAE,iBAAiB,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,KAC3E,YAwDJ,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/options/FilterOptionProvider.js

@@ -2,7 +2,7 @@ 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 { useObservable } from '@equinor/fusion-observable/react';
 import { useFilterData, useFilterSelection, useFilter, useFilterContext } from '../hooks';
 import { Provider } from './context';
 import { actions } from './actions';
@@ -48,7 +48,6 @@ export const FilterOptionProvider = (props) => {
         selection$,
         setSelection,
     };
-    return _jsx(Provider, Object.assign({ value: value }, { children: props.children }), void 0);
+    return _jsx(Provider, { value: value, children: props.children });
 };
 export default FilterOptionProvider;
-//# sourceMappingURL=FilterOptionProvider.js.map

package/dist/options/actions.d.ts

@@ -1,8 +1,8 @@
-import { ActionType } from 'typesafe-actions';
+import { type ActionType } from 'typesafe-actions';
 import type { 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 type Actions = ActionType<typeof actions>;
 export default actions;
 //# sourceMappingURL=actions.d.ts.map

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

@@ -1 +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,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,oBAAY,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/options/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}

package/dist/options/actions.js

@@ -3,4 +3,3 @@ export const actions = {
     set: createAction('@FILTER_OPTIONS/SELECTION_SET')(),
 };
 export default actions;
-//# sourceMappingURL=actions.js.map

package/dist/options/context.d.ts

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