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

package/dist/components/CheckBoxFilter/CheckBoxOption.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-declare type CheckboxOptionProps = {
-    filterKey: string;
-    onSelectionChange: (key: string, selected: boolean, singleSelect?: boolean) => void;
-    selected: boolean;
-    label: ReactNode;
-    counter?: string | number;
-    indeterminate?: boolean;
-    compact?: boolean;
-    singleSelect?: boolean;
-};
-export declare const CheckboxOption: ({ filterKey, onSelectionChange, selected, label, counter, indeterminate, compact, singleSelect, }: CheckboxOptionProps) => JSX.Element;
-export default CheckboxOption;
-//# sourceMappingURL=CheckBoxOption.d.ts.map

package/dist/components/CheckBoxFilter/CheckBoxOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxOption.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/CheckBoxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,aAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpF,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,sGASxB,mBAAmB,KAAG,WAkBxB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/CheckBoxFilter/CheckBoxOption.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CheckBox from '@equinor/fusion-react-checkbox';
-import { useStyles } from './CheckBoxOption.style';
-export const CheckboxOption = ({ filterKey, onSelectionChange, selected, label, counter, indeterminate, compact, singleSelect, }) => {
-    const styles = useStyles();
-    // TODO: @olerichard - when fusion-react-components support attribute filter, remove undefined from props
-    return (_jsxs("li", Object.assign({ className: styles.FilterOption }, { children: [_jsx(CheckBox, { onInput: () => onSelectionChange(filterKey, selected), checked: selected || undefined, reducedTouchTarget: compact, indeterminate: indeterminate || undefined }, void 0), _jsx("label", Object.assign({ onClick: () => onSelectionChange(filterKey, selected, singleSelect), className: styles.FilterOptionLabel }, { children: label }), void 0), counter && _jsx("label", Object.assign({ className: styles.FilterOptionCount }, { children: counter }), void 0)] }), filterKey));
-};
-export default CheckboxOption;
-//# sourceMappingURL=CheckBoxOption.js.map

package/dist/components/CheckBoxFilter/CheckBoxOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxOption.js","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/CheckBoxOption.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAanD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,aAAa,EACb,OAAO,EACP,YAAY,GACQ,EAAe,EAAE;IACrC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,yGAAyG;IACzG,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,YAAY,iBAChC,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,QAAQ,CAAC,EACrD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAC9B,kBAAkB,EAAE,OAAO,EAC3B,aAAa,EAAE,aAAa,IAAI,SAAS,WACzC,EACF,8BAAO,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,gBAC5G,KAAK,YACA,EACP,OAAO,IAAI,8BAAO,SAAS,EAAE,MAAM,CAAC,iBAAiB,gBAAG,OAAO,YAAS,MAVlC,SAAS,CAW7C,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/CheckBoxFilter/CheckBoxOption.style.d.ts

@@ -1,3 +0,0 @@
-export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"FilterOption" | "FilterOptionLabel" | "FilterOptionCount">;
-export default useStyles;
-//# sourceMappingURL=CheckBoxOption.style.d.ts.map

package/dist/components/CheckBoxFilter/CheckBoxOption.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxOption.style.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/CheckBoxOption.style.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oIAwBrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/CheckBoxFilter/CheckBoxOption.style.js

@@ -1,24 +0,0 @@
-import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-export const useStyles = makeStyles(() => createStyles({
-    FilterOption: {
-        display: 'flex',
-        alignItems: 'center',
-        cursor: 'pointer',
-    },
-    FilterOptionLabel: {
-        flex: 1,
-        overflow: 'hidden',
-        height: '100%',
-        cursor: 'pointer',
-        alignItems: 'center',
-        textOverflow: 'ellipsis',
-    },
-    FilterOptionCount: {
-        wordBreak: 'keep-all',
-        display: 'flex',
-        padding: '8px',
-        justifyContent: 'flex-end',
-    },
-}), { name: 'fusion-filterpane-checkboxFilterOption' });
-export default useStyles;
-//# sourceMappingURL=CheckBoxOption.style.js.map

