@equinor/fusion-react-filter 1.1.11 → 2.1.0-filter.3

package/README.md

@@ -1,15 +1,15 @@
 <!--prettier-ignore-start-->
-## `@equinor/fusion-react-filterpane` [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-react-filterpane.svg)](https://www.npmjs.com/package/@equinor/fusion-react-filterpane)
+## `@equinor/fusion-react-filter` [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-react-filter.svg)](https://www.npmjs.com/package/@equinor/fusion-react-filter)
 
 Adds filter functionality through the FilterProvider. 
-Also comes with various predefined filters and panels for building out a filterpane. 
+Also comes with various predefined filters and panels for building out a filter. 
 
-Consult the [Storybook](https://equinor.github.io/fusion-react-components/?path=/docs/filterpane-filterpane) for more detailed examples and documentation. 
+Consult the [Storybook](https://equinor.github.io/fusion-react-components/?path=/docs/data-filter) for more detailed examples and documentation. 
 
 ### Installation
 
 ```sh
-npm install @equinor/fusion-react-filterpane
+npm install @equinor/fusion-react-filter
 ```
 
 ## Example Usage

package/components/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@equinor/fusion-react-filter/components",
+  "private": true,
+  "main": "dist/components/index.js",
+  "module": "dist/components/index.js"
+}

package/dist/FilterProvider.d.ts

@@ -1,31 +1,10 @@
-import { PropsWithChildren } from 'react';
-export declare type TSelection = any;
-declare type FilterProviderProps<TSelections extends Record<string, TSelection>, TData> = {
-    initialData: TData;
-    initialFilters?: TSelections;
+/// <reference types="react" />
+import { Filter } from './types';
+export declare type FilterProviderProps<TSelections extends Record<string, unknown>, TData> = {
+    data: TData[];
+    initialSelection?: TSelections;
+    initialFilters?: Record<string, Filter<TData, TSelections>>;
 };
-/**
- *Filter Context provider for filtering functionality.
- *Access data using  const { filteredData, selection, store } = useFilterStore();
- *
- * @param initialData  The full dataset that should be filtered.
- * @param initialFilters Filters to be registered when first loading the provider.
- * Can also send in data that should be filtered on load. keys must correspond with keys added to defined filter settings.
- * Or they will not be recognized
- *
- * @example
- *
- *  initialFilter = {firstName: ['Helge'],lastName:[] }  //predefined filters.
- * //firstName will be added to selections with a predefined selection ('Helge'),
- * //while lastName is added to empty([]) to selections.
- *
- * const data = getData();
- *
- *  <FilterProvider initialData={data} initialFilters={initialFilter}>
- *    <MyFilterPanel />
- *    <MyApp> />
- * </FilterProvider>
- */
-export declare const FilterProvider: <TSelections extends Record<string, unknown>, TData>(props: PropsWithChildren<FilterProviderProps<TSelections, TData>>) => JSX.Element;
+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 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":"AAAA,OAAO,EAAE,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AAI9D,oBAAY,UAAU,GAAG,GAAG,CAAC;AAE7B,aAAK,mBAAmB,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,KAAK,IAAI;IAChF,WAAW,EAAE,KAAK,CAAC;IACnB,cAAc,CAAC,EAAE,WAAW,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,6HAExB,WASF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,MAAM,EAAiB,MAAM,SAAS,CAAC;AAIhD,oBAAY,mBAAmB,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI;IACpF,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,cAAc,2LAKxB,WA2BF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/FilterProvider.js

@@ -1,36 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo } from 'react';
-import FilterContext from './FilterContext';
-import { createFilterStore } from './filterStore/store';
-/**
- *Filter Context provider for filtering functionality.
- *Access data using  const { filteredData, selection, store } = useFilterStore();
- *
- * @param initialData  The full dataset that should be filtered.
- * @param initialFilters Filters to be registered when first loading the provider.
- * Can also send in data that should be filtered on load. keys must correspond with keys added to defined filter settings.
- * Or they will not be recognized
- *
- * @example
- *
- *  initialFilter = {firstName: ['Helge'],lastName:[] }  //predefined filters.
- * //firstName will be added to selections with a predefined selection ('Helge'),
- * //while lastName is added to empty([]) to selections.
- *
- * const data = getData();
- *
- *  <FilterProvider initialData={data} initialFilters={initialFilter}>
- *    <MyFilterPanel />
- *    <MyApp> />
- * </FilterProvider>
- */
+import { useLayoutEffect, useState } from 'react';
+import { BehaviorSubject } from 'rxjs';
+import { useObservable, useSubscription } from '@equinor/fusion-react-observable';
+import { createSelectionReducer, createDataReducer, createFilterReducer } from './reducers';
+import { Provider } from './context';
+import { actions } from './actions';
+import { filterData } from './hooks/useFilterData';
 export const FilterProvider = (props) => {
-    const { initialData, initialFilters = {}, children } = props;
-    const store = useMemo(() => createFilterStore(initialData, initialFilters || {}), []);
-    useEffect(() => {
-        store.setData(initialData);
-    }, [initialData]);
-    return _jsx(FilterContext.Provider, Object.assign({ value: { store } }, { children: children }), void 0);
+    const { data, initialSelection = {}, initialFilters = {}, children, } = props;
+    const source$ = useObservable(createDataReducer(data), data);
+    const selection$ = useObservable(createSelectionReducer(initialSelection), initialSelection);
+    const filter$ = useObservable(createFilterReducer({}), initialFilters);
+    const [data$] = useState(new BehaviorSubject(data));
+    useSubscription(filterData(source$, filter$, selection$), data$);
+    const context = {
+        source$,
+        filter$,
+        selection$,
+        data$,
+        /** type issues, might fix later */
+    };
+    useLayoutEffect(() => {
+        source$.next(actions.source.update(data));
+    }, [source$, data]);
+    return _jsx(Provider, Object.assign({ value: context }, { children: children }), void 0);
 };
 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,EAAqB,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AASxD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAiE,EACpD,EAAE;IACf,MAAM,EAAE,WAAW,EAAE,cAAc,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,EAAE,cAAc,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEtF,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAC,aAAa,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAG,QAAQ,YAA0B,CAAC;AACvF,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"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;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAQnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAI5B,KAAuE,EAC1D,EAAE;IACf,MAAM,EACJ,IAAI,EACJ,gBAAgB,GAAG,EAAiB,EACpC,cAAc,GAAG,EAA4C,EAC7D,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC;IAC7F,MAAM,OAAO,GAAG,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC;IAEvE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,eAAe,CAAU,IAAI,CAAC,CAAC,CAAC;IAC7D,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG;QACd,OAAO;QACP,OAAO;QACP,UAAU;QACV,KAAK;QACL,mCAAmC;KACR,CAAC;IAE9B,eAAe,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,QAAQ,kBAAC,KAAK,EAAE,OAAO,gBAAG,QAAQ,YAAY,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/actions.d.ts

@@ -0,0 +1,32 @@
+import { ActionType } from 'typesafe-actions';
+import { Filter } from './types';
+export declare 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>;
+};
+export declare const selection: {
+    set: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_SET", SelectionValues<unknown>>;
+    initial: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_INITIAL", SelectionValues<unknown>>;
+    clear: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_CLEAR", void>;
+};
+export declare const source: {
+    update: import("typesafe-actions").PayloadActionCreator<"@FILTER/SOURCE_UPDATE", unknown>;
+};
+export declare const actions: {
+    filter: {
+        add: import("typesafe-actions").PayloadActionCreator<"@FILTER/FILTERS_ADD", Filter<any, any>>;
+        remove: import("typesafe-actions").PayloadActionCreator<"@FILTER/FILTERS_REMOVE", string>;
+    };
+    selection: {
+        set: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_SET", SelectionValues<unknown>>;
+        initial: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_INITIAL", SelectionValues<unknown>>;
+        clear: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_CLEAR", void>;
+    };
+    source: {
+        update: import("typesafe-actions").PayloadActionCreator<"@FILTER/SOURCE_UPDATE", unknown>;
+    };
+};
+export declare type Actions = ActionType<typeof actions>;
+export default actions;
+//# sourceMappingURL=actions.d.ts.map

