@equinor/fusion-react-filter 2.1.0-filter.7 → 2.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Equinor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/components/package.json

@@ -5,4 +5,4 @@
   "main": "../dist/components/index.js",
   "module": "../dist/components/index.js",
   "sideEffects": false
-}
+}

package/dist/FilterProvider.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import { type PropsWithChildren, type ReactElement } from 'react';
 import type { Filter } from './types';
-export declare type FilterProviderProps<TSelections extends Record<string, unknown>, TData> = {
+export type FilterProviderProps<TSelections extends Record<string, unknown>, TData> = {
     data: TData[];
     initialSelection?: TSelections;
     initialFilters?: Record<string, Filter<TData, TSelections>>;
 };
-export declare const FilterProvider: <TSelections extends Record<string, any>, TData extends Record<string, any> = Record<string, any>>(props: import("react").PropsWithChildren<FilterProviderProps<TSelections, TData>>) => JSX.Element;
+export declare const FilterProvider: <TSelections extends Record<string, any>, TData extends Record<string, any> = Record<string, any>>(props: PropsWithChildren<FilterProviderProps<TSelections, TData>>) => ReactElement;
 export default FilterProvider;
 //# sourceMappingURL=FilterProvider.d.ts.map

package/dist/FilterProvider.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAIlB,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,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,EAAE,CAE3B,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAEvC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAEvD,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,KAC9D,YA4CJ,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/FilterProvider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useLayoutEffect, useState } from 'react';
+import { useLayoutEffect, useMemo, useState, } from 'react';
 import { BehaviorSubject } from 'rxjs';
-import { useObservable, useSubscription } from '@equinor/fusion-react-observable';
+import { useObservable, useObservableSubscription } from '@equinor/fusion-observable/react';
 import { createSelectionReducer, createDataReducer, createFilterReducer } from './reducers';
 import { Provider } from './context';
 import { actions } from './actions';
@@ -12,19 +12,20 @@ export const FilterProvider = (props) => {
     const source$ = useObservable(createDataReducer(data), data);
     const selection$ = useObservable(createSelectionReducer(initialSelection), initialSelection);
     const filter$ = useObservable(createFilterReducer({}), initialFilters);
+    const filterData$ = useMemo(() => filterData(source$, filter$, selection$), [source$, filter$, selection$]);
     const [data$] = useState(new BehaviorSubject(data));
-    useSubscription(filterData(source$, filter$, selection$), data$);
-    const context = {
+    useObservableSubscription(filterData$, data$);
+    const context = useMemo(() => ({
         source$,
         filter$,
         selection$,
         data$,
         /** type issues, might fix later */
-    };
+    }), [source$, filter$, selection$, data$]);
     useLayoutEffect(() => {
         source$.next(actions.source.update(data));
     }, [source$, data]);
-    return _jsx(Provider, Object.assign({ value: context }, { children: children }), void 0);
+    return _jsx(Provider, { value: context, children: children });
 };
 export default FilterProvider;
 //# sourceMappingURL=FilterProvider.js.map

package/dist/FilterProvider.js.map

@@ -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;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"}
+{"version":3,"file":"FilterProvider.js","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,eAAe,EACf,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAE5F,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,GAOP,CAMlB,KAAiE,EACnD,EAAE;IAChB,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,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,EAC9C,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAC/B,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,eAAe,CAAU,IAAI,CAAC,CAAC,CAAC;IAE7D,yBAAyB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,CAAC;QACC,OAAO;QACP,OAAO;QACP,UAAU;QACV,KAAK;QACL,mCAAmC;KACpC,CAA6B,EAChC,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,CACtC,CAAC;IAEF,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,IAAC,KAAK,EAAE,OAAO,YAAG,QAAQ,GAAY,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/actions.d.ts

@@ -1,6 +1,6 @@
-import { ActionType } from 'typesafe-actions';
+import { type ActionType } from 'typesafe-actions';
 import type { Filter } from './types';
-export declare type SelectionValues<TValue = unknown> = Record<string, TValue>;
+export type SelectionValues<TValue = unknown> = Record<string, TValue>;
 export declare const filter: {
     add: import("typesafe-actions").PayloadActionCreator<"@FILTER/FILTERS_ADD", Filter<any, any>>;
     remove: import("typesafe-actions").PayloadActionCreator<"@FILTER/FILTERS_REMOVE", string>;
@@ -29,6 +29,6 @@ export declare const actions: {
         update: import("typesafe-actions").PayloadActionCreator<"@FILTER/SOURCE_UPDATE", unknown>;
     };
 };
-export declare type Actions = ActionType<typeof actions>;
+export type Actions = ActionType<typeof actions>;
 export default actions;
 //# sourceMappingURL=actions.d.ts.map

package/dist/actions.d.ts.map

@@ -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,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"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,MAAM,eAAe,CAAC,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM;;;CAIlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAInB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}

package/dist/actions.js

@@ -1,5 +1,6 @@
 import { createAction } from 'typesafe-actions';
 export const filter = {
+    // biome-ignore lint/suspicious/noExplicitAny: we need any here to avoid type errors
     add: createAction('@FILTER/FILTERS_ADD')(),
     remove: createAction('@FILTER/FILTERS_REMOVE')(),
 };

package/dist/actions.js.map

@@ -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;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"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAmB,MAAM,kBAAkB,CAAC;AAKjE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,oFAAoF;IACpF,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"}

