@equinor/fusion-react-filter 2.1.3 → 2.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FilterProvider.d.ts +5 -1
- package/dist/FilterProvider.d.ts.map +1 -1
- package/dist/FilterProvider.js +1 -0
- package/dist/components/filter/FilterOptionHeader.d.ts +4 -1
- package/dist/components/filter/FilterOptionHeader.d.ts.map +1 -1
- package/dist/components/filter/FilterOptionHeader.js +1 -0
- package/dist/components/filter/checkbox/CheckboxFilter.d.ts +4 -1
- package/dist/components/filter/checkbox/CheckboxFilter.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilter.js +1 -0
- package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts +4 -1
- package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterOption.js +1 -0
- package/dist/components/filter/checkbox/CheckboxFilterOptionAll.d.ts +4 -1
- package/dist/components/filter/checkbox/CheckboxFilterOptionAll.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterOptionAll.js +1 -0
- package/dist/components/filter/checkbox/CheckboxFilterOptions.d.ts +4 -1
- package/dist/components/filter/checkbox/CheckboxFilterOptions.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterOptions.js +1 -0
- package/dist/components/filter/checkbox/CheckboxFilterProvider.d.ts +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterProvider.d.ts.map +1 -1
- package/dist/components/filter/checkbox/CheckboxFilterProvider.js +1 -0
- package/dist/components/filter/search/SearchFilter.d.ts +4 -1
- package/dist/components/filter/search/SearchFilter.d.ts.map +1 -1
- package/dist/components/filter/search/SearchFilter.js +1 -0
- package/dist/components/misc/ClearFilterButton.d.ts +4 -1
- package/dist/components/misc/ClearFilterButton.d.ts.map +1 -1
- package/dist/components/misc/ClearFilterButton.js +1 -0
- package/dist/components/misc/FilterContainer.d.ts +4 -1
- package/dist/components/misc/FilterContainer.d.ts.map +1 -1
- package/dist/components/misc/FilterContainer.js +1 -0
- package/dist/components/misc/SelectionChips.d.ts +5 -1
- package/dist/components/misc/SelectionChips.d.ts.map +1 -1
- package/dist/components/misc/SelectionChips.js +2 -0
- package/dist/components/panel/FilterPanel.d.ts +4 -1
- package/dist/components/panel/FilterPanel.d.ts.map +1 -1
- package/dist/components/panel/FilterPanel.js +3 -2
- package/dist/components/panel/FilterPanelBar.d.ts +4 -1
- package/dist/components/panel/FilterPanelBar.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelBar.js +1 -0
- package/dist/components/panel/FilterPanelFilters.d.ts +4 -1
- package/dist/components/panel/FilterPanelFilters.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelFilters.js +1 -0
- package/dist/components/panel/FilterPanelProvider.d.ts +4 -1
- package/dist/components/panel/FilterPanelProvider.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelProvider.js +1 -0
- package/dist/components/panel/FilterPanelSelector.d.ts +4 -1
- package/dist/components/panel/FilterPanelSelector.d.ts.map +1 -1
- package/dist/components/panel/FilterPanelSelector.js +1 -0
- package/package.json +11 -10
- package/LICENSE +0 -21
package/dist/FilterProvider.d.ts
CHANGED
|
@@ -5,6 +5,10 @@ export type FilterProviderProps<TSelections extends Record<string, unknown>, TDa
|
|
|
5
5
|
initialSelection?: TSelections;
|
|
6
6
|
initialFilters?: Record<string, Filter<TData, TSelections>>;
|
|
7
7
|
};
|
|
8
|
-
|
|
8
|
+
type FilterProviderComponent = {
|
|
9
|
+
<TSelections extends Record<string, any>, TData extends Record<string, any> = Record<string, any>>(props: PropsWithChildren<FilterProviderProps<TSelections, TData>>): ReactElement;
|
|
10
|
+
displayName?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const FilterProvider: FilterProviderComponent;
|
|
9
13
|
export default FilterProvider;
|
|
10
14
|
//# sourceMappingURL=FilterProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAIlB,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,mBAAmB,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI;IACpF,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAIlB,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,mBAAmB,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI;IACpF,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,CAEE,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAEvC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAEvD,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,GAChE,YAAY,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,uBA4C5B,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
package/dist/FilterProvider.js
CHANGED
|
@@ -2,6 +2,9 @@ import { type ReactElement } from 'react';
|
|
|
2
2
|
type FilterHeaderProps = {
|
|
3
3
|
readonly title: string;
|
|
4
4
|
};
|
|
5
|
-
export declare const FilterOptionHeader:
|
|
5
|
+
export declare const FilterOptionHeader: {
|
|
6
|
+
(props: FilterHeaderProps): ReactElement;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
6
9
|
export default FilterOptionHeader;
|
|
7
10
|
//# sourceMappingURL=FilterOptionHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterOptionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAqC,MAAM,OAAO,CAAC;AAY7F,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AA2CF,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FilterOptionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/filter/FilterOptionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,YAAY,EAAqC,MAAM,OAAO,CAAC;AAY7F,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AA2CF,eAAO,MAAM,kBAAkB;YAAW,iBAAiB,GAAG,YAAY;;CAyDzE,CAAC;AAIF,eAAe,kBAAkB,CAAC"}
|
|
@@ -73,4 +73,5 @@ export const FilterOptionHeader = (props) => {
|
|
|
73
73
|
}, [query$]);
|
|
74
74
|
return (_jsxs(Styled.Root, { children: [_jsx(Styled.SearchField, { id: title, ref: searchRef, "$showSearch": showSearch, type: "search", placeholder: title, onInput: (e) => setQuery(e.currentTarget.value), inputIcon: _jsx(Icon, { name: "search", size: 16 }, "thumbs") }), _jsxs(Styled.Header, { "$showSearch": showSearch, children: [_jsx("span", { children: title }), _jsxs(Styled.Counter, { "$noCount": selectedCount === 0, children: [_jsx("span", { children: "(" }), _jsx("span", { children: selectedCount }), _jsx("span", { children: "/" }), _jsx("span", { children: optionCount }), _jsx("span", { children: ")" })] })] }), _jsx(Styled.IconBtn, { name: showSearch ? 'chevron_right' : 'search', size: 16, onClick: onIconClick })] }));
|
|
75
75
|
};
|
|
76
|
+
FilterOptionHeader.displayName = 'FilterOptionHeader';
|
|
76
77
|
export default FilterOptionHeader;
|
|
@@ -21,6 +21,9 @@ export type CheckboxFilterProps<TData extends Record<string, any> = Record<strin
|
|
|
21
21
|
/**
|
|
22
22
|
* Component for displaying multi-select filter with checkboxes
|
|
23
23
|
*/
|
|
24
|
-
export declare const CheckboxFilter:
|
|
24
|
+
export declare const CheckboxFilter: {
|
|
25
|
+
<TData extends Record<string, any> = Record<string, any>>(props: CheckboxFilterProps<TData>): ReactElement;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
25
28
|
export default CheckboxFilter;
|
|
26
29
|
//# sourceMappingURL=CheckboxFilter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAElF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACrF,eAAe,GAAG;IAChB,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACxF,oCAAoC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAI/B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QACvC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;KAC9D,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACvE,CAAC;AAEJ;;GAEG;AAEH,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAElF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACrF,eAAe,GAAG;IAChB,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACxF,oCAAoC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAI/B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QACvC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;KAC9D,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACvE,CAAC;AAEJ;;GAEG;AAEH,eAAO,MAAM,cAAc;KAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,+BACvD,mBAAmB,CAAC,KAAK,CAAC,GAChC,YAAY;;CAad,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -12,4 +12,5 @@ export const CheckboxFilter = (props) => {
|
|
|
12
12
|
const { enableAll, sortFn, ...args } = props;
|
|
13
13
|
return (_jsx(CheckboxFilterProvider, { ...args, children: _jsxs(Styled.Root, { children: [_jsx(FilterOptionHeader, { title: args.title }), _jsxs(Styled.Items, { "$layout": "column", children: [enableAll && _jsx(CheckboxFilterOptionAll, {}), _jsx(CheckboxFilterOptions, { sortFn: sortFn })] })] }) }));
|
|
14
14
|
};
|
|
15
|
+
CheckboxFilter.displayName = 'CheckboxFilter';
|
|
15
16
|
export default CheckboxFilter;
|
|
@@ -10,6 +10,9 @@ export type CheckboxFilterOptionProps = Partial<HTMLAttributes<HTMLDivElement>>
|
|
|
10
10
|
selected?: boolean;
|
|
11
11
|
}) => void;
|
|
12
12
|
};
|
|
13
|
-
export declare const CheckboxFilterOption:
|
|
13
|
+
export declare const CheckboxFilterOption: {
|
|
14
|
+
(props: CheckboxFilterOptionProps): ReactElement;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
14
17
|
export default CheckboxFilterOption;
|
|
15
18
|
//# sourceMappingURL=CheckboxFilterOption.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAC;AAK5F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAC7E,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEJ,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAC;AAK5F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAC7E,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEJ,eAAO,MAAM,oBAAoB;YAAW,yBAAyB,GAAG,YAAY;;CA+BnF,CAAC;AAIF,eAAe,oBAAoB,CAAC"}
|
|
@@ -9,4 +9,5 @@ export const CheckboxFilterOption = (props) => {
|
|
|
9
9
|
}, [onOptionChange]);
|
|
10
10
|
return (_jsxs(Styled.Root, { ...args, className: className, "$inactive": inactive, "$hide": hide, children: [_jsx(Checkbox, { name: name, checked: checked, onChange: onCheckboxInput, indeterminate: indeterminate, label: label }), _jsx(Styled.Counter, { children: count })] }));
|
|
11
11
|
};
|
|
12
|
+
CheckboxFilterOption.displayName = 'CheckboxFilterOption';
|
|
12
13
|
export default CheckboxFilterOption;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { type ReactElement } from 'react';
|
|
2
|
-
export declare const CheckboxFilterOptionAll:
|
|
2
|
+
export declare const CheckboxFilterOptionAll: {
|
|
3
|
+
(): ReactElement;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
3
6
|
export default CheckboxFilterOptionAll;
|
|
4
7
|
//# sourceMappingURL=CheckboxFilterOptionAll.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilterOptionAll.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptionAll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,OAAO,CAAC;AAWvD,eAAO,MAAM,uBAAuB
|
|
1
|
+
{"version":3,"file":"CheckboxFilterOptionAll.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptionAll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,OAAO,CAAC;AAWvD,eAAO,MAAM,uBAAuB;QAAO,YAAY;;CAmCtD,CAAC;AAIF,eAAe,uBAAuB,CAAC"}
|
|
@@ -20,4 +20,5 @@ export const CheckboxFilterOptionAll = () => {
|
|
|
20
20
|
}, [setSelection, optionKeysRef]);
|
|
21
21
|
return (_jsx(CheckboxFilterOption, { name: "all", label: "All", indeterminate: indeterminate, checked: checked, count: totalCount, onOptionChange: onOptionChange }));
|
|
22
22
|
};
|
|
23
|
+
CheckboxFilterOptionAll.displayName = 'CheckboxFilterOptionAll';
|
|
23
24
|
export default CheckboxFilterOptionAll;
|
|
@@ -4,6 +4,9 @@ type CheckboxFilterOptionsProps = {
|
|
|
4
4
|
label: string;
|
|
5
5
|
}>(a: T, b: T) => number;
|
|
6
6
|
};
|
|
7
|
-
export declare const CheckboxFilterOptions:
|
|
7
|
+
export declare const CheckboxFilterOptions: {
|
|
8
|
+
({ sortFn }: CheckboxFilterOptionsProps): ReactElement;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
8
11
|
export default CheckboxFilterOptions;
|
|
9
12
|
//# sourceMappingURL=CheckboxFilterOptions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,OAAO,CAAC;AAUvD,KAAK,0BAA0B,GAAG;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACvE,CAAC;AAEF,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"CheckboxFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,OAAO,CAAC;AAUvD,KAAK,0BAA0B,GAAG;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACvE,CAAC;AAEF,eAAO,MAAM,qBAAqB;iBAAgB,0BAA0B,GAAG,YAAY;;CAyC1F,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
|
|
@@ -32,4 +32,5 @@ export const CheckboxFilterOptions = ({ sortFn }) => {
|
|
|
32
32
|
.sort(sortFn ?? defaultSortFn);
|
|
33
33
|
return (_jsx(_Fragment, { children: itemProps.map((props) => (_jsx(CheckboxFilterOption, { ...props }, props.name))) }));
|
|
34
34
|
};
|
|
35
|
+
CheckboxFilterOptions.displayName = 'CheckboxFilterOptions';
|
|
35
36
|
export default CheckboxFilterOptions;
|
|
@@ -13,5 +13,5 @@ export type CheckboxFilterProviderProps<TData extends Record<string, any>, TOpti
|
|
|
13
13
|
initial?: Set<string>;
|
|
14
14
|
};
|
|
15
15
|
export declare const CheckboxFilterProvider: <TData extends Record<string, any>, TOptions extends CheckboxOption = CheckboxOption>(props: PropsWithChildren<CheckboxFilterProviderProps<TData, TOptions>>) => ReactElement;
|
|
16
|
-
export default
|
|
16
|
+
export default CheckboxFilterProvider;
|
|
17
17
|
//# sourceMappingURL=CheckboxFilterProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilterProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAI3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAExF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAU/C,MAAM,MAAM,2BAA2B,CAErC,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,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QACvC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;KACvD,CAAC;IACF,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,EAAE,CAEnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,QAAQ,SAAS,cAAc,GAAG,cAAc,EAEhD,KAAK,EAAE,iBAAiB,CAAC,2BAA2B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,KACnE,YA8BJ,CAAC;AAEF,eAAe,
|
|
1
|
+
{"version":3,"file":"CheckboxFilterProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAI3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAExF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAU/C,MAAM,MAAM,2BAA2B,CAErC,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,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;QACvC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;KACvD,CAAC;IACF,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,EAAE,CAEnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,QAAQ,SAAS,cAAc,GAAG,cAAc,EAEhD,KAAK,EAAE,iBAAiB,CAAC,2BAA2B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,KACnE,YA8BJ,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -21,3 +21,4 @@ export const CheckboxFilterProvider = (props) => {
|
|
|
21
21
|
}, [selectorFn, filter?.filterFn]);
|
|
22
22
|
return (_jsx(FilterOptionProvider, { selector: selectorFn, optionBuilder: filter?.optionFn, filter: { key: filterKey, title, initial, filterFn }, children: children }));
|
|
23
23
|
};
|
|
24
|
+
export default CheckboxFilterProvider;
|
|
@@ -13,6 +13,9 @@ export type SearchFilterProps<TData> = Omit<TextFieldProps, 'onInput' | 'ref' |
|
|
|
13
13
|
* __NOTE__ if not `filterFn` provided, default will be created, this filter is brute and
|
|
14
14
|
* `JSON.stringify` provided data object, this might not be optimal for heavy data sets.
|
|
15
15
|
*/
|
|
16
|
-
export declare const SearchFilter:
|
|
16
|
+
export declare const SearchFilter: {
|
|
17
|
+
<TData>(props: SearchFilterProps<TData>): ReactElement;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
17
20
|
export default SearchFilter;
|
|
18
21
|
//# sourceMappingURL=SearchFilter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAa,KAAK,cAAc,EAAQ,MAAM,yBAAyB,CAAC;AAI/E,OAAO,KAAK,EAAU,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAavD,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG;IACtF,4BAA4B;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAa,KAAK,cAAc,EAAQ,MAAM,yBAAyB,CAAC;AAI/E,OAAO,KAAK,EAAU,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAavD,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG;IACtF,4BAA4B;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY;KAAI,KAAK,SAAU,iBAAiB,CAAC,KAAK,CAAC,GAAG,YAAY;;CAgDlF,CAAC;AAIF,eAAe,YAAY,CAAC"}
|
|
@@ -45,4 +45,5 @@ export const SearchFilter = (props) => {
|
|
|
45
45
|
}, []));
|
|
46
46
|
return (_jsx(TextField, { id: filterKey, ref: inputRef, onInput: onInput, type: "search", inputIcon: _jsx(Icon, { name: "search" }), ...args }));
|
|
47
47
|
};
|
|
48
|
+
SearchFilter.displayName = 'SearchFilter';
|
|
48
49
|
export default SearchFilter;
|
|
@@ -7,6 +7,9 @@ export type ClearFilterButtonProps = PropsWithChildren<Omit<ButtonProps, 'onClic
|
|
|
7
7
|
* Component for resetting filter values.
|
|
8
8
|
* uses the `useClearFilter` hook
|
|
9
9
|
*/
|
|
10
|
-
export declare const ClearFilterButton:
|
|
10
|
+
export declare const ClearFilterButton: {
|
|
11
|
+
(props: ClearFilterButtonProps): ReactElement;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
11
14
|
export default ClearFilterButton;
|
|
12
15
|
//# sourceMappingURL=ClearFilterButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearFilterButton.d.ts","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CACpD,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,CACzE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ClearFilterButton.d.ts","sourceRoot":"","sources":["../../../src/components/misc/ClearFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CACpD,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAAE,CACzE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB;YAAW,sBAAsB,GAAG,YAAY;;CA0B7E,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
|
|
@@ -22,4 +22,5 @@ export const ClearFilterButton = (props) => {
|
|
|
22
22
|
const onClick = useCallback(() => clear(), [clear]);
|
|
23
23
|
return (_jsx(Button, { variant: "ghost", ...args, ref, onClick, children: children ?? 'Clear Filter' }));
|
|
24
24
|
};
|
|
25
|
+
ClearFilterButton.displayName = 'ClearFilterButton';
|
|
25
26
|
export default ClearFilterButton;
|
|
@@ -8,6 +8,9 @@ export type FilterContainerProps = HTMLAttributes<HTMLDivElement> & StyleProps;
|
|
|
8
8
|
/**
|
|
9
9
|
* Components for displaying filters
|
|
10
10
|
*/
|
|
11
|
-
export declare const FilterContainer:
|
|
11
|
+
export declare const FilterContainer: {
|
|
12
|
+
(props: PropsWithChildren<FilterContainerProps>): ReactElement;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
12
15
|
export default FilterContainer;
|
|
13
16
|
//# sourceMappingURL=FilterContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterContainer.d.ts","sourceRoot":"","sources":["../../../src/components/misc/FilterContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,KAAK,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC;AAc3D,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"FilterContainer.d.ts","sourceRoot":"","sources":["../../../src/components/misc/FilterContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,KAAK,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC;AAc3D,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,eAAe;YAAW,iBAAiB,CAAC,oBAAoB,CAAC,GAAG,YAAY;;CAO5F,CAAC;AAIF,eAAe,eAAe,CAAC"}
|
|
@@ -19,4 +19,5 @@ export const FilterContainer = (props) => {
|
|
|
19
19
|
const { children, className, spacing, ...args } = props;
|
|
20
20
|
return (_jsx(Styled.Root, { className: className, "$spacing": spacing, ...args, children: children }));
|
|
21
21
|
};
|
|
22
|
+
FilterContainer.displayName = 'FilterContainer';
|
|
22
23
|
export default FilterContainer;
|
|
@@ -3,5 +3,9 @@ import { type ChipElementProps } from '@equinor/fusion-wc-chip';
|
|
|
3
3
|
export type SelectionChipsProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
4
|
readonly chips: Pick<ChipElementProps, 'variant'>;
|
|
5
5
|
};
|
|
6
|
-
export declare const SelectionChips:
|
|
6
|
+
export declare const SelectionChips: {
|
|
7
|
+
(props: SelectionChipsProps): ReactElement;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
export default SelectionChips;
|
|
7
11
|
//# sourceMappingURL=SelectionChips.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionChips.d.ts","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAa,EAAoB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AA0CxF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"SelectionChips.d.ts","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAa,EAAoB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AA0CxF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,cAAc;YAAW,mBAAmB,GAAG,YAAY;;CAsDvE,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -67,3 +67,5 @@ export const SelectionChips = (props) => {
|
|
|
67
67
|
}, [selection$]);
|
|
68
68
|
return (_jsx(Styled.Root, { ...args, className: className, ref: ref, children: items?.map((x) => (_jsxs("fwc-chip", { value: x.key, removable: true, variant: chips.variant, children: [_jsxs("span", { children: [x.title, " "] }), _jsx(Styled.Chip, { slot: "graphic", children: x.selection.length })] }, x.key))) }));
|
|
69
69
|
};
|
|
70
|
+
SelectionChips.displayName = 'SelectionChips';
|
|
71
|
+
export default SelectionChips;
|
|
@@ -28,6 +28,9 @@ export type FilterPanelProps<TData> = HTMLAttributes<HTMLDivElement> & {
|
|
|
28
28
|
/**
|
|
29
29
|
* Base component for displaying filter components and controllers
|
|
30
30
|
*/
|
|
31
|
-
export declare
|
|
31
|
+
export declare function FilterPanel<TData>(props: PropsWithChildren<FilterPanelProps<TData>>): ReactElement;
|
|
32
|
+
export declare namespace FilterPanel {
|
|
33
|
+
var displayName: string;
|
|
34
|
+
}
|
|
32
35
|
export default FilterPanel;
|
|
33
36
|
//# sourceMappingURL=FilterPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAajG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAyB5C,KAAK,YAAY,GAAG;IAClB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEhC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAajG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAyB5C,KAAK,YAAY,GAAG;IAClB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEhC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAC/B,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,GAChD,YAAY,CA4Bd;yBA9Be,WAAW;;;AAkC3B,eAAe,WAAW,CAAC"}
|
|
@@ -32,11 +32,12 @@ const Styled = {
|
|
|
32
32
|
/**
|
|
33
33
|
* Base component for displaying filter components and controllers
|
|
34
34
|
*/
|
|
35
|
-
export
|
|
35
|
+
export function FilterPanel(props) {
|
|
36
36
|
const { showFilters, className, classes, children, showSelection, searchFn, ...args } = props;
|
|
37
37
|
const filters = Children.toArray(children).filter((x) => !!x.props.filterKey);
|
|
38
38
|
const initialSelectedFilters = props.selectedFilters || filters.map((x) => x.props.filterKey);
|
|
39
39
|
return (_jsx(FilterPanelProvider, { filters, initialSelectedFilters, showFilters, children: _jsxs(Styled.Root, { ...args, className: [classes?.root, className].filter(Boolean).join(' ') || undefined, children: [props.showBar && _jsx(FilterPanelBar, { searchFn: searchFn }), _jsx(Styled.Filters, { children: _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: classes?.filters }) }), _jsx(FilterPanelConsumer, { children: (context) => showSelection &&
|
|
40
40
|
!context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }) })] }) }));
|
|
41
|
-
}
|
|
41
|
+
}
|
|
42
|
+
FilterPanel.displayName = 'FilterPanel';
|
|
42
43
|
export default FilterPanel;
|
|
@@ -3,6 +3,9 @@ import type { FilterFn } from '../../types';
|
|
|
3
3
|
type FilterPanelBarProps<TData> = HTMLAttributes<HTMLDivElement> & {
|
|
4
4
|
readonly searchFn?: FilterFn<TData, string>;
|
|
5
5
|
};
|
|
6
|
-
export declare const FilterPanelBar:
|
|
6
|
+
export declare const FilterPanelBar: {
|
|
7
|
+
<TData>(props: FilterPanelBarProps<TData>): ReactElement;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
7
10
|
export default FilterPanelBar;
|
|
8
11
|
//# sourceMappingURL=FilterPanelBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,KAAK,mBAAmB,CAAC,KAAK,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA8B5C,KAAK,mBAAmB,CAAC,KAAK,IAAI,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc;KAAI,KAAK,SAAU,mBAAmB,CAAC,KAAK,CAAC,GAAG,YAAY;;CA0BtF,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -34,4 +34,5 @@ export const FilterPanelBar = (props) => {
|
|
|
34
34
|
const { showFilters, setShowFilters } = useFilterPanelContext();
|
|
35
35
|
return (_jsxs(Styled.Root, { ...args, className: className, children: [_jsx(Styled.SearchWrapper, { children: _jsx(SearchFilter, { filterKey: "global", label: "Search all", filterFn: searchFn }) }), _jsxs(Styled.Actions, { children: [_jsxs(Styled.ResetBtn, { variant: "ghost", children: ["Reset Filters", _jsx(Icon, { name: "refresh" })] }), _jsxs(Button, { icon: showFilters ? 'chevron_up' : 'chevron_down', onClick: () => setShowFilters(!showFilters), variant: "outlined", trailingIcon: true, children: [showFilters ? 'Hide filters' : 'Show filters', _jsx(Icon, { name: showFilters ? 'chevron_up' : 'chevron_down' })] })] })] }));
|
|
36
36
|
};
|
|
37
|
+
FilterPanelBar.displayName = 'FilterPanelBar';
|
|
37
38
|
export default FilterPanelBar;
|
|
@@ -2,6 +2,9 @@ import { type HTMLAttributes, type ReactElement, type FC } from 'react';
|
|
|
2
2
|
type FilterPanelFiltersProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
3
|
readonly FilterSelector?: FC;
|
|
4
4
|
};
|
|
5
|
-
export declare const FilterPanelFilters:
|
|
5
|
+
export declare const FilterPanelFilters: {
|
|
6
|
+
(props: FilterPanelFiltersProps): ReactElement;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
6
9
|
export default FilterPanelFilters;
|
|
7
10
|
//# sourceMappingURL=FilterPanelFilters.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAejF,KAAK,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,QAAQ,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAejF,KAAK,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,QAAQ,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;YAAW,uBAAuB,GAAG,YAAY;;CAuB/E,CAAC;AAIF,eAAe,kBAAkB,CAAC"}
|
|
@@ -16,4 +16,5 @@ export const FilterPanelFilters = (props) => {
|
|
|
16
16
|
const { value: filters } = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
|
|
17
17
|
return (_jsx(EdsProvider, { density: "compact", children: _jsxs(FilterWrapper, { ...args, "$showFilters": Boolean(showFilters), children: [FilterSelector && _jsx(FilterSelector, {}), _jsx(FilterContainer, { children: filters })] }) }));
|
|
18
18
|
};
|
|
19
|
+
FilterPanelFilters.displayName = 'FilterPanelFilters';
|
|
19
20
|
export default FilterPanelFilters;
|
|
@@ -27,6 +27,9 @@ type FilterPanelProviderProps = PropsWithChildren<{
|
|
|
27
27
|
initialSelectedFilters?: string[];
|
|
28
28
|
showFilters?: boolean;
|
|
29
29
|
}>;
|
|
30
|
-
export declare const FilterPanelProvider:
|
|
30
|
+
export declare const FilterPanelProvider: {
|
|
31
|
+
(props: FilterPanelProviderProps): ReactElement;
|
|
32
|
+
displayName: string;
|
|
33
|
+
};
|
|
31
34
|
export default FilterPanelProvider;
|
|
32
35
|
//# sourceMappingURL=FilterPanelProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAA+B,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAIF,QAAA,MAAkB,QAAQ,KAAgD,CAAC;AAE3E,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,eAAO,MAAM,qBAAqB,QAAO,0BACU,CAAC;AAEpD,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAYF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC;IAChD,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,mBAAmB,CAAC;IAC5C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"FilterPanelProvider.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAA+B,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAIF,QAAA,MAAkB,QAAQ,KAAgD,CAAC;AAE3E,OAAO,EAAE,QAAQ,IAAI,mBAAmB,EAAE,CAAC;AAE3C,eAAO,MAAM,qBAAqB,QAAO,0BACU,CAAC;AAEpD,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,KAAK,KAAK,GAAG;IACX,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC;AAYF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC;IAChD,OAAO,EAAE,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,OAAO,mBAAmB,CAAC;IAC5C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB;YAAW,wBAAwB,GAAG,YAAY;;CASjF,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
|
|
@@ -32,4 +32,5 @@ export const FilterPanelProvider = (props) => {
|
|
|
32
32
|
const [showFilters, setShowFilters] = useState(props.showFilters);
|
|
33
33
|
return _jsx(Provider, { value: { filters$, showFilters, setShowFilters }, children: props.children });
|
|
34
34
|
};
|
|
35
|
+
FilterPanelProvider.displayName = 'FilterPanelProvider';
|
|
35
36
|
export default FilterPanelProvider;
|
|
@@ -2,6 +2,9 @@ import { type ReactElement } from 'react';
|
|
|
2
2
|
export type FilterPanelSelectorProps = {
|
|
3
3
|
title?: string;
|
|
4
4
|
};
|
|
5
|
-
export declare const FilterPanelSelector:
|
|
5
|
+
export declare const FilterPanelSelector: {
|
|
6
|
+
(): ReactElement;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
6
9
|
export default FilterPanelSelector;
|
|
7
10
|
//# sourceMappingURL=FilterPanelSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAOvE,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"FilterPanelSelector.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAOvE,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB;QAAO,YAAY;;CA2BlD,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
|
|
@@ -13,4 +13,5 @@ export const FilterPanelSelector = () => {
|
|
|
13
13
|
}, [filters$]);
|
|
14
14
|
return (_jsx("div", { children: filters.map(({ props: { filterKey, title } }) => (_jsx(Checkbox, { value: filterKey, label: title, checked: selectedFilters.has(filterKey), onInput: onInput }, filterKey))) }));
|
|
15
15
|
};
|
|
16
|
+
FilterPanelSelector.displayName = 'FilterPanelSelector';
|
|
16
17
|
export default FilterPanelSelector;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/fusion-react-filter",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.5",
|
|
4
4
|
"description": "component for Filtering data",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/filter#readme",
|
|
@@ -31,16 +31,23 @@
|
|
|
31
31
|
"components",
|
|
32
32
|
"options"
|
|
33
33
|
],
|
|
34
|
+
"scripts": {
|
|
35
|
+
"build": "tsc -b",
|
|
36
|
+
"watch": "tsc -w",
|
|
37
|
+
"lint": "biome lint",
|
|
38
|
+
"format": "biome format",
|
|
39
|
+
"prepack": "npm run build"
|
|
40
|
+
},
|
|
34
41
|
"bugs": {
|
|
35
42
|
"url": "https://github.com/equinor/fusion-react-components/issues"
|
|
36
43
|
},
|
|
37
44
|
"dependencies": {
|
|
38
45
|
"@equinor/eds-tokens": "^2.2.0",
|
|
46
|
+
"@equinor/fusion-react-utils": "3.0.2",
|
|
39
47
|
"@equinor/fusion-wc-chip": "^1.3.1",
|
|
40
48
|
"rxjs": "^7.8.1",
|
|
41
49
|
"styled-components": "^6.1.8",
|
|
42
|
-
"typesafe-actions": "^5.1.0"
|
|
43
|
-
"@equinor/fusion-react-utils": "^3.0.2"
|
|
50
|
+
"typesafe-actions": "^5.1.0"
|
|
44
51
|
},
|
|
45
52
|
"devDependencies": {
|
|
46
53
|
"@equinor/eds-core-react": "^2.5.0",
|
|
@@ -55,11 +62,5 @@
|
|
|
55
62
|
"@equinor/fusion-observable": "^9.0.0",
|
|
56
63
|
"react": "^18 || ^19",
|
|
57
64
|
"react-dom": "^18 || ^19"
|
|
58
|
-
},
|
|
59
|
-
"scripts": {
|
|
60
|
-
"build": "tsc -b",
|
|
61
|
-
"watch": "tsc -w",
|
|
62
|
-
"lint": "biome lint",
|
|
63
|
-
"format": "biome format"
|
|
64
65
|
}
|
|
65
|
-
}
|
|
66
|
+
}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2023 Equinor
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|