package/dist/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,oBAAY,eAAe,CAAC,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM;;;CAGlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAInB,CAAC;AAEF,oBAAY,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}

package/dist/actions.js

@@ -0,0 +1,20 @@
+import { createAction } from 'typesafe-actions';
+export const filter = {
+    add: createAction('@FILTER/FILTERS_ADD')(),
+    remove: createAction('@FILTER/FILTERS_REMOVE')(),
+};
+export const selection = {
+    set: createAction('@FILTER/SELECTION_SET')(),
+    initial: createAction('@FILTER/SELECTION_INITIAL')(),
+    clear: createAction('@FILTER/SELECTION_CLEAR')(),
+};
+export const source = {
+    update: createAction('@FILTER/SOURCE_UPDATE')(),
+};
+export const actions = {
+    filter,
+    selection,
+    source,
+};
+export default actions;
+//# sourceMappingURL=actions.js.map

package/dist/actions.js.map

@@ -0,0 +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;CACvD,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

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

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

@@ -0,0 +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"}

package/dist/components/filter/FilterOptionHeader.js

@@ -0,0 +1,69 @@
+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' });
+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 onIconClick = () => {
+        if (showSearch) {
+            setQuery('');
+        }
+        else {
+            searchRef.current?.focus();
+        }
+        setShowSearch(!showSearch);
+    };
+    useLayoutEffect(() => {
+        const subscription = query$.subscribe((x) => 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));
+};
+export default FilterOptionHeader;
+//# sourceMappingURL=FilterOptionHeader.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+import { FilterOptionSelector } from '../../../options/types';
+import { FilterComponent } from '../types';
+export declare 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>;
+    /** show option for selecting all */
+    enableAll?: boolean;
+    /** initial selection */
+    initial?: Set<string>;
+};
+/**
+ * Component for displaying multi-select filter with checkboxes
+ */
+export declare const CheckboxFilter: (props: CheckboxFilterProps) => JSX.Element;
+export default CheckboxFilter;
+//# sourceMappingURL=CheckboxFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAS9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,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"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckboxFilterProvider } from './CheckboxFilterProvider';
+import CheckboxFilterOptions from './CheckboxFilterOptions';
+import CheckboxFilterOptionAll from './CheckboxFilterOptionAll';
+import { FilterOptionHeader } from '../FilterOptionHeader';
+import useStyles from './CheckboxFilter.style';
+/**
+ * Component for displaying multi-select filter with checkboxes
+ */
+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));
+};
+export default CheckboxFilter;
+//# sourceMappingURL=CheckboxFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAY/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"}

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