package/dist/components/CheckBoxFilter/CheckBoxOption.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxOption.style.js","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/CheckBoxOption.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,GAAG,EAAE,CACH,YAAY,CAAC;IACX,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;KAClB;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,UAAU;KACzB;IACD,iBAAiB,EAAE;QACjB,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,KAAK;QACd,cAAc,EAAE,UAAU;KAC3B;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,wCAAwC,EAAE,CACnD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/CheckBoxFilter/CheckboxFilter.style.d.ts

@@ -1,3 +0,0 @@
-export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"CheckBoxFilterContainer" | "FilterHeader" | "TextInputIcon" | "FilterOptionsContainer">;
-export default useStyles;
-//# sourceMappingURL=CheckboxFilter.style.d.ts.map

package/dist/components/CheckBoxFilter/CheckboxFilter.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxFilter.style.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/CheckboxFilter.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,iKA6BrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/CheckBoxFilter/CheckboxFilter.style.js

@@ -1,29 +0,0 @@
-import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-export const useStyles = makeStyles(() => createStyles({
-    CheckBoxFilterContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-        padding: '16px',
-        paddingBottom: '0px',
-        boxSizing: 'border-box',
-        minWidth: '150px',
-        maxWidth: '240px',
-    },
-    FilterHeader: {
-        padding: '0 8px',
-        fontWeight: 'bold',
-        whiteSpace: 'nowrap',
-    },
-    TextInputIcon: {
-        transform: 'scale(0.8)',
-        cursor: 'pointer',
-    },
-    FilterOptionsContainer: {
-        flexDirection: 'column',
-        overflowY: 'auto',
-        margin: 0,
-        padding: 0,
-    },
-}), { name: 'fusion-filterpane-checkBoxFilter' });
-export default useStyles;
-//# sourceMappingURL=CheckboxFilter.style.js.map

package/dist/components/CheckBoxFilter/CheckboxFilter.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxFilter.style.js","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/CheckboxFilter.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,GAAG,EAAE,CACH,YAAY,CAAC;IACX,uBAAuB,EAAE;QACvB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,OAAO;KAClB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,SAAS,EAAE,YAAY;QACvB,MAAM,EAAE,SAAS;KAClB;IACD,sBAAsB,EAAE;QACtB,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;KACX;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,kCAAkC,EAAE,CAC7C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/CheckBoxFilter/SelectAllOption.d.ts

@@ -1,12 +0,0 @@
-import FilterCounters from '../../types/FilterCounters';
-import FilterOption from '../../types/FilterOption';
-declare type SelectAllOptionProps = {
-    filterKey: string;
-    filterOptions: Record<string, FilterOption>;
-    filterCounters: FilterCounters | null;
-    resetSearchString: () => void;
-    compact?: boolean;
-};
-export declare const SelectAllOption: ({ filterOptions, filterKey, filterCounters, resetSearchString, compact, }: SelectAllOptionProps) => JSX.Element;
-export default SelectAllOption;
-//# sourceMappingURL=SelectAllOption.d.ts.map