package/dist/components/filter/FilterOptionHeader.d.ts

@@ -1,7 +1,7 @@
-declare type FilterHeaderProps = {
-    title: string;
+import { type ReactElement } from 'react';
+type FilterHeaderProps = {
+    readonly title: string;
 };
-export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"header" | "root" | "showSearch" | "counter" | "noCount" | "iconBtn" | "searchField">;
-export declare const FilterOptionHeader: (props: FilterHeaderProps) => JSX.Element;
+export declare const FilterOptionHeader: (props: FilterHeaderProps) => ReactElement;
 export default FilterOptionHeader;
 //# sourceMappingURL=FilterOptionHeader.d.ts.map

package/dist/components/filter/FilterOptionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterOptionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":"AAKA,aAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAKF,eAAO,MAAM,SAAS,8JAuCrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,iBAAiB,KAAG,WA+C7D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FilterOptionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAqC,MAAM,OAAO,CAAC;AAY7F,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AA2CF,eAAO,MAAM,kBAAkB,GAAI,OAAO,iBAAiB,KAAG,YAuD7D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/filter/FilterOptionHeader.js

@@ -1,55 +1,59 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useObservableState, useSelector } from '@equinor/fusion-react-observable';
-import { Icon } from '@equinor/fusion-react-icon';
-import { TextInput } from '@equinor/fusion-react-textinput';
-import { useFilterOptionContext, useFilterOptionSearch } from '../../options';
-import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
 import { useLayoutEffect, useRef, useState } from 'react';
