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

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

@@ -0,0 +1,4 @@
+import { FilterOptionContext } from '../../../options';
+import { CheckboxOption } from './types';
+export declare const useCheckboxFilterOptionContext: <TOption extends CheckboxOption = CheckboxOption, TValue = string>() => FilterOptionContext<TOption, TValue>;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,8BAA8B,8GAG2C,CAAC"}

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

@@ -0,0 +1,3 @@
+import { useFilterOptionContext } from '../../../options';
+export const useCheckboxFilterOptionContext = () => useFilterOptionContext();
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,kBAAkB,CAAC;AAG/E,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAGJ,EAAE,CAAC,sBAAsB,EAAmB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { CheckboxFilter, default } from './CheckboxFilter';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { CheckboxFilter, default } from './CheckboxFilter';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { FilterOption } from '../../../options';
+export declare type CheckboxOption = FilterOption & {
+    label: string;
+    count: number;
+    totalCount: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,oBAAY,cAAc,GAAG,YAAY,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+export { CheckboxFilter } from './checkbox';
+export { SearchFilter } from './search';
+export { FilterOptionHeader } from './FilterOptionHeader';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/filter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,cAAc,SAAS,CAAC"}

package/dist/components/filter/index.js

@@ -0,0 +1,5 @@
+export { CheckboxFilter } from './checkbox';
+export { SearchFilter } from './search';
+export { FilterOptionHeader } from './FilterOptionHeader';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/filter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,cAAc,SAAS,CAAC"}

package/dist/components/filter/search/SearchFilter.d.ts

@@ -0,0 +1,17 @@
+import { TextInputProps } from '@equinor/fusion-react-textinput';
+import { FilterFn } from '../../../types';
+export declare type SearchFilterProps<TData> = Omit<TextInputProps, 'onInput' | 'ref'> & {
+    /** identifier for filter */
+    filterKey: string;
+    /** function for filtering by provided query */
+    filterFn?: FilterFn<TData, string>;
+};
+/**
+ * Simple text filter
+ *
+ * __NOTE__ if not `filterFn` provided, default will be created, this filter is brute and
+ * `JSON.stringify` provided data object, this might not be optimal for heavy data sets.
+ */
+export declare const SearchFilter: <TData>(props: SearchFilterProps<TData>) => JSX.Element;
+export default SearchFilter;
+//# sourceMappingURL=SearchFilter.d.ts.map

package/dist/components/filter/search/SearchFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIxG,OAAO,EAAU,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AASlD,oBAAY,iBAAiB,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG;IAC/E,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,8CAA8C,WAuCtE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/filter/search/SearchFilter.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useRef } from 'react';
+import { TextInput } from '@equinor/fusion-react-textinput';
+import { useSubscription } from '@equinor/fusion-react-observable';
+import { useFilter, useFilterSelection } from '../../../hooks';
+const defaultMatcher = (data, query) => {
+    /** early escape, no filter */
+    if (!query)
+        return data;
+    const matcher = new RegExp(query, 'i');
+    return data.filter((x) => !!JSON.stringify(Object.values(x)).match(matcher));
+};
+/**
+ * Simple text filter
+ *
+ * __NOTE__ if not `filterFn` provided, default will be created, this filter is brute and
+ * `JSON.stringify` provided data object, this might not be optimal for heavy data sets.
+ */
+export const SearchFilter = (props) => {
+    const { filterKey, filterFn, ...args } = props;
+    /** create search filter */
+    const filter = useMemo(() => ({
+        key: filterKey,
+        filterFn: filterFn || defaultMatcher,
+    }), [filterKey, filterFn]);
+    /** register filter in the filter context */
+    const setSelection = useFilter(filter);
+    /** create a reference to the text input */
+    const inputRef = useRef(null);
+    /** update search selection when input value changes */
+    const onInput = useCallback((e) => {
+        setSelection(e.currentTarget.value);
+    }, [setSelection]);
+    /** subscribe to changes in the filter selection */
+    useSubscription(
+    /** create an observable selection for filter  */
+    useFilterSelection(props.filterKey), 
+    /** update value of text input when selection changes */
+    useCallback((query) => {
+        if (inputRef.current) {
+            inputRef.current.value = query || '';
+        }
+    }, []));
+    return _jsx(TextInput, Object.assign({ ref: inputRef, onInput: onInput, type: "search", variant: "outlined", icon: "search" }, args), void 0);
+};
+export default SearchFilter;
+//# sourceMappingURL=SearchFilter.js.map