package/dist/components/CheckBoxFilter/SelectAllOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectAllOption.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/SelectAllOption.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,MAAM,4BAA4B,CAAC;AACxD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAGpD,aAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC5C,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAKF,eAAO,MAAM,eAAe,8EAMzB,oBAAoB,KAAG,WAsCzB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/CheckBoxFilter/SelectAllOption.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import useFilterChangeHandler from '../../hooks/useFilterChangeHandler';
-import useFilterSelection from '../../hooks/useFilterSelection';
-import CheckboxOption from './CheckBoxOption';
-const selectionUpdate = (change) => change.allSelected ? [] : change.filterOptionsKeys;
-export const SelectAllOption = ({ filterOptions, filterKey, filterCounters, resetSearchString, compact, }) => {
-    const currentOptionsSelection = useFilterSelection(filterKey);
-    const validFilterOptionsKeys = useMemo(() => filterCounters ? Object.keys(filterOptions).filter((key) => filterCounters[key] > 0) : Object.keys(filterOptions), [filterOptions, filterCounters]);
-    const allSelected = useMemo(() => validFilterOptionsKeys.length === currentOptionsSelection?.length, [validFilterOptionsKeys, currentOptionsSelection]);
-    const handleSelectionChange = useFilterChangeHandler(filterKey, selectionUpdate);
-    const onSelectionChange = useCallback((_, selected) => {
-        resetSearchString();
-        handleSelectionChange({
-            allSelected: selected,
-            filterOptionsKeys: validFilterOptionsKeys,
-        });
-    }, [handleSelectionChange, validFilterOptionsKeys, resetSearchString]);
-    return (_jsx(CheckboxOption, { filterKey: filterKey, onSelectionChange: onSelectionChange, selected: allSelected, label: '(All)', indeterminate: Boolean(!allSelected && currentOptionsSelection?.length), compact: compact }, 'SelectAllOption' + filterKey));
-};
-export default SelectAllOption;
-//# sourceMappingURL=SelectAllOption.js.map

package/dist/components/CheckBoxFilter/SelectAllOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectAllOption.js","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/SelectAllOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,sBAAsB,MAAM,oCAAoC,CAAC;AACxE,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAGhE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAU9C,MAAM,eAAe,GAAG,CAAC,MAA6D,EAAE,EAAE,CACxF,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,aAAa,EACb,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,OAAO,GACc,EAAe,EAAE;IACtC,MAAM,uBAAuB,GAAG,kBAAkB,CAAW,SAAS,CAAC,CAAC;IAExE,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,EACnH,CAAC,aAAa,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,KAAK,uBAAuB,EAAE,MAAM,EACvE,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAClD,CAAC;IAEF,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;IAEjF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,CAAC,EAAE,QAAiB,EAAE,EAAE;QACvB,iBAAiB,EAAE,CAAC;QACpB,qBAAqB,CAAC;YACpB,WAAW,EAAE,QAAQ;YACrB,iBAAiB,EAAE,sBAAsB;SAC1C,CAAC,CAAC;IACL,CAAC,EACD,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,CACnE,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAEb,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,OAAO,EACd,aAAa,EAAE,OAAO,CAAC,CAAC,WAAW,IAAI,uBAAuB,EAAE,MAAM,CAAC,EACvE,OAAO,EAAE,OAAO,IANX,iBAAiB,GAAG,SAAS,CAOlC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,5 +0,0 @@
-export * from './CheckBoxOption';
-export * from './CheckBoxFilter';
-export * from './SelectAllOption';
-export { default } from './CheckBoxFilter';
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/CheckBoxFilter/index.js

@@ -1,5 +0,0 @@
-export * from './CheckBoxOption';
-export * from './CheckBoxFilter';
-export * from './SelectAllOption';
-export { default } from './CheckBoxFilter';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckBoxFilter/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/FilterSection/FilterSection.d.ts