-export const useStyles = makeStyles((theme) => createStyles({
-    root: {
-        display: 'flex',
-        alignItems: 'center',
-    },
-    header: {
-        ...theme.typography.table.cell_header.style,
-        overflow: 'hidden',
-        '&$showSearch': {
-            display: 'none',
-        },
-    },
-    showSearch: {},
-    counter: {
-        display: 'inline-flex',
-        gap: '1px',
-        ...theme.typography.input.helper.style,
-        marginLeft: theme.spacing.comfortable.small.getVariable('padding'),
-    },
-    noCount: {
-        display: 'none',
-    },
-    iconBtn: {
-        cursor: 'pointer',
-        marginLeft: 'auto',
-    },
-    searchField: {
-        marginTop: '4px',
-        flex: '1 1 auto',
-        '&:not($showSearch)': {
-            maxWidth: 0,
-            flex: 'none',
-            overflow: 'hidden',
-        },
-    },
-}), { name: 'fusion-filter-header' });
+import { useObservableState, useObservableSelector } from '@equinor/fusion-observable/react';
+import { TextField, Icon } from '@equinor/eds-core-react';
+import { useFilterOptionContext, useFilterOptionSearch } from '../../options';
+import { search, chevron_right } from '@equinor/eds-icons';
+import styled from 'styled-components';
+import { tokens } from '@equinor/eds-tokens';
+Icon.add({ search, chevron_right });
+const Styled = {
+    Root: styled.div `
+    display: flex;
+    align-items: center;
+  `,
+    Header: styled.header `
+    color: ${tokens.typography.table.cell_header.color};
+    font-family: ${tokens.typography.table.cell_header.fontFamily};
+    font-size: ${tokens.typography.table.cell_header.fontSize};
+    font-weight: ${tokens.typography.table.cell_header.fontWeight};
+    line-height: ${tokens.typography.table.cell_header.lineHeight};
+    overflow: hidden;
+    ${({ $showSearch }) => $showSearch && 'display: none;'}
+  `,
+    Counter: styled.span `
+    display: ${({ $noCount }) => ($noCount ? 'none' : 'inline-flex')};
+    gap: 1px;
+    color: ${tokens.typography.input.helper.color};
+    font-family: ${tokens.typography.input.helper.fontFamily};
+    font-size: ${tokens.typography.input.helper.fontSize};
+    font-weight: ${tokens.typography.input.helper.fontWeight};
+    letter-spacing: ${tokens.typography.input.helper.letterSpacing};
+    line-height: ${tokens.typography.input.helper.lineHeight};
+    margin-left: ${tokens.spacings.comfortable.small};
+  `,
+    IconBtn: styled(Icon) `
+    cursor: pointer;
+    margin-left: auto;
+  `,
+    SearchField: styled(TextField) `
+    margin-top: 4px;
+    flex: ${({ $showSearch }) => ($showSearch ? '1 1 auto' : 'none')};
+    ${({ $showSearch }) => !$showSearch &&
+        `
+      max-width: 0;
+      overflow: hidden;
+    `}
+  `,
+};
 export const FilterOptionHeader = (props) => {
     const { title } = props;
     const [showSearch, setShowSearch] = useState(false);
     const { setQuery, query$ } = useFilterOptionSearch();
     const searchRef = useRef(null);
     const { options$, selection$ } = useFilterOptionContext();
-    const optionCount = Object.keys(useObservableState(options$) || {}).length;
-    const selectedCount = useObservableState(useSelector(selection$, (x) => x && x.size));
-    const styles = useStyles();
+    const optionCount = Object.keys(useObservableState(options$).value || {}).length;
+    const { value: selectedCount } = useObservableState(useObservableSelector(selection$, (x) => (x ?? new Set()).size > 0));
     const onIconClick = () => {
         if (showSearch) {
             setQuery('');
@@ -60,10 +64,14 @@ export const FilterOptionHeader = (props) => {
         setShowSearch(!showSearch);
     };
     useLayoutEffect(() => {
-        const subscription = query$.subscribe((x) => searchRef.current && (searchRef.current.value = x));
+        const subscription = query$.subscribe((x) => {
+            if (searchRef.current) {
+                searchRef.current.value = x;
+            }
+        });
         return () => subscription.unsubscribe();
-    }, [searchRef, query$]);
-    return (_jsxs("div", Object.assign({ className: styles.root }, { children: [_jsx(TextInput, { ref: searchRef, className: clsx(styles.searchField, showSearch && styles.showSearch), icon: "search", variant: "outlined", type: "search", label: title, onInput: (e) => setQuery(e.currentTarget.value), dense: true }, void 0), _jsxs("header", Object.assign({ className: clsx(styles.header, showSearch && styles.showSearch) }, { children: [_jsx("span", { children: title }, void 0), _jsxs("span", Object.assign({ className: clsx(styles.counter, !selectedCount && styles.noCount) }, { children: [_jsx("span", { children: "(" }, void 0), _jsx("span", { children: selectedCount }, void 0), _jsx("span", { children: "/" }, void 0), _jsx("span", { children: optionCount }, void 0), _jsx("span", { children: ")" }, void 0)] }), void 0)] }), void 0), _jsx(Icon, { className: styles.iconBtn, icon: showSearch ? 'chevron_right' : 'search', onClick: onIconClick }, void 0)] }), void 0));
+    }, [query$]);
+    return (_jsxs(Styled.Root, { children: [_jsx(Styled.SearchField, { id: title, ref: searchRef, "$showSearch": showSearch, type: "search", placeholder: title, onInput: (e) => setQuery(e.currentTarget.value), inputIcon: _jsx(Icon, { name: "search", size: 16 }, "thumbs") }), _jsxs(Styled.Header, { "$showSearch": showSearch, children: [_jsx("span", { children: title }), _jsxs(Styled.Counter, { "$noCount": !selectedCount, children: [_jsx("span", { children: "(" }), _jsx("span", { children: selectedCount }), _jsx("span", { children: "/" }), _jsx("span", { children: optionCount }), _jsx("span", { children: ")" })] })] }), _jsx(Styled.IconBtn, { name: showSearch ? 'chevron_right' : 'search', size: 16, onClick: onIconClick })] }));
 };
 export default FilterOptionHeader;
 //# sourceMappingURL=FilterOptionHeader.js.map