package/dist/components/filter/search/SearchFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAY,MAAM,OAAO,CAAC;AAC/D,OAAO,EAA8B,SAAS,EAAkB,MAAM,iCAAiC,CAAC;AACxG,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,MAAM,cAAc,GAAG,CAAS,IAAa,EAAE,KAAa,EAAW,EAAE;IACvE,8BAA8B;IAC9B,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,MAAM,OAAO,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACvC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/E,CAAC,CAAC;AASF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAS,KAA+B,EAAe,EAAE;IACnF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/C,2BAA2B;IAC3B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,SAAS;QACd,QAAQ,EAAE,QAAQ,IAAI,cAAc;KACrC,CAAC,EACF,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,4CAA4C;IAC5C,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEvC,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAE1D,uDAAuD;IACvD,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,CAA8C,EAAE,EAAE;QACjD,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,mDAAmD;IACnD,eAAe;IACb,iDAAiD;IACjD,kBAAkB,CAAS,KAAK,CAAC,SAAS,CAAC;IAC3C,wDAAwD;IACxD,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACpB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;SACtC;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,KAAC,SAAS,kBAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,IAAK,IAAI,UAAI,CAAC;AACjH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/filter/search/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchFilter } from './SearchFilter';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/filter/search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/filter/search/index.js

@@ -0,0 +1,2 @@
+export { SearchFilter } from './SearchFilter';
+//# sourceMappingURL=index.js.map

package/dist/components/filter/search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/filter/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare type FilterComponent = {
+    /** unique key for filter */
+    filterKey: string;
+    /** title for filter */
+    title: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/filter/types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/components/filter/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/filter/types.ts"],"names":[],"mappings":""}

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './filter';
+export * from './misc';
+export { FilterPanel } from './panel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,4 @@
+export * from './filter';
+export * from './misc';
+export { FilterPanel } from './panel';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/misc/ClearFilterButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '@equinor/fusion-react-button';
+export declare type ClearFilterButtonProps = Omit<ButtonProps, 'onClick'>;
+/**
+ * Component for resetting filter values.
+ * uses the `useClearFilter` hook
+ * inherits `ButtonProps` from `@equinor/fusion-react-button`
+ */
+export declare const ClearFilterButton: (props: ClearFilterButtonProps) => JSX.Element;
+export default ClearFilterButton;
+//# sourceMappingURL=ClearFilterButton.d.ts.map

package/dist/components/misc/ClearFilterButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearFilterButton.d.ts","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,WAAW,EAA2B,MAAM,8BAA8B,CAAC;AAI5F,oBAAY,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,WAoBjE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/misc/ClearFilterButton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useForwardRef } from '@equinor/fusion-react-utils';
+import { useSubscription } from '@equinor/fusion-react-observable';
+import { Button } from '@equinor/fusion-react-button';
+import { useClearFilter } from '../../hooks';
+/**
+ * Component for resetting filter values.
+ * uses the `useClearFilter` hook
+ * inherits `ButtonProps` from `@equinor/fusion-react-button`
+ */
+export const ClearFilterButton = (props) => {
+    const { label = 'Clear Filter', ...args } = props;
+    const { clear, changed$ } = useClearFilter();
+    const ref = useForwardRef(props.ref);
+    /** Subscribe to changes and toggle `disable` of button */
+    useSubscription(changed$, useCallback((changed) => {
+        ref.current && (ref.current.disabled = !Object.keys(changed).length);
+    }, [ref]));
+    /** Reset filters on click */
+    const onClick = useCallback(() => clear(), [clear]);
+    return _jsx(Button, Object.assign({ variant: "ghost" }, { ...args, ref, onClick, label }), void 0);
+};
+export default ClearFilterButton;
+//# sourceMappingURL=ClearFilterButton.js.map

package/dist/components/misc/ClearFilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearFilterButton.js","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAwC,MAAM,8BAA8B,CAAC;AAE5F,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAI7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC9E,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,aAAa,CAA0B,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9D,0DAA0D;IAC1D,eAAe,CACb,QAAQ,EACR,WAAW,CACT,CAAC,OAAO,EAAE,EAAE;QACV,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;IACvE,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,6BAA6B;IAC7B,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEpD,OAAO,KAAC,MAAM,kBAAC,OAAO,EAAC,OAAO,IAAK,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,UAAI,CAAC;AAC1E,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/misc/FilterContainer.d.ts