@@ -1,29 +0,0 @@
-import { PropsWithChildren } from 'react';
-declare type FilterSectionProps = {
-    isMinimized?: boolean;
-    useFilterSelector?: boolean;
-    compactFilterSelector?: boolean;
-    useFilterSelectorSearch?: boolean;
-};
-/**
- *FilterSection is a vertically adjustable, that list out registered filters horizontally.
- *When used with FilterSelector, the are will show all filters that are selected in the selector.
- *The filter selector will give the user the ability to select the filters that are currently relevant.
- *Giving greater clarity of what is being filtered at the moment.
- *It also helps with performance, as all filters does not need to be registered at all times.
- *Resulting in less work for the Filter provider when a selection is made.
- *
- * @param isMinimized Minimized will set the section to display :'none'
- * @param useFilterSelector Add a filter selector on the left side. Where user can (de)select filters for use.
- * @param compactFilterSelector Compact Filter options text and checkbox size
- * @param useFilterSelectorSearch Add a search bar to filter selector, to search for filters.
- * @param children Add Filters components as children, and they will be displayed in the filtersection.
- * @example
- * const [minimized, setMinimized] = useState(false);
- * <FilterSection isMinimized={minimized} useFilterSelector useFilterSelectorSearch>
- *     <CheckBoxFilter filter={filterSettings}  />
- * </FilterSection>
- */
-export declare const FilterSection: ({ isMinimized, useFilterSelector, compactFilterSelector, useFilterSelectorSearch, children, }: PropsWithChildren<FilterSectionProps>) => JSX.Element;
-export default FilterSection;
-//# sourceMappingURL=FilterSection.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSection.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSection/FilterSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EASlB,MAAM,OAAO,CAAC;AAUf,aAAK,kBAAkB,GAAG;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AAEH,eAAO,MAAM,aAAa,kGAMvB,kBAAkB,kBAAkB,CAAC,KAAG,WAyE1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/FilterSection/FilterSection.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, useEffect, useMemo, useRef, useState, } from 'react';
-import FilterSelector from '../FilterSelector/FilterSelector';
-import useResizablePanel from '../../hooks/useResizablePanel';
-import { pipe } from 'rxjs';
-import { clsx } from '@equinor/fusion-react-styles';
-import useStyles from './FilterSection.style';
-import { unfold_more } from '@equinor/eds-icons';
-import Icon from '../Icon';
-import useFilterContext from '../../hooks/useFilterContext';
-/**
- *FilterSection is a vertically adjustable, that list out registered filters horizontally.
- *When used with FilterSelector, the are will show all filters that are selected in the selector.
- *The filter selector will give the user the ability to select the filters that are currently relevant.
- *Giving greater clarity of what is being filtered at the moment.
- *It also helps with performance, as all filters does not need to be registered at all times.
- *Resulting in less work for the Filter provider when a selection is made.
- *
- * @param isMinimized Minimized will set the section to display :'none'
- * @param useFilterSelector Add a filter selector on the left side. Where user can (de)select filters for use.
- * @param compactFilterSelector Compact Filter options text and checkbox size
- * @param useFilterSelectorSearch Add a search bar to filter selector, to search for filters.
- * @param children Add Filters components as children, and they will be displayed in the filtersection.
- * @example
- * const [minimized, setMinimized] = useState(false);
- * <FilterSection isMinimized={minimized} useFilterSelector useFilterSelectorSearch>
- *     <CheckBoxFilter filter={filterSettings}  />
- * </FilterSection>
- */
-export const FilterSection = ({ isMinimized, useFilterSelector, compactFilterSelector = false, useFilterSelectorSearch, children, }) => {
-    const [selection, setSelections] = useState([]);
-    const { store } = useFilterContext();
-    useEffect(() => {
-        if (!useFilterSelector) {
-            setSelections(Children.toArray(children));
-            return;
-        }
-        const activeChildren = store.selection$.subscribe(pipe((currSelection) => {
-            const selectionKeys = Object.keys(currSelection);
-            const activeChildren = Children.toArray(children)
-                .filter((child) => selectionKeys.includes(child.props.filter.key))
-                .sort((a, b) => {
-                const aPriority = a.props.filter?.priority || 9999;
-                const bPriority = b.props.filter?.priority || 9999;
-                return aPriority - bPriority;
-            });
-            setSelections(activeChildren);
-        }));
-        return () => activeChildren.unsubscribe();
-    }, [store, useFilterSelector, children]);
-    const resizeContainerRef = useRef(null);
-    const { resizedSize, isResizing, onResizeStart } = useResizablePanel({
-        isResizable: true,
-        id: 'FilterPane',
-        minHeight: 300,
-        maxHeight: 1000,
-        resizeContainerRef: resizeContainerRef,
-    });
-    const styles = useStyles();
-    const filterContainerClassNames = useMemo(() => clsx(styles.FilterSectionContainer, isMinimized ? styles.Minimized : undefined, isResizing ? styles.Resizing : undefined), [isMinimized, styles, isResizing]);
-    return (_jsxs("div", Object.assign({ className: filterContainerClassNames }, { children: [_jsxs("div", Object.assign({ ref: resizeContainerRef, className: styles.FilterSection, style: { ...resizedSize } }, { children: [useFilterSelector && (_jsx(FilterSelector, Object.assign({ useSearch: useFilterSelectorSearch, compact: compactFilterSelector }, { children: children }), void 0)), selection.length ? (selection) : (_jsx("span", Object.assign({ className: styles.FilterSectionEmptyText }, { children: "\u2B05 Select filter categories to start filtering the dataset" }), void 0))] }), void 0), _jsxs("div", Object.assign({ className: styles.Resize, onMouseDown: onResizeStart }, { children: [_jsx("div", { className: styles.ResizeBar }, void 0), _jsx("div", Object.assign({ className: styles.ResizeIndicator }, { children: _jsx(Icon, { icon: unfold_more }, void 0) }), void 0)] }), void 0)] }), void 0));
-};
-export default FilterSection;
-//# sourceMappingURL=FilterSection.js.map