package/dist/components/filter/FilterOptionHeader.js.map

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

package/dist/components/filter/checkbox/CheckboxFilter.d.ts

@@ -1,16 +1,26 @@
-import { FilterOptionSelector } from '../../../options';
+import type { ReactElement } from 'react';
+import type { FilterOptionBuilder, FilterOptionSelector } from '../../../options';
 import type { FilterComponent } from '../types';
-export declare type CheckboxFilterProps<TData extends Record<string, any> = Record<string, any>> = FilterComponent & {
+import type { CheckboxOption } from './types';
+import type { FilterFn } from '../../../types';
+export type CheckboxFilterProps<TData extends Record<string, any> = Record<string, any>> = FilterComponent & {
     /** either name of property of data type or a function that selects value */
-    selector?: Extract<keyof TData, string> | string | FilterOptionSelector<TData>;
+    readonly selector?: Extract<keyof TData, string> | string | FilterOptionSelector<TData>;
     /** show option for selecting all */
-    enableAll?: boolean;
+    readonly enableAll?: boolean;
     /** initial selection */
-    initial?: Set<string>;
+    readonly initial?: Set<string>;
+    readonly filter?: {
+        filterFn: FilterFn<TData, Set<string>>;
+        optionFn: FilterOptionBuilder<TData, CheckboxOption, string>;
+    };
+    readonly sortFn?: <T extends {
+        label: string;
+    }>(a: T, b: T) => number;
 };
 /**
  * Component for displaying multi-select filter with checkboxes
  */
-export declare const CheckboxFilter: (props: CheckboxFilterProps) => JSX.Element;
+export declare const CheckboxFilter: <TData extends Record<string, any> = Record<string, any>>(props: CheckboxFilterProps<TData>) => ReactElement;
 export default CheckboxFilter;
 //# sourceMappingURL=CheckboxFilter.d.ts.map

package/dist/components/filter/checkbox/CheckboxFilter.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAElF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACrF,eAAe,GAAG;IAChB,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACxF,oCAAoC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAI/B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QACvC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;KAC9D,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACvE,CAAC;AAEJ;;GAEG;AAEH,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACpF,OAAO,mBAAmB,CAAC,KAAK,CAAC,KAChC,YAaF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/filter/checkbox/CheckboxFilter.js

@@ -3,14 +3,14 @@ import { FilterOptionHeader } from '../FilterOptionHeader';
 import { CheckboxFilterProvider } from './CheckboxFilterProvider';
 import CheckboxFilterOptions from './CheckboxFilterOptions';
 import CheckboxFilterOptionAll from './CheckboxFilterOptionAll';
-import useStyles from './CheckboxFilter.style';
+import { Styled } from './CheckboxFilter.style';
 /**
  * Component for displaying multi-select filter with checkboxes
  */
+// biome-ignore lint/suspicious/noExplicitAny: we need any here to avoid type errors
 export const CheckboxFilter = (props) => {
-    const { enableAll, ...args } = props;
-    const styles = useStyles({ layout: 'column' });
-    return (_jsx(CheckboxFilterProvider, Object.assign({}, args, { children: _jsxs("div", Object.assign({ className: styles.root }, { children: [_jsx(FilterOptionHeader, { title: args.title }, void 0), _jsxs("div", Object.assign({ className: styles.items }, { children: [enableAll && _jsx(CheckboxFilterOptionAll, {}, void 0), _jsx(CheckboxFilterOptions, {}, void 0)] }), void 0)] }), void 0) }), void 0));
+    const { enableAll, sortFn, ...args } = props;
+    return (_jsx(CheckboxFilterProvider, { ...args, children: _jsxs(Styled.Root, { children: [_jsx(FilterOptionHeader, { title: args.title }), _jsxs(Styled.Items, { "$layout": "column", children: [enableAll && _jsx(CheckboxFilterOptionAll, {}), _jsx(CheckboxFilterOptions, { sortFn: sortFn })] })] }) }));
 };
 export default CheckboxFilter;
 //# sourceMappingURL=CheckboxFilter.js.map

package/dist/components/filter/checkbox/CheckboxFilter.js.map

@@ -1 +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"}
+{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":";AAIA,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,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAuBhD;;GAEG;AACH,oFAAoF;AACpF,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAiC,EACnB,EAAE;IAChB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7C,OAAO,CACL,KAAC,sBAAsB,OAAK,IAAI,YAC9B,MAAC,MAAM,CAAC,IAAI,eACV,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,EACzC,MAAC,MAAM,CAAC,KAAK,eAAS,QAAQ,aAC3B,SAAS,IAAI,KAAC,uBAAuB,KAAG,EACzC,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,IAC5B,IACH,GACS,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/filter/checkbox/CheckboxFilter.style.d.ts

@@ -1,5 +1,10 @@
-export declare const useStyles: (props: {
-    layout: 'column' | 'row';
-}) => import("@material-ui/styles").ClassNameMap<"title" | "root" | "items">;
-export default useStyles;
+export declare const Styled: {
+    Root: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+    Items: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$layout"> & {
+        $layout: "column" | "row";
+    }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$layout"> & {
+        $layout: "column" | "row";
+    }, never>>> & string;
+    Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+};
 //# sourceMappingURL=CheckboxFilter.style.d.ts.map