@@ -0,0 +1,5 @@
+export declare const useStyles: (props: {
+    layout: 'column' | 'row';
+}) => import("@material-ui/styles").ClassNameMap<"title" | "root" | "items">;
+export default useStyles;
+//# sourceMappingURL=CheckboxFilter.style.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,19 @@
+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;
+//# sourceMappingURL=CheckboxFilter.style.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,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"}

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

@@ -0,0 +1,19 @@
+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';
+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 });
+    }, [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));
+};
+export default CheckboxFilterOption;
+//# sourceMappingURL=CheckboxFilterOption.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"label" | "hide" | "checkbox" | "inactive" | "root" | "counter">;
+export default useStyles;
+//# sourceMappingURL=CheckboxFilterOption.style.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,40 @@
+import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
+export const useStyles = makeStyles((theme) => createStyles({
+    root: {
+        display: 'flex',
+        alignItems: 'center',
+        // justifyContent: 'space-between',
+        cursor: 'pointer',
+        backgroundColor: 'transparent',
+        willChange: 'backgroundColor',
+        // TODO - fetch from theme
+        transition: '125ms background-color ease-out',
+        '&:hover': {
+            backgroundColor: theme.colors.interactive.primary__hover_alt.getVariable('color'),
+        },
+        // maxWidth: '80px',
+    },
+    inactive: {
+        filter: 'grayscale(100%)',
+        opacity: 0.5,
+    },
+    checkbox: {
+        '--fwc-checkbox-size': '14px',
+    },
+    label: {
+        ...theme.typography.input.label.style,
+        flex: '1 1 auto',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+    },
+    counter: {
+        ...theme.typography.input.label.style,
+        margin: `0 ${theme.spacing.comfortable.small.getVariable('padding')}`,
+    },
+    hide: {
+        display: 'none',
+    },
+}), { name: 'fusion-filter-checkbox-option' });
+export default useStyles;
+//# sourceMappingURL=CheckboxFilterOption.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilterOption.style.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.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,UAAU,EAAE,QAAQ;QACpB,mCAAmC;QACnC,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,aAAa;QAC9B,UAAU,EAAE,iBAAiB;QAC7B,0BAA0B;QAC1B,UAAU,EAAE,iCAAiC;QAC7C,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,OAAO,CAAC;SAClF;QACD,oBAAoB;KACrB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,iBAAiB;QACzB,OAAO,EAAE,GAAG;KACb;IACD,QAAQ,EAAE;QACR,qBAAqB,EAAE,MAAM;KAC9B;IACD,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;QACrC,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,UAAU;KACzB;IACD,OAAO,EAAE;QACP,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;QACrC,MAAM,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;KACtE;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,+BAA+B,EAAE,CAC1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const CheckboxFilterOptionAll: () => JSX.Element;
+export default CheckboxFilterOptionAll;
+//# sourceMappingURL=CheckboxFilterOptionAll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilterOptionAll.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptionAll.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB,QAAO,WAmC1C,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useObservableRef, useObservableState, useSelector } from '@equinor/fusion-react-observable';
+import { useCheckboxFilterOptionContext } from './context';
+import CheckboxFilterOption from './CheckboxFilterOption';
+export const CheckboxFilterOptionAll = () => {
+    const { options$, selection$, setSelection } = useCheckboxFilterOptionContext();
+    const options = useObservableState(options$) || {};
+    const optionKeysRef = useObservableRef(useSelector(options$, (x) => Object.keys(x)));
+    const selectedKeys = useObservableState(selection$) || new Set([]);
+    const { totalCount } = Object.values(options || {}).reduce((acc, value) => {
+        acc.count += value.count;
+        acc.totalCount += value.totalCount;
+        return acc;
+    }, { count: 0, totalCount: 0 });
+    const checked = selectedKeys.size === optionKeysRef.current?.length;
+    const indeterminate = Boolean(selectedKeys.size && !checked);
+    const onOptionChange = useCallback(({ selected }) => {
+        setSelection(selected ? new Set(optionKeysRef.current) : new Set([]));
+    }, [setSelection, optionKeysRef]);
+    return (_jsx(CheckboxFilterOption, { name: "all", label: "all", indeterminate: indeterminate, checked: checked, count: totalCount, onOptionChange: onOptionChange }, void 0));
+};
+export default CheckboxFilterOptionAll;
+//# sourceMappingURL=CheckboxFilterOptionAll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilterOptionAll.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptionAll.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAErG,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAgB,EAAE;IACvD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,8BAA8B,EAAE,CAAC;IAChF,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACnD,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErF,MAAM,YAAY,GAAG,kBAAkB,CAAC,UAAU,CAAC,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC;IAEnE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,CACxD,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACb,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC;QACzB,GAAG,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC;QACnC,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAC5B,CAAC;IAEF,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,KAAK,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC;IACpE,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,EAAE,QAAQ,EAAwC,EAAE,EAAE;QACrD,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACxE,CAAC,EACD,CAAC,YAAY,EAAE,aAAa,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,IACnB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,KAAK,EACX,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,cAAc,WAC9B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const CheckboxFilterOptions: () => JSX.Element;
+export default CheckboxFilterOptions;
+//# sourceMappingURL=CheckboxFilterOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptions.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,QAAO,WAwCxC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useObservableRef, useObservableState } from '@equinor/fusion-react-observable';
+import { useCheckboxFilterOptionContext } from './context';
+import { CheckboxFilterOption } from './CheckboxFilterOption';
+// TODO - make arg!
+const sortFn = (a, b) => a.label.localeCompare(b.label);
+export const CheckboxFilterOptions = () => {
+    const context = useCheckboxFilterOptionContext();
+    const data = useObservableState(context.options$);
+    const selectionRef = useObservableRef(context.selection$);
+    const onOptionChange = useCallback((item) => {
+        const selection = new Set(selectionRef.current || []);
+        const { name, selected } = item;
+        if (selected) {
+            selection.add(name);
+        }
+        else {
+            selection.delete(name);
+        }
+        context.setSelection(selection.size ? selection : undefined);
+    }, [context, selectionRef]);
+    const itemProps = Object.entries(data || {})
+        .map(([key, value]) => ({
+        onOptionChange,
+        name: key,
+        label: value.label,
+        checked: !!value.selected,
+        count: value.count === value.totalCount ? value.count : `${value.count} / ${value.totalCount}`,
+        inactive: !value.count,
+        hide: value.hide,
+    }))
+        .sort(sortFn);
+    return (_jsx(_Fragment, { children: itemProps.map((props) => (_jsx(CheckboxFilterOption, Object.assign({}, props), props.name))) }, void 0));
+};
+export default CheckboxFilterOptions;
+//# sourceMappingURL=CheckboxFilterOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilterOptions.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAExF,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAA6B,MAAM,wBAAwB,CAAC;AAEzF,mBAAmB;AACnB,MAAM,MAAM,GAAG,CAA8B,CAAI,EAAE,CAAI,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAE3F,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAgB,EAAE;IACrD,MAAM,OAAO,GAAG,8BAA8B,EAAE,CAAC;IACjD,MAAM,IAAI,GAAG,kBAAkB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,IAA0C,EAAE,EAAE;QAC7C,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACtD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAChC,IAAI,QAAQ,EAAE;YACZ,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SACrB;aAAM;YACL,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACxB;QACD,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,CAAC,CACxB,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;SACzC,GAAG,CACF,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CACf,CAAC;QACC,cAAc;QACd,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ;QACzB,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,EAAE;QAC9F,QAAQ,EAAE,CAAC,KAAK,CAAC,KAAK;QACtB,IAAI,EAAE,KAAK,CAAC,IAAI;KACa,CAAA,CAClC;SACA,IAAI,CAAC,MAAM,CAAC,CAAC;IAChB,OAAO,CACL,4BACG,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,oBAAoB,oBAAsB,KAAK,GAArB,KAAK,CAAC,IAAI,CAAe,CACrD,CAAC,WACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FilterOptionBuilder, FilterOptionSelector } from '../../../options/types';
+import { CheckboxOption } from './types';
+export declare type CheckboxFilterProviderProps<TData extends Record<string, any>, TOption extends CheckboxOption = CheckboxOption> = {
+    filterKey: string;
+    title?: string;
+    optionBuilder?: FilterOptionBuilder<TData, TOption, string>;
+    selector?: Extract<keyof TData, string> | string | FilterOptionSelector<TData>;
+    initial?: Set<string>;
+};
+export declare const CheckboxFilterProvider: <TData extends Record<string, any>, TOptions extends CheckboxOption = CheckboxOption>(props: import("react").PropsWithChildren<CheckboxFilterProviderProps<TData, TOptions>>) => JSX.Element;
+export default CheckboxFilterProviderProps;
+//# sourceMappingURL=CheckboxFilterProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilterProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAQzC,oBAAY,2BAA2B,CACrC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,OAAO,SAAS,cAAc,GAAG,cAAc,IAC7C;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,mLAKhC,WAmBF,CAAC;AAEF,eAAe,2BAA2B,CAAC"}