@@ -0,0 +1,12 @@
+import { theme } from '@equinor/fusion-react-styles';
+import React from 'react';
+declare type StyleProps = {
+    spacing?: keyof typeof theme.spacing.comfortable;
+};
+export declare type FilterContainerProps = JSX.IntrinsicElements['div'] & StyleProps;
+/**
+ *  Components for displaying filters
+ */
+export declare const FilterContainer: (props: React.PropsWithChildren<FilterContainerProps>) => JSX.Element;
+export default FilterContainer;
+//# sourceMappingURL=FilterContainer.d.ts.map

package/dist/components/misc/FilterContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContainer.d.ts","sourceRoot":"","sources":["../../../src/components/misc/FilterContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,aAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;CAClD,CAAC;AAEF,oBAAY,oBAAoB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC;AAE7E;;GAEG;AACH,eAAO,MAAM,eAAe,UAAW,MAAM,iBAAiB,CAAC,oBAAoB,CAAC,KAAG,WAQtF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/misc/FilterContainer.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
+const useStyles = makeStyles((theme) => createStyles({
+    root: ({ spacing }) => ({
+        display: 'flex',
+        gap: theme.spacing.comfortable[spacing || 'medium'].getVariable('padding'),
+    }),
+}), { name: 'fusion-filter-container' });
+/**
+ *  Components for displaying filters
+ */
+export const FilterContainer = (props) => {
+    const { children, className, spacing, ...args } = props;
+    const styles = useStyles({ spacing });
+    return (_jsx("div", Object.assign({ className: clsx(styles.root, className) }, args, { children: children }), void 0));
+};
+export default FilterContainer;
+//# sourceMappingURL=FilterContainer.js.map

package/dist/components/misc/FilterContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterContainer.js","sourceRoot":"","sources":["../../../src/components/misc/FilterContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAS,MAAM,8BAA8B,CAAC;AAGrF,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE,CAAC,EAAE,OAAO,EAAc,EAAE,EAAE,CAAC,CAAC;QAClC,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;KAC3E,CAAC;CACH,CAAC,EACJ,EAAE,IAAI,EAAE,yBAAyB,EAAE,CACpC,CAAC;AAQF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAoD,EAAe,EAAE;IACnG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IACtC,OAAO,CACL,4BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,cACnD,QAAQ,YACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/misc/index.d.ts

@@ -0,0 +1,3 @@
+export { ClearFilterButton } from './ClearFilterButton';
+export { FilterContainer } from './FilterContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/misc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/misc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/misc/index.js

@@ -0,0 +1,3 @@
+export { ClearFilterButton } from './ClearFilterButton';
+export { FilterContainer } from './FilterContainer';
+//# sourceMappingURL=index.js.map

package/dist/components/misc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/misc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,19 @@
+export declare type FilterPanelProps = {
+    /** Show filter bar */
+    showBar?: boolean;
+    /** Show selector for filters */
+    showSelector?: boolean;
+    /** display filters initial */
+    showFilters?: boolean;
+    /**
+     * Initial selected filters
+     * @default all - `filterKey` of all child components provided
+     */
+    selectedFilters?: string[];
+};
+/**
+ * Base component for displaying filter components and controllers
+ */
+export declare const FilterPanel: (props: React.PropsWithChildren<FilterPanelProps>) => JSX.Element;
+export default FilterPanel;
+//# sourceMappingURL=FilterPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"AAOA,oBAAY,gBAAgB,GAAG;IAC7B,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,UAAW,MAAM,iBAAiB,CAAC,gBAAgB,CAAC,KAAG,WAW9E,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/panel/FilterPanel.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { FilterPanelProvider } from './FilterPanelProvider';
+import { FilterPanelSelector } from './FilterPanelSelector';
+import { FilterPanelFilters } from './FilterPanelFilters';
+import { FilterPanelBar } from './FilterPanelBar';
+/**
+ * Base component for displaying filter components and controllers
+ */
+export const FilterPanel = (props) => {
+    const { showFilters, children } = props;
+    const filters = Children.toArray(children).filter((x) => !!x.props.filterKey);
+    const initialSelectedFilters = props.selectedFilters || filters.map((x) => x.props.filterKey);
+    return (_jsxs(FilterPanelProvider, Object.assign({}, { filters, initialSelectedFilters, showFilters }, { children: [props.showBar && _jsx(FilterPanelBar, {}, void 0), props.showSelector && _jsx(FilterPanelSelector, {}, void 0), _jsx(FilterPanelFilters, {}, void 0)] }), void 0));
+};
+export default FilterPanel;
+//# sourceMappingURL=FilterPanel.js.map