package/dist/components/filter/checkbox/CheckboxFilter.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxFilter.style.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;YASS,QAAQ,GAAG,KAAK;4EAW9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CheckboxFilter.style.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;iBAMY,QAAQ,GAAG,KAAK;;iBAAhB,QAAQ,GAAG,KAAK;;;CAY9C,CAAC"}

package/dist/components/filter/checkbox/CheckboxFilter.style.js

@@ -1,19 +1,22 @@
-import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-export const useStyles = makeStyles((theme) => createStyles({
-    root: {
-        display: 'flex',
-        flexFlow: 'column',
-        // TODO - remove
-        minWidth: 250,
-    },
-    items: (props) => ({
-        display: 'flex',
-        flexFlow: props.layout,
-        overflowY: 'scroll',
-    }),
-    title: {
-        ...theme.typography.heading.h3.style,
-    },
-}), { name: 'fusion-filter-checkbox-option' });
-export default useStyles;
+import styled from 'styled-components';
+import { tokens } from '@equinor/eds-tokens';
+export const Styled = {
+    Root: styled.div `
+    display: flex;
+    flex-flow: column;
+    min-width: 150px;
+  `,
+    Items: styled.div `
+    display: flex;
+    flex-flow: ${({ $layout }) => $layout};
+    overflow-y: auto;
+  `,
+    Title: styled.span `
+    color: ${tokens.typography.heading.h3.color};
+    font-family: ${tokens.typography.heading.h3.fontFamily};
+    font-size: ${tokens.typography.heading.h3.fontSize};
+    font-weight: ${tokens.typography.heading.h3.fontWeight};
+    line-height: ${tokens.typography.heading.h3.lineHeight};
+  `,
+};
 //# sourceMappingURL=CheckboxFilter.style.js.map

package/dist/components/filter/checkbox/CheckboxFilter.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxFilter.style.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,gBAAgB;QAChB,QAAQ,EAAE,GAAG;KACd;IACD,KAAK,EAAE,CAAC,KAAmC,EAAE,EAAE,CAAC,CAAC;QAC/C,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,KAAK,CAAC,MAAM;QACtB,SAAS,EAAE,QAAQ;KACpB,CAAC;IAEF,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK;KACrC;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,+BAA+B,EAAE,CAC1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CheckboxFilter.style.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.style.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAA;;;;GAIf;IACD,KAAK,EAAE,MAAM,CAAC,GAAG,CAA+B;;iBAEjC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;;GAEtC;IACD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAA;aACP,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK;mBAC5B,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU;iBACzC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ;mBACnC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU;mBACvC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU;GACvD;CACF,CAAC"}

package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts

@@ -1,14 +1,15 @@
+import { type ReactElement, type HTMLAttributes } from 'react';
 import type { CheckboxOption } from './types';