package/dist/components/FilterSection/FilterSection.js.map

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

package/dist/components/FilterSection/FilterSection.style.d.ts

@@ -1,3 +0,0 @@
-export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"FilterSectionContainer" | "FilterSection" | "FilterSectionEmptyText" | "Resize" | "Resizing" | "ResizeBar" | "ResizeIndicator" | "Minimized">;
-export default useStyles;
-//# sourceMappingURL=FilterSection.style.d.ts.map

package/dist/components/FilterSection/FilterSection.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSection.style.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSection/FilterSection.style.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,uNA8DrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/FilterSection/FilterSection.style.js

@@ -1,56 +0,0 @@
-import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-export const useStyles = makeStyles((theme) => createStyles({
-    FilterSectionContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-    },
-    FilterSection: {
-        display: 'flex',
-        width: '100%',
-        backgroundColor: theme.colors.ui.background__light.value.hex,
-        boxSizing: 'border-box',
-        borderBottom: `solid 1px ${theme.colors.ui.background__medium.value.hex}`,
-        overflowY: 'auto',
-    },
-    FilterSectionEmptyText: {
-        padding: '16px',
-    },
-    Resize: {
-        width: '100%',
-        zIndex: 2,
-        height: '4px',
-        left: '-16px',
-        cursor: 'row-resize',
-        opacity: 0,
-        transition: 'opacity 0.2s',
-        '&:hover': { opacity: 1 },
-    },
-    Resizing: {
-        userSelect: 'none',
-        transition: 'none',
-    },
-    ResizeBar: {
-        width: '100%',
-        position: 'relative',
-        zIndex: 1,
-        height: '4px',
-        background: 'rgba(0, 0, 0, 0.1)',
-    },
-    ResizeIndicator: {
-        position: 'relative',
-        left: 'calc(50% - 12px)',
-        top: '-14px',
-        height: '24px',
-        width: '24px',
-        background: 'white',
-        borderRadius: '4px',
-        display: 'flex',
-        alignItems: 'center',
-        zIndex: 2,
-    },
-    Minimized: {
-        display: 'none',
-    },
-}), { name: 'fusion-filterpane-filterSection' });
-export default useStyles;
-//# sourceMappingURL=FilterSection.style.js.map