package/dist/components/panel/FilterPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanel.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAgB,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAmBlD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgD,EAAe,EAAE;IAC3F,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,OAAO,GAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAqC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACnH,MAAM,sBAAsB,GAAG,KAAK,CAAC,eAAe,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9F,OAAO,CACL,MAAC,mBAAmB,oBAAK,EAAE,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,eACtE,KAAK,CAAC,OAAO,IAAI,KAAC,cAAc,aAAG,EACnC,KAAK,CAAC,YAAY,IAAI,KAAC,mBAAmB,aAAG,EAC9C,KAAC,kBAAkB,aAAG,aACF,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AA6BA,eAAO,MAAM,cAAc,QAAO,WAkBjC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/panel/FilterPanelBar.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '@equinor/fusion-react-button';
+import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
+import { SearchFilter } from '../filter';
+import { ClearFilterButton } from '../misc';
+import { useFilterPanelContext } from './FilterPanelProvider';
+const useStyles = makeStyles((theme) => createStyles({
+    root: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: theme.spacing.comfortable.medium.getVariable('padding'),
+    },
+    actions: {
+        marginLeft: 'auto',
+        display: 'flex',
+        alignItems: 'center',
+        gap: theme.spacing.comfortable.medium.getVariable('padding'),
+    },
+    resetBtn: {
+        '&[disabled]': {
+            display: 'none',
+        },
+    },
+}), { name: 'fusion-filter-panel-bar' });
+export const FilterPanelBar = () => {
+    const { showFilters, setShowFilters } = useFilterPanelContext();
+    const styles = useStyles();
+    return (_jsxs("div", Object.assign({ className: styles.root }, { children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", dense: true }, void 0), _jsxs("div", Object.assign({ className: styles.actions }, { children: [_jsx(ClearFilterButton, { className: styles.resetBtn, label: "Reset Filters", icon: "refresh", variant: "ghost" }, void 0), _jsx(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', label: showFilters ? 'Hide filters' : 'Show filters', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true }, void 0)] }), void 0)] }), void 0));
+};
+export default FilterPanelBar;
+//# sourceMappingURL=FilterPanelBar.js.map

package/dist/components/panel/FilterPanelBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,OAAO,EAAE;QACP,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,yBAAyB,EAAE,CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAgB,EAAE;IAC9C,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBACzB,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,KAAK,iBAAG,EAC5D,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,iBAC5B,KAAC,iBAAiB,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,WAAG,EACtG,KAAC,MAAM,IACL,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACjD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,OAAO,EAAC,UAAU,EAClB,YAAY,iBACZ,aACE,aACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,QAAO,WAarC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/panel/FilterPanelFilters.js

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

package/dist/components/panel/FilterPanelFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelFilters.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAgB,EAAE;IAClD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE1D,MAAM,OAAO,GAAG,kBAAkB,CAChC,OAAO,CACL,GAAG,EAAE,CACH,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAC/G,EACH,CAAC,QAAQ,CAAC,CACX,CACF,CAAC;IACF,OAAO,KAAC,eAAe,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,gBAAG,OAAO,YAAmB,CAAC;AACrG,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +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>;
+    showFilters?: boolean;
+    setShowFilters: (show: boolean) => void;
+};
+declare const Consumer: import("react").Consumer<FilterPanelProviderContext | null>;
+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 = {
+    selectedFilters: Set<string>;
+    filters: ReactElement<FilterComponent>[];
+};
+export declare const initialState: State;
+declare type FilterPanelProviderProps = React.PropsWithChildren<{
+    filters: ReactElement<FilterComponent>[];
+    FilterSelector?: typeof FilterPanelSelector;
+    initialSelectedFilters?: string[];
+    showFilters?: boolean;
+}>;
+export declare const FilterPanelProvider: (props: FilterPanelProviderProps) => JSX.Element;
+export default FilterPanelProvider;
+//# sourceMappingURL=FilterPanelProvider.d.ts.map

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

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

package/dist/components/panel/FilterPanelProvider.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useObservable } from '@equinor/fusion-react-observable';
+import { createContext, useContext, useState } from 'react';
+import { createAction, createReducer } from 'typesafe-actions';
+const context = createContext(null);
+const { Provider, Consumer } = context;
+export { Consumer as FilterPanelConsumer };
+export const useFilterPanelContext = () => useContext(context);
+export const actions = {
+    add: createAction('@FILTER_PANEL/FILTER_SELECTION_ADD')(),
+    remove: createAction('@FILTER_PANEL/FILTER_SELECTION_REMOVE')(),
+};
+export const initialState = {
+    selectedFilters: new Set([]),
+    filters: [],
+};
+const reducer = createReducer(initialState)
+    .handleAction(actions.add, (state, { payload }) => {
+    state.selectedFilters.add(payload);
+    return { ...state, selected: new Set(state.selectedFilters) };
+})
+    .handleAction(actions.remove, (state, { payload }) => {
+    state.selectedFilters.delete(payload);
+    return { ...state, selected: new Set(state.selectedFilters) };
+});
+export const FilterPanelProvider = (props) => {
+    const filters$ = useObservable(reducer, {
+        selectedFilters: new Set(props.initialSelectedFilters),
+        filters: props.filters,
+    });
+    const [showFilters, setShowFilters] = useState(props.showFilters);
+    return _jsx(Provider, Object.assign({ value: { filters$, showFilters, setShowFilters } }, { children: props.children }), void 0);
+};
+export default FilterPanelProvider;
+//# sourceMappingURL=FilterPanelProvider.js.map

package/dist/components/panel/FilterPanelProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelProvider.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAmB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAgB,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK1E,OAAO,EAAE,YAAY,EAAE,aAAa,EAAc,MAAM,kBAAkB,CAAC;AAQ3E,MAAM,OAAO,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AACvE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAA+B,EAAE,CACpE,UAAU,CAAC,OAAO,CAA+B,CAAC;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,EAAE,YAAY,CAAC,oCAAoC,CAAC,EAAU;IACjE,MAAM,EAAE,YAAY,CAAC,uCAAuC,CAAC,EAAU;CACxE,CAAC;AAQF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,eAAe,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC;IAC5B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,OAAO,GAAG,aAAa,CAAiB,YAAY,CAAC;KACxD,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAChD,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC;AAChE,CAAC,CAAC;KACD,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACnD,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC;AAChE,CAAC,CAAC,CAAC;AASL,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,EAAE;QACtC,eAAe,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,sBAAsB,CAAC;QACtD,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAElE,OAAO,KAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAG,KAAK,CAAC,QAAQ,YAAY,CAAC;AACjG,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

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

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

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

package/dist/components/panel/FilterPanelSelector.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Checkbox } from '@equinor/fusion-react-checkbox';
+import { initialState, useFilterPanelContext, actions } from './FilterPanelProvider';
+import { useObservableState } from '@equinor/fusion-react-observable';
+export const FilterPanelSelector = () => {
+    const { filters$ } = useFilterPanelContext();
+    const { filters, selectedFilters } = useObservableState(filters$) || 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));
+};
+export default FilterPanelSelector;
+//# sourceMappingURL=FilterPanelSelector.js.map