-export declare type CheckboxFilterOptionProps = JSX.IntrinsicElements['div'] & Omit<CheckboxOption, 'totalCount'> & {
-    name: string;
-    checked?: boolean;
-    indeterminate?: boolean;
-    count: string | number;
-    onOptionChange: (item: {
+export type CheckboxFilterOptionProps = Partial<HTMLAttributes<HTMLDivElement>> & Omit<CheckboxOption, 'totalCount'> & {
+    readonly name: string;
+    readonly checked?: boolean;
+    readonly indeterminate?: boolean;
+    readonly count: string | number;
+    readonly onOptionChange: (item: {
         name: string;
         selected?: boolean;
     }) => void;
 };
-export declare const CheckboxFilterOption: (props: CheckboxFilterOptionProps) => JSX.Element;
+export declare const CheckboxFilterOption: (props: CheckboxFilterOptionProps) => ReactElement;
 export default CheckboxFilterOption;
 //# sourceMappingURL=CheckboxFilterOption.d.ts.map

package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAC;AAK5F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAC7E,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEJ,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,KAAG,YA+BvE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/filter/checkbox/CheckboxFilterOption.js

@@ -1,19 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { CheckboxBase as Checkbox } from '@equinor/fusion-react-checkbox';
-import { clsx } from '@equinor/fusion-react-styles';
-import { useStyles } from './CheckboxFilterOption.style';
+import { Checkbox } from '@equinor/eds-core-react';
+import { Styled } from './CheckboxFilterOption.style';
 export const CheckboxFilterOption = (props) => {
     const { name, label, count, checked, indeterminate, inactive, hide, onOptionChange, className, ...args } = props;
-    const onCheckboxClick = useCallback((e) => e.stopPropagation(), []);
     const onCheckboxInput = useCallback(({ currentTarget: { name, checked } }) => {
-        return onOptionChange({ name, selected: !checked });
+        return onOptionChange({ name, selected: checked });
     }, [onOptionChange]);
-    const onClick = useCallback((e) => {
-        e.currentTarget.firstChild.click();
-    }, []);
-    const styles = useStyles();
-    return (_jsxs("div", Object.assign({}, args, { className: clsx(className, styles.root, inactive && styles.inactive, hide && styles.hide), onClick: onClick }, { children: [_jsx(Checkbox, { className: styles.checkbox, name: name, checked: checked, onInput: onCheckboxInput, onClick: onCheckboxClick, indeterminate: indeterminate }, void 0), _jsx("span", Object.assign({ className: styles.label }, { children: label }), void 0), _jsx("span", Object.assign({ className: styles.counter }, { children: count }), void 0)] }), void 0));
+    return (_jsxs(Styled.Root, { ...args, className: className, "$inactive": inactive, "$hide": hide, children: [_jsx(Checkbox, { name: name, checked: checked, onChange: onCheckboxInput, indeterminate: indeterminate, label: label }), _jsx(Styled.Counter, { children: count })] }));
 };
 export default CheckboxFilterOption;
 //# sourceMappingURL=CheckboxFilterOption.js.map

package/dist/components/filter/checkbox/CheckboxFilterOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxFilterOption.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,YAAY,IAAI,QAAQ,EAA6B,MAAM,gCAAgC,CAAC;AAErG,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAYzD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACjH,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAA8C,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IACjH,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAA8C,EAAE,EAAE;QACnF,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAmC,EAAE,EAAE;QACjE,CAAC,CAAC,aAAa,CAAC,UAAwC,CAAC,KAAK,EAAE,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,+BACM,IAAI,IACR,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EACzF,OAAO,EAAE,OAAO,iBAEhB,KAAC,QAAQ,IACP,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,eAAe,EACxB,aAAa,EAAE,aAAa,WAC5B,EACF,6BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,gBAAG,KAAK,YAAQ,EAC7C,6BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,gBAAG,KAAK,YAAQ,aAC3C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"CheckboxFilterOption.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAA0D,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAYtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAgB,EAAE;IACrF,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAA+B,EAAE,EAAE;QACpE,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IACF,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,WAAS,IAAI,aAC3E,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,eAAe,EACzB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,GACZ,EACF,KAAC,MAAM,CAAC,OAAO,cAAE,KAAK,GAAkB,IAC5B,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/filter/checkbox/CheckboxFilterOption.style.d.ts

@@ -1,3 +1,11 @@
-export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"label" | "hide" | "checkbox" | "inactive" | "root" | "counter">;
-export default useStyles;
+export declare const Styled: {
+    Root: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inactive" | "$hide"> & {
+        $inactive?: boolean;
+        $hide?: boolean;
+    }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inactive" | "$hide"> & {
+        $inactive?: boolean;
+        $hide?: boolean;
+    }, never>>> & string;
+    Counter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+};
 //# sourceMappingURL=CheckboxFilterOption.style.d.ts.map

package/dist/components/filter/checkbox/CheckboxFilterOption.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxFilterOption.style.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yIAwCrB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CheckboxFilterOption.style.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;oBACc,OAAO;gBAAU,OAAO;;oBAAxB,OAAO;gBAAU,OAAO;;;CAmCxD,CAAC"}