package/dist/components/FilterSection/FilterSection.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSection.style.js","sourceRoot":"","sources":["../../../src/components/FilterSection/FilterSection.style.tsx"],"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,sBAAsB,EAAE;QACtB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IAED,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAC5D,SAAS,EAAE,YAAY;QACvB,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;QACzE,SAAS,EAAE,MAAM;KAClB;IAED,sBAAsB,EAAE;QACtB,OAAO,EAAE,MAAM;KAChB;IAED,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,YAAY;QACpB,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,cAAc;QAC1B,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;KAC1B;IAED,QAAQ,EAAE;QACR,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;KACnB;IAED,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,oBAAoB;KACjC;IAED,eAAe,EAAE;QACf,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,kBAAkB;QACxB,GAAG,EAAE,OAAO;QACZ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,OAAO;QACnB,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;IACD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,iCAAiC,EAAE,CAC5C,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

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

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

package/dist/components/FilterSection/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilterSection/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/FilterSelectionChips/FilterSelectionChips.d.ts

@@ -1,7 +0,0 @@
-/**
- *Looks at the filter selections and summarized all none-empty selections into a Chip.
- *Chip will show name filter title, amount selected and a clear filter button .
- */
-export declare const FilterSelectionChips: () => JSX.Element;
-export default FilterSelectionChips;
-//# sourceMappingURL=FilterSelectionChips.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSelectionChips.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/FilterSelectionChips.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAAO,WAoBvC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/FilterSelectionChips/FilterSelectionChips.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '../Icon';
-import { close } from '@equinor/eds-icons';
-import useFilterContext from '../../hooks/useFilterContext';
-import { useChipsSelection } from './useChipsSelection';
-import { useStyles } from './FilterSelectionChips.style';
-/**
- *Looks at the filter selections and summarized all none-empty selections into a Chip.
- *Chip will show name filter title, amount selected and a clear filter button .
- */
-export const FilterSelectionChips = () => {
-    const chips = useChipsSelection();
-    const { store } = useFilterContext();
-    const styles = useStyles();
-    return (_jsx("div", Object.assign({ className: styles.ChipsContainer }, { children: chips.map((chip) => (_jsxs("div", Object.assign({ className: styles.Chip }, { children: [`${chip.title} (${Array.isArray(chip.selection) ? chip.selection.length : chip.selection}) `, _jsx("div", Object.assign({ className: styles.ChipResetFilter }, { children: _jsx(Icon, { icon: close, onClick: chip.noFilterReset ? undefined : () => store.clearSingleFilterSelection(chip.key) }, void 0) }), void 0)] }), 'Chip' + chip.key))) }), void 0));
-};
-export default FilterSelectionChips;
-//# sourceMappingURL=FilterSelectionChips.js.map

package/dist/components/FilterSelectionChips/FilterSelectionChips.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSelectionChips.js","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/FilterSelectionChips.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAgB,EAAE;IACpD,MAAM,KAAK,GAAG,iBAAiB,EAAE,CAAC;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,4BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,gBAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,6BAA6B,SAAS,EAAE,MAAM,CAAC,IAAI,iBAChD,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,EAC7F,4BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,gBACpC,KAAC,IAAI,IACH,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,IAAI,CAAC,GAAG,CAAC,WAC1F,YACE,MAPE,MAAM,GAAG,IAAI,CAAC,GAAG,CAQrB,CACP,CAAC,YACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/FilterSelectionChips/FilterSelectionChips.style.d.ts

@@ -1,3 +0,0 @@
-export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"ChipsContainer" | "Chip" | "ChipResetFilter">;
-export default useStyles;
-//# sourceMappingURL=FilterSelectionChips.style.d.ts.map

package/dist/components/FilterSelectionChips/FilterSelectionChips.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSelectionChips.style.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/FilterSelectionChips.style.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,uHA+BrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/FilterSelectionChips/FilterSelectionChips.style.js