package/dist/components/panel/FilterPanelSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPanelSelector.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAA6B,MAAM,gCAAgC,CAAC;AAErF,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAMtE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE7C,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC;IAElF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,CAA6C,EAAE,EAAE;QAChD,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,MAAM,QAAQ,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,wBACG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAChD,KAAC,QAAQ,IAEP,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,EACvC,OAAO,EAAE,OAAO,IAJX,SAAS,CAKd,CACH,CAAC,WACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,5 @@
+export { FilterPanelBar } from './FilterPanelBar';
+export { FilterPanelProvider } from './FilterPanelProvider';
+export { FilterPanelFilters } from './FilterPanelFilters';
+export { FilterPanel, FilterPanelProps } from './FilterPanel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/panel/index.js

@@ -0,0 +1,5 @@
+export { FilterPanelBar } from './FilterPanelBar';
+export { FilterPanelProvider } from './FilterPanelProvider';
+export { FilterPanelFilters } from './FilterPanelFilters';
+export { FilterPanel } from './FilterPanel';
+//# sourceMappingURL=index.js.map

package/dist/components/panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC"}

package/dist/context.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { 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 default useFilterContext;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,gBAAgB,mHAGmE,CAAC;AAEjG,eAAO,MAAQ,QAAQ,yEAAE,QAAQ,uEAAY,CAAC;AAE9C,eAAe,gBAAgB,CAAC"}