@@ -1,31 +0,0 @@
-import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-export const useStyles = makeStyles((theme) => createStyles({
-    ChipsContainer: {
-        display: 'grid',
-        gridAutoFlow: 'column',
-        gridGap: '8px',
-        alignContent: 'center',
-        overflow: 'auto',
-    },
-    Chip: {
-        fontFamily: 'Equinor',
-        fontWeight: 500,
-        fontSize: '0.875rem',
-        color: theme.colors.interactive.primary__resting.value.hex,
-        display: 'flex',
-        borderRadius: '16px',
-        background: theme.colors.interactive.primary__selected_highlight.value.hex,
-        whiteSpace: 'nowrap',
-        padding: '4px 8px ',
-        lineHeight: '24px',
-        alignItems: 'center',
-    },
-    ChipResetFilter: {
-        borderRadius: '16px',
-        '&:hover': {
-            background: theme.colors.interactive.primary__hover_alt.value.hex,
-        },
-    },
-}), { name: 'fusion-filterpane-chips' });
-export default useStyles;
-//# sourceMappingURL=FilterSelectionChips.style.js.map

package/dist/components/FilterSelectionChips/FilterSelectionChips.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSelectionChips.style.js","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/FilterSelectionChips.style.tsx"],"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,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,KAAK;QACd,YAAY,EAAE,QAAQ;QACtB,QAAQ,EAAE,MAAM;KACjB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG;QAC1D,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,2BAA2B,CAAC,KAAK,CAAC,GAAG;QAC1E,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB;IACD,eAAe,EAAE;QACf,YAAY,EAAE,MAAM;QACpB,SAAS,EAAE;YACT,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG;SAClE;KACF;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,yBAAyB,EAAE,CACpC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/index.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/FilterSelectionChips/index.js

@@ -1,2 +0,0 @@
-export * from './FilterSelectionChips';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/index.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/FilterSelectionChips/useChipsSelection.d.ts

@@ -1,9 +0,0 @@
-export declare type FilterChips = {
-    key: string;
-    title: string;
-    noFilterReset: boolean;
-    selection: any;
-};
-export declare const useChipsSelection: () => FilterChips[];
-export default useChipsSelection;
-//# sourceMappingURL=useChipsSelection.d.ts.map

package/dist/components/FilterSelectionChips/useChipsSelection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChipsSelection.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/useChipsSelection.ts"],"names":[],"mappings":"AAIA,oBAAY,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qBAsB7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/FilterSelectionChips/useChipsSelection.js

@@ -1,26 +0,0 @@
-import { useState, useEffect } from 'react';
-import useFilterContext from '../../hooks/useFilterContext';
-export const useChipsSelection = () => {
-    const { store } = useFilterContext();
-    const [chips, setChips] = useState([]);
-    useEffect(() => {
-        const subscription = store.selection$.subscribe((selections) => {
-            const chips = Object.keys(selections)
-                .filter((selection) => selections[selection].length)
-                .map((key) => {
-                const { title, noFilterReset } = store.getFilterSetting(key);
-                return {
-                    key: key,
-                    title: title,
-                    noFilterReset: Boolean(noFilterReset),
-                    selection: selections[key],
-                };
-            });
-            setChips(chips);
-        });
-        return () => subscription.unsubscribe();
-    }, []);
-    return chips;
-};
-export default useChipsSelection;
-//# sourceMappingURL=useChipsSelection.js.map

package/dist/components/FilterSelectionChips/useChipsSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChipsSelection.js","sourceRoot":"","sources":["../../../src/components/FilterSelectionChips/useChipsSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAS5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAA+B,EAAE,EAAE;YAClF,MAAM,KAAK,GAAkB,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;iBACjD,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;iBACnD,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACX,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;gBAC7D,OAAO;oBACL,GAAG,EAAE,GAAG;oBACR,KAAK,EAAE,KAAK;oBACZ,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC;oBACrC,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC;iBAC3B,CAAC;YACJ,CAAC,CAAC,CAAC;YACL,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/FilterSelector/FilterCategory.d.ts

@@ -1,7 +0,0 @@
-import { FilterCategoryType } from './FilterSelector';
-declare type FilterCategoryProps = FilterCategoryType & {
-    compact?: boolean;
-};
-export declare const FilterCategory: ({ filterKey, title, selected, disabled, description, compact, }: FilterCategoryProps) => JSX.Element;
-export default FilterCategory;
-//# sourceMappingURL=FilterCategory.d.ts.map

package/dist/components/FilterSelector/FilterCategory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterCategory.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSelector/FilterCategory.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAkBtD,aAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtE,eAAO,MAAM,cAAc,oEAOxB,mBAAmB,KAAG,WAgBxB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/FilterSelector/FilterCategory.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useEffect, useCallback } from 'react';
-import { Subject } from 'rxjs';
-import CheckBox from '@equinor/fusion-react-checkbox';
-import useFilterContext from '../../hooks/useFilterContext';
-import { useStyles } from './FilterCategory.style';
-const useChangeHandler = (key) => {
-    const { store } = useFilterContext();
-    const change$ = useMemo(() => new Subject(), []);
-    useEffect(() => {
-        const subscription = change$.subscribe((checked) => {
-            checked ? store.registerSelection(key, []) : store.unregisterSelection(key);
-        });
-        return () => subscription.unsubscribe();
-    }, [store, key, change$]);
-    return useCallback((checked) => change$.next(checked), [change$]);
-};
-export const FilterCategory = ({ filterKey, title, selected, disabled, description, compact = false, }) => {
-    const onChange = useChangeHandler(filterKey);
-    const styles = useStyles();
-    return (_jsxs("li", Object.assign({ className: styles.FilterCategoryContainer }, { children: [_jsx(CheckBox, { onInput: () => onChange(!selected), checked: selected || undefined, reducedTouchTarget: compact, disabled: disabled || undefined }, void 0), _jsx("label", Object.assign({ className: styles.CategoryLabel, onClick: () => !disabled && onChange(!selected), title: description }, { children: title }), void 0)] }), filterKey));
-};
-export default FilterCategory;
-//# sourceMappingURL=FilterCategory.js.map

package/dist/components/FilterSelector/FilterCategory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterCategory.js","sourceRoot":"","sources":["../../../src/components/FilterSelector/FilterCategory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAGtD,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAE;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,OAAO,GAAqB,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,OAAO,EAAW,EAAE,EAAE,CAAC,CAAC;IAE5E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;YACjD,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAC9E,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1B,OAAO,WAAW,CAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7E,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,KAAK,GACK,EAAe,EAAE;IACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,uBAAuB,iBAC3C,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAClC,OAAO,EAAE,QAAQ,IAAI,SAAS,EAC9B,kBAAkB,EAAE,OAAO,EAC3B,QAAQ,EAAE,QAAQ,IAAI,SAAS,WAC/B,EACF,8BAAO,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,gBACxG,KAAK,YACA,MAT0C,SAAS,CAUxD,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/FilterSelector/FilterCategory.style.d.ts

@@ -1,3 +0,0 @@
-export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"FilterCategoryContainer" | "CategoryLabel">;
-export default useStyles;
-//# sourceMappingURL=FilterCategory.style.d.ts.map

package/dist/components/FilterSelector/FilterCategory.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterCategory.style.d.ts","sourceRoot":"","sources":["../../../src/components/FilterSelector/FilterCategory.style.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,qHAUrB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/FilterSelector/FilterCategory.style.js

@@ -1,12 +0,0 @@
-import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-export const useStyles = makeStyles(() => createStyles({
-    FilterCategoryContainer: {
-        display: 'flex',
-        alignItems: 'center',
-    },
-    CategoryLabel: {
-        cursor: 'pointer',
-    },
-}));
-export default useStyles;
-//# sourceMappingURL=FilterCategory.style.js.map

package/dist/components/FilterSelector/FilterCategory.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterCategory.style.js","sourceRoot":"","sources":["../../../src/components/FilterSelector/FilterCategory.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CACvC,YAAY,CAAC;IACX,uBAAuB,EAAE;QACvB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CACH,CAAC;AAEF,eAAe,SAAS,CAAC"}