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

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.
Files changed (107) hide show
  1. package/components/package.json +4 -2
  2. package/dist/FilterProvider.d.ts +1 -1
  3. package/dist/FilterProvider.d.ts.map +1 -1
  4. package/dist/FilterProvider.js +1 -0
  5. package/dist/FilterProvider.js.map +1 -1
  6. package/dist/actions.d.ts +3 -1
  7. package/dist/actions.d.ts.map +1 -1
  8. package/dist/actions.js +1 -0
  9. package/dist/actions.js.map +1 -1
  10. package/dist/components/filter/FilterOptionHeader.d.ts +1 -1
  11. package/dist/components/filter/checkbox/CheckboxFilter.d.ts +2 -2
  12. package/dist/components/filter/checkbox/CheckboxFilter.d.ts.map +1 -1
  13. package/dist/components/filter/checkbox/CheckboxFilter.js +1 -1
  14. package/dist/components/filter/checkbox/CheckboxFilter.js.map +1 -1
  15. package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts +1 -1
  16. package/dist/components/filter/checkbox/CheckboxFilterOption.d.ts.map +1 -1
  17. package/dist/components/filter/checkbox/CheckboxFilterProvider.d.ts +1 -1
  18. package/dist/components/filter/checkbox/CheckboxFilterProvider.d.ts.map +1 -1
  19. package/dist/components/filter/checkbox/context.d.ts +1 -1
  20. package/dist/components/filter/checkbox/context.d.ts.map +1 -1
  21. package/dist/components/filter/checkbox/index.d.ts +1 -1
  22. package/dist/components/filter/checkbox/index.d.ts.map +1 -1
  23. package/dist/components/filter/checkbox/index.js.map +1 -1
  24. package/dist/components/filter/search/SearchFilter.d.ts +1 -1
  25. package/dist/components/filter/search/SearchFilter.d.ts.map +1 -1
  26. package/dist/components/filter/search/SearchFilter.js +1 -1
  27. package/dist/components/filter/search/SearchFilter.js.map +1 -1
  28. package/dist/components/index.d.ts +2 -2
  29. package/dist/components/index.d.ts.map +1 -1
  30. package/dist/components/index.js +2 -2
  31. package/dist/components/index.js.map +1 -1
  32. package/dist/components/misc/ClearFilterButton.js +1 -1
  33. package/dist/components/misc/ClearFilterButton.js.map +1 -1
  34. package/dist/components/misc/SelectionChips.d.ts +6 -0
  35. package/dist/components/misc/SelectionChips.d.ts.map +1 -0
  36. package/dist/components/misc/SelectionChips.js +62 -0
  37. package/dist/components/misc/SelectionChips.js.map +1 -0
  38. package/dist/components/misc/index.d.ts +1 -0
  39. package/dist/components/misc/index.d.ts.map +1 -1
  40. package/dist/components/misc/index.js +1 -0
  41. package/dist/components/misc/index.js.map +1 -1
  42. package/dist/components/panel/FilterPanel.d.ts +9 -1
  43. package/dist/components/panel/FilterPanel.d.ts.map +1 -1
  44. package/dist/components/panel/FilterPanel.js +20 -4
  45. package/dist/components/panel/FilterPanel.js.map +1 -1
  46. package/dist/components/panel/FilterPanelBar.d.ts +2 -1
  47. package/dist/components/panel/FilterPanelBar.d.ts.map +1 -1
  48. package/dist/components/panel/FilterPanelBar.js +8 -3
  49. package/dist/components/panel/FilterPanelBar.js.map +1 -1
  50. package/dist/components/panel/FilterPanelFilters.d.ts +5 -1
  51. package/dist/components/panel/FilterPanelFilters.d.ts.map +1 -1
  52. package/dist/components/panel/FilterPanelFilters.js +4 -3
  53. package/dist/components/panel/FilterPanelFilters.js.map +1 -1
  54. package/dist/context.d.ts +1 -1
  55. package/dist/context.d.ts.map +1 -1
  56. package/dist/hooks/index.d.ts +0 -5
  57. package/dist/hooks/index.d.ts.map +1 -1
  58. package/dist/hooks/index.js +0 -18
  59. package/dist/hooks/index.js.map +1 -1
  60. package/dist/hooks/useClearFilter.d.ts +3 -3
  61. package/dist/hooks/useClearFilter.d.ts.map +1 -1
  62. package/dist/hooks/useClearFilter.js +2 -2
  63. package/dist/hooks/useClearFilter.js.map +1 -1
  64. package/dist/hooks/useFilter.d.ts +1 -1
  65. package/dist/hooks/useFilter.d.ts.map +1 -1
  66. package/dist/hooks/useFilter.js.map +1 -1
  67. package/dist/hooks/useFilterData.d.ts +2 -2
  68. package/dist/hooks/useFilterData.d.ts.map +1 -1
  69. package/dist/hooks/useFilterData.js.map +1 -1
  70. package/dist/hooks/useFilterSelection.d.ts +1 -1
  71. package/dist/hooks/useFilterSelection.d.ts.map +1 -1
  72. package/dist/hooks/useFilterSelection.js.map +1 -1
  73. package/dist/index.d.ts +3 -1
  74. package/dist/index.d.ts.map +1 -1
  75. package/dist/index.js +3 -1
  76. package/dist/index.js.map +1 -1
  77. package/dist/options/FilterOptionProvider.d.ts +2 -2
  78. package/dist/options/FilterOptionProvider.d.ts.map +1 -1
  79. package/dist/options/FilterOptionProvider.js +1 -2
  80. package/dist/options/FilterOptionProvider.js.map +1 -1
  81. package/dist/options/actions.d.ts +1 -1
  82. package/dist/options/actions.d.ts.map +1 -1
  83. package/dist/options/context.d.ts +1 -1
  84. package/dist/options/context.d.ts.map +1 -1
  85. package/dist/options/create-options.d.ts +1 -1
  86. package/dist/options/create-options.d.ts.map +1 -1
  87. package/dist/options/reducer.d.ts +1 -1
  88. package/dist/options/reducer.d.ts.map +1 -1
  89. package/dist/options/search/filter-option-match.d.ts +1 -1
  90. package/dist/options/search/filter-option-match.d.ts.map +1 -1
  91. package/dist/options/search/filter-option-search.d.ts +2 -2
  92. package/dist/options/search/filter-option-search.d.ts.map +1 -1
  93. package/dist/options/search/types.d.ts +1 -1
  94. package/dist/options/search/types.d.ts.map +1 -1
  95. package/dist/options/search/useFilterOptionSearch.d.ts +3 -3
  96. package/dist/options/search/useFilterOptionSearch.d.ts.map +1 -1
  97. package/dist/options/search/useFilterOptionSearch.js.map +1 -1
  98. package/dist/options/types.d.ts +1 -1
  99. package/dist/options/types.d.ts.map +1 -1
  100. package/dist/reducers.d.ts +45 -45
  101. package/dist/reducers.d.ts.map +1 -1
  102. package/dist/reducers.js +10 -4
  103. package/dist/reducers.js.map +1 -1
  104. package/dist/types.d.ts +1 -1
  105. package/dist/types.d.ts.map +1 -1
  106. package/options/package.json +4 -2
  107. package/package.json +18 -21
@@ -1,6 +1,8 @@
1
1
  {
2
2
  "name": "@equinor/fusion-react-filter/components",
3
3
  "private": true,
4
- "main": "dist/components/index.js",
5
- "module": "dist/components/index.js"
4
+ "types": "../dist/components/index.d.ts",
5
+ "main": "../dist/components/index.js",
6
+ "module": "../dist/components/index.js",
7
+ "sideEffects": false
6
8
  }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Filter } from './types';
2
+ import type { Filter } from './types';
3
3
  export declare type FilterProviderProps<TSelections extends Record<string, unknown>, TData> = {
4
4
  data: TData[];
5
5
  initialSelection?: TSelections;
@@ -1 +1 @@
1
- {"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,MAAM,EAAiB,MAAM,SAAS,CAAC;AAIhD,oBAAY,mBAAmB,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI;IACpF,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,cAAc,2LAKxB,WA2BF,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"FilterProvider.d.ts","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,SAAS,CAAC;AAErD,oBAAY,mBAAmB,CAAC,WAAW,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI;IACpF,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,cAAc,2LAKxB,WA2BF,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -5,6 +5,7 @@ import { useObservable, useSubscription } from '@equinor/fusion-react-observable
5
5
  import { createSelectionReducer, createDataReducer, createFilterReducer } from './reducers';
6
6
  import { Provider } from './context';
7
7
  import { actions } from './actions';
8
+ // TODO
8
9
  import { filterData } from './hooks/useFilterData';
9
10
  export const FilterProvider = (props) => {
10
11
  const { data, initialSelection = {}, initialFilters = {}, children, } = props;
@@ -1 +1 @@
1
- {"version":3,"file":"FilterProvider.js","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAQnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAI5B,KAAuE,EAC1D,EAAE;IACf,MAAM,EACJ,IAAI,EACJ,gBAAgB,GAAG,EAAiB,EACpC,cAAc,GAAG,EAA4C,EAC7D,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC;IAC7F,MAAM,OAAO,GAAG,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC;IAEvE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,eAAe,CAAU,IAAI,CAAC,CAAC,CAAC;IAC7D,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG;QACd,OAAO;QACP,OAAO;QACP,UAAU;QACV,KAAK;QACL,mCAAmC;KACR,CAAC;IAE9B,eAAe,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,QAAQ,kBAAC,KAAK,EAAE,OAAO,gBAAG,QAAQ,YAAY,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"FilterProvider.js","sourceRoot":"","sources":["../src/FilterProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO;AACP,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AASnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAI5B,KAAuE,EAC1D,EAAE;IACf,MAAM,EACJ,IAAI,EACJ,gBAAgB,GAAG,EAAiB,EACpC,cAAc,GAAG,EAA4C,EAC7D,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC;IAC7F,MAAM,OAAO,GAAG,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC;IAEvE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,eAAe,CAAU,IAAI,CAAC,CAAC,CAAC;IAC7D,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG;QACd,OAAO;QACP,OAAO;QACP,UAAU;QACV,KAAK;QACL,mCAAmC;KACR,CAAC;IAE9B,eAAe,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,QAAQ,kBAAC,KAAK,EAAE,OAAO,gBAAG,QAAQ,YAAY,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/dist/actions.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ActionType } from 'typesafe-actions';
2
- import { Filter } from './types';
2
+ import type { Filter } from './types';
3
3
  export declare type SelectionValues<TValue = unknown> = Record<string, TValue>;
4
4
  export declare const filter: {
5
5
  add: import("typesafe-actions").PayloadActionCreator<"@FILTER/FILTERS_ADD", Filter<any, any>>;
@@ -9,6 +9,7 @@ export declare const selection: {
9
9
  set: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_SET", SelectionValues<unknown>>;
10
10
  initial: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_INITIAL", SelectionValues<unknown>>;
11
11
  clear: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_CLEAR", void>;
12
+ remove: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_REMOVE", string | string[]>;
12
13
  };
13
14
  export declare const source: {
14
15
  update: import("typesafe-actions").PayloadActionCreator<"@FILTER/SOURCE_UPDATE", unknown>;
@@ -22,6 +23,7 @@ export declare const actions: {
22
23
  set: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_SET", SelectionValues<unknown>>;
23
24
  initial: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_INITIAL", SelectionValues<unknown>>;
24
25
  clear: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_CLEAR", void>;
26
+ remove: import("typesafe-actions").PayloadActionCreator<"@FILTER/SELECTION_REMOVE", string | string[]>;
25
27
  };
26
28
  source: {
27
29
  update: import("typesafe-actions").PayloadActionCreator<"@FILTER/SOURCE_UPDATE", unknown>;
@@ -1 +1 @@
1
- {"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,oBAAY,eAAe,CAAC,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM;;;CAGlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAInB,CAAC;AAEF,oBAAY,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,oBAAY,eAAe,CAAC,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,MAAM;;;CAGlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,MAAM;;CAElB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAInB,CAAC;AAEF,oBAAY,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAEjD,eAAe,OAAO,CAAC"}
package/dist/actions.js CHANGED
@@ -7,6 +7,7 @@ export const selection = {
7
7
  set: createAction('@FILTER/SELECTION_SET')(),
8
8
  initial: createAction('@FILTER/SELECTION_INITIAL')(),
9
9
  clear: createAction('@FILTER/SELECTION_CLEAR')(),
10
+ remove: createAction('@FILTER/SELECTION_REMOVE')(),
10
11
  };
11
12
  export const source = {
12
13
  update: createAction('@FILTER/SOURCE_UPDATE')(),
@@ -1 +1 @@
1
- {"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAK5D,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,EAAE,YAAY,CAAC,qBAAqB,CAAC,EAAoB;IAC5D,MAAM,EAAE,YAAY,CAAC,wBAAwB,CAAC,EAAU;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,EAAE,YAAY,CAAC,uBAAuB,CAAC,EAAmB;IAC7D,OAAO,EAAE,YAAY,CAAC,2BAA2B,CAAC,EAAmB;IACrE,KAAK,EAAE,YAAY,CAAC,yBAAyB,CAAC,EAAQ;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,YAAY,CAAC,uBAAuB,CAAC,EAAW;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM;IACN,SAAS;IACT,MAAM;CACP,CAAC;AAIF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,kBAAkB,CAAC;AAK5D,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,EAAE,YAAY,CAAC,qBAAqB,CAAC,EAAoB;IAC5D,MAAM,EAAE,YAAY,CAAC,wBAAwB,CAAC,EAAU;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,EAAE,YAAY,CAAC,uBAAuB,CAAC,EAAmB;IAC7D,OAAO,EAAE,YAAY,CAAC,2BAA2B,CAAC,EAAmB;IACrE,KAAK,EAAE,YAAY,CAAC,yBAAyB,CAAC,EAAQ;IACtD,MAAM,EAAE,YAAY,CAAC,0BAA0B,CAAC,EAAqB;CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,YAAY,CAAC,uBAAuB,CAAC,EAAW;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM;IACN,SAAS;IACT,MAAM;CACP,CAAC;AAIF,eAAe,OAAO,CAAC"}
@@ -1,7 +1,7 @@
1
1
  declare type FilterHeaderProps = {
2
2
  title: string;
3
3
  };
4
- export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"header" | "root" | "counter" | "showSearch" | "noCount" | "iconBtn" | "searchField">;
4
+ export declare const useStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"header" | "root" | "showSearch" | "counter" | "noCount" | "iconBtn" | "searchField">;
5
5
  export declare const FilterOptionHeader: (props: FilterHeaderProps) => JSX.Element;
6
6
  export default FilterOptionHeader;
7
7
  //# sourceMappingURL=FilterOptionHeader.d.ts.map
@@ -1,5 +1,5 @@
1
- import { FilterOptionSelector } from '../../../options/types';
2
- import { FilterComponent } from '../types';
1
+ import { FilterOptionSelector } from '../../../options';
2
+ import type { FilterComponent } from '../types';
3
3
  export declare type CheckboxFilterProps<TData extends Record<string, any> = Record<string, any>> = FilterComponent & {
4
4
  /** either name of property of data type or a function that selects value */
5
5
  selector?: Extract<keyof TData, string> | string | FilterOptionSelector<TData>;
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAS9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,oBAAY,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,eAAe,GAAG;IAC3G,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/E,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAc3D,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"CheckboxFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAShD,oBAAY,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,eAAe,GAAG;IAC3G,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/E,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAc3D,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { FilterOptionHeader } from '../FilterOptionHeader';
2
3
  import { CheckboxFilterProvider } from './CheckboxFilterProvider';
3
4
  import CheckboxFilterOptions from './CheckboxFilterOptions';
4
5
  import CheckboxFilterOptionAll from './CheckboxFilterOptionAll';
5
- import { FilterOptionHeader } from '../FilterOptionHeader';
6
6
  import useStyles from './CheckboxFilter.style';
7
7
  /**
8
8
  * Component for displaying multi-select filter with checkboxes
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAY/C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,sBAAsB,oBAAK,IAAI,cAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBACzB,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,WAAI,EACzC,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,iBACzB,SAAS,IAAI,KAAC,uBAAuB,aAAG,EACzC,KAAC,qBAAqB,aAAG,aACrB,aACF,YACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilter.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAW/C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,sBAAsB,oBAAK,IAAI,cAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBACzB,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,WAAI,EACzC,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,iBACzB,SAAS,IAAI,KAAC,uBAAuB,aAAG,EACzC,KAAC,qBAAqB,aAAG,aACrB,aACF,YACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1,4 +1,4 @@
1
- import { CheckboxOption } from './types';
1
+ import type { CheckboxOption } from './types';
2
2
  export declare type CheckboxFilterOptionProps = JSX.IntrinsicElements['div'] & Omit<CheckboxOption, 'totalCount'> & {
3
3
  name: string;
4
4
  checked?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,oBAAY,yBAAyB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAClE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACtE,CAAC;AAEJ,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,KAAG,WA+BvE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"CheckboxFilterOption.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterOption.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,oBAAY,yBAAyB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAClE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACtE,CAAC;AAEJ,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,KAAG,WA+BvE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { FilterOptionBuilder, FilterOptionSelector } from '../../../options/types';
3
- import { CheckboxOption } from './types';
3
+ import type { CheckboxOption } from './types';
4
4
  export declare type CheckboxFilterProviderProps<TData extends Record<string, any>, TOption extends CheckboxOption = CheckboxOption> = {
5
5
  filterKey: string;
6
6
  title?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxFilterProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAQzC,oBAAY,2BAA2B,CACrC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,OAAO,SAAS,cAAc,GAAG,cAAc,IAC7C;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,mLAKhC,WAmBF,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
1
+ {"version":3,"file":"CheckboxFilterProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/CheckboxFilterProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAQ9C,oBAAY,2BAA2B,CACrC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjC,OAAO,SAAS,cAAc,GAAG,cAAc,IAC7C;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,mLAKhC,WAmBF,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import { FilterOptionContext } from '../../../options';
2
- import { CheckboxOption } from './types';
2
+ import type { CheckboxOption } from './types';
3
3
  export declare const useCheckboxFilterOptionContext: <TOption extends CheckboxOption = CheckboxOption, TValue = string>() => FilterOptionContext<TOption, TValue>;
4
4
  //# sourceMappingURL=context.d.ts.map
@@ -1 +1 @@
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"}
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,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,8BAA8B,8GAG2C,CAAC"}
@@ -1,2 +1,2 @@
1
- export { CheckboxFilter, default } from './CheckboxFilter';
1
+ export { CheckboxFilter, CheckboxFilterProps, default } from './CheckboxFilter';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/filter/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { TextInputProps } from '@equinor/fusion-react-textinput';
2
- import { FilterFn } from '../../../types';
2
+ import type { FilterFn } from '../../../types';
3
3
  export declare type SearchFilterProps<TData> = Omit<TextInputProps, 'onInput' | 'ref'> & {
4
4
  /** identifier for filter */
5
5
  filterKey: string;
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIxG,OAAO,KAAK,EAAU,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AASvD,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"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useCallback, useMemo, useRef } from 'react';
3
- import { TextInput } from '@equinor/fusion-react-textinput';
4
3
  import { useSubscription } from '@equinor/fusion-react-observable';
4
+ import { TextInput } from '@equinor/fusion-react-textinput';
5
5
  import { useFilter, useFilterSelection } from '../../../hooks';
6
6
  const defaultMatcher = (data, query) => {
7
7
  /** early escape, no filter */
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"SearchFilter.js","sourceRoot":"","sources":["../../../../src/components/filter/search/SearchFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,EAA8B,SAAS,EAAkB,MAAM,iCAAiC,CAAC;AAExG,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAI/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"}
@@ -1,4 +1,4 @@
1
- export * from './filter';
2
- export * from './misc';
1
+ export { FilterComponent, CheckboxFilter, FilterOptionHeader, SearchFilter } from './filter';
2
+ export { ClearFilterButton, FilterContainer, SelectionChips } from './misc';
3
3
  export { FilterPanel } from './panel';
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
@@ -1,4 +1,4 @@
1
- export * from './filter';
2
- export * from './misc';
1
+ export { CheckboxFilter, FilterOptionHeader, SearchFilter } from './filter';
2
+ export { ClearFilterButton, FilterContainer, SelectionChips } from './misc';
3
3
  export { FilterPanel } from './panel';
4
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,cAAc,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
@@ -3,7 +3,7 @@ import { useCallback } from 'react';
3
3
  import { useForwardRef } from '@equinor/fusion-react-utils';
4
4
  import { useSubscription } from '@equinor/fusion-react-observable';
5
5
  import { Button } from '@equinor/fusion-react-button';
6
- import { useClearFilter } from '../../hooks';
6
+ import { useClearFilter } from '../../hooks/useClearFilter';
7
7
  /**
8
8
  * Component for resetting filter values.
9
9
  * uses the `useClearFilter` hook
@@ -1 +1 @@
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"}
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,4BAA4B,CAAC;AAI5D;;;;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"}
@@ -0,0 +1,6 @@
1
+ import { ChipProps } from '@equinor/fusion-react-chip';
2
+ export declare type SelectionChipsProps = JSX.IntrinsicElements['div'] & {
3
+ chips: Omit<ChipProps, 'removable' | 'onRemove' | 'value' | 'children'>;
4
+ };
5
+ export declare const SelectionChips: (props: SelectionChipsProps) => JSX.Element;
6
+ //# sourceMappingURL=SelectionChips.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectionChips.d.ts","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,SAAS,EAAyB,MAAM,4BAA4B,CAAC;AA0CpF,oBAAY,mBAAmB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAgD3D,CAAC"}
@@ -0,0 +1,62 @@
1
+ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
+ import { createElement as _createElement } from "react";
3
+ import { useCallback, useMemo, useState } from 'react';
4
+ import { combineLatest, of } from 'rxjs';
5
+ import { switchMap } from 'rxjs/operators';
6
+ import { useSubscription } from '@equinor/fusion-react-observable';
7
+ import { Chip } from '@equinor/fusion-react-chip';
8
+ import { useFilterContext } from '../../hooks';
9
+ import { actions } from '../../actions';
10
+ import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
11
+ /** method for extracting selection to array */
12
+ const formatSelection = (selection) => {
13
+ switch (true) {
14
+ case selection === undefined:
15
+ case selection === null:
16
+ return [];
17
+ case typeof selection === 'string':
18
+ return [selection];
19
+ case selection instanceof Set:
20
+ return [...selection];
21
+ default:
22
+ /** TODO - fix selection for additional types */
23
+ console.error('unsupported selection type!', selection);
24
+ return [];
25
+ }
26
+ };
27
+ const useStyles = makeStyles((theme) => createStyles({
28
+ root: {
29
+ display: 'flex',
30
+ gap: theme.spacing.comfortable.small.getVariable('padding'),
31
+ },
32
+ chip: {
33
+ marginRight: theme.spacing.comfortable.small.getVariable('padding'),
34
+ },
35
+ }), { name: 'fusion-filter-selection-chips' });
36
+ export const SelectionChips = (props) => {
37
+ const { chips, className, ...args } = props;
38
+ const { filter$, selection$ } = useFilterContext();
39
+ const [items, setItems] = useState([]);
40
+ useSubscription(useMemo(() =>
41
+ /** Observe filter and selection changes */
42
+ combineLatest([filter$, selection$]).pipe(switchMap(([filters, selections]) => {
43
+ const items = Object.values(filters)
44
+ /** normalize data to SelectionItem */
45
+ .map((filter) => {
46
+ const { title, key } = filter;
47
+ const selection = formatSelection(selections[key]);
48
+ return { key, title, selection };
49
+ })
50
+ /** Exclude filters that does not have any selection */
51
+ .filter((x) => !!x.title && !!x.selection.length);
52
+ return of(items);
53
+ })), [filter$, selection$]), setItems);
54
+ const onRemove = useCallback((e) => {
55
+ selection$.next(actions.selection.remove(String(e.currentTarget.value)));
56
+ }, [selection$]);
57
+ const styles = useStyles();
58
+ return (_jsx("div", Object.assign({}, args, { className: clsx(styles.root, className) }, { children: items?.map((x) => (_createElement(Chip, { ...chips, key: x.key, value: x.key, onRemove: onRemove, removable: true },
59
+ _jsxs("span", { children: [x.title, " "] }, void 0),
60
+ _jsx("span", Object.assign({ slot: "graphic", className: styles.chip }, { children: x.selection.length }), void 0)))) }), void 0));
61
+ };
62
+ //# sourceMappingURL=SelectionChips.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectionChips.js","sourceRoot":"","sources":["../../../src/components/misc/SelectionChips.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
1
  export { ClearFilterButton } from './ClearFilterButton';
2
2
  export { FilterContainer } from './FilterContainer';
3
+ export { SelectionChips } from './SelectionChips';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
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;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,3 +1,4 @@
1
1
  export { ClearFilterButton } from './ClearFilterButton';
2
2
  export { FilterContainer } from './FilterContainer';
3
+ export { SelectionChips } from './SelectionChips';
3
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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"}
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;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,4 +1,10 @@
1
- export declare type FilterPanelProps = {
1
+ declare type StyleClasses = {
2
+ /** filter panel */
3
+ root: string;
4
+ /** filter container */
5
+ filters: string;
6
+ };
7
+ export declare type FilterPanelProps = JSX.IntrinsicElements['div'] & {
2
8
  /** Show filter bar */
3
9
  showBar?: boolean;
4
10
  /** Show selector for filters */
@@ -10,6 +16,8 @@ export declare type FilterPanelProps = {
10
16
  * @default all - `filterKey` of all child components provided
11
17
  */
12
18
  selectedFilters?: string[];
19
+ /** style classes */
20
+ classes?: Partial<StyleClasses>;
13
21
  };
14
22
  /**
15
23
  * Base component for displaying filter components and controllers
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"FilterPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanel.tsx"],"names":[],"mappings":"AA0BA,aAAK,YAAY,GAAG;IAClB,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC5D,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;IAE3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,UAAW,MAAM,iBAAiB,CAAC,gBAAgB,CAAC,KAAG,WAoB9E,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,17 +1,33 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Children } from 'react';
3
- import { FilterPanelProvider } from './FilterPanelProvider';
4
- import { FilterPanelSelector } from './FilterPanelSelector';
3
+ import { FilterPanelProvider, FilterPanelConsumer } from './FilterPanelProvider';
5
4
  import { FilterPanelFilters } from './FilterPanelFilters';
6
5
  import { FilterPanelBar } from './FilterPanelBar';
6
+ import { SelectionChips } from '../misc';
7
+ import FilterPanelSelector from './FilterPanelSelector';
8
+ import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
9
+ const useStyles = makeStyles((theme) => createStyles({
10
+ root: {
11
+ display: 'flex',
12
+ flexFlow: 'column',
13
+ gap: theme.spacing.comfortable.small.getVariable('padding'),
14
+ },
15
+ filters: {
16
+ overflowX: 'scroll',
17
+ overflowY: 'hidden',
18
+ display: 'flex',
19
+ },
20
+ }), { name: 'fusion-filter-panel' });
7
21
  /**
8
22
  * Base component for displaying filter components and controllers
9
23
  */
10
24
  export const FilterPanel = (props) => {
11
- const { showFilters, children } = props;
25
+ const { showFilters, className, classes, children, ...args } = props;
12
26
  const filters = Children.toArray(children).filter((x) => !!x.props.filterKey);
13
27
  const initialSelectedFilters = props.selectedFilters || filters.map((x) => x.props.filterKey);
14
- 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));
28
+ const styles = useStyles();
29
+ console.log(classes);
30
+ return (_jsx(FilterPanelProvider, Object.assign({}, { filters, initialSelectedFilters, showFilters }, { children: _jsxs("div", Object.assign({}, args, { className: clsx(styles.root, classes?.root, className) }, { children: [props.showBar && _jsx(FilterPanelBar, {}, void 0), _jsx(FilterPanelFilters, { FilterSelector: props.showSelector ? FilterPanelSelector : undefined, className: clsx(styles.filters, classes?.filters) }, void 0), _jsx(FilterPanelConsumer, { children: (context) => !context?.showFilters && _jsx(SelectionChips, { chips: { variant: 'outlined' } }, void 0) }, void 0)] }), void 0) }), void 0));
15
31
  };
16
32
  export default FilterPanel;
17
33
  //# sourceMappingURL=FilterPanel.js.map
@@ -1 +1 @@
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"}
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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE9E,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC;KAC5D;IACD,OAAO,EAAE;QACP,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;QACnB,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,EACJ,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAChC,CAAC;AA6BF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgD,EAAe,EAAE;IAC3F,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,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,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,OAAO,CACL,KAAC,mBAAmB,oBAAK,EAAE,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,cACvE,+BAAS,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,iBAClE,KAAK,CAAC,OAAO,IAAI,KAAC,cAAc,aAAG,EACpC,KAAC,kBAAkB,IACjB,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACpE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,WACjD,EACF,KAAC,mBAAmB,cACjB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,IAAI,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,WAAI,WACrE,aAClB,YACc,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,3 +1,4 @@
1
- export declare const FilterPanelBar: () => JSX.Element;
1
+ declare type FilterPanelBarProps = JSX.IntrinsicElements['div'];
2
+ export declare const FilterPanelBar: (props: FilterPanelBarProps) => JSX.Element;
2
3
  export default FilterPanelBar;
3
4
  //# sourceMappingURL=FilterPanelBar.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"FilterPanelBar.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":"AAiCA,aAAK,mBAAmB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,UAAW,mBAAmB,KAAG,WAmB3D,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1,15 +1,19 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Button from '@equinor/fusion-react-button';
3
- import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
3
+ import { clsx, createStyles, makeStyles } from '@equinor/fusion-react-styles';
4
4
  import { SearchFilter } from '../filter';
5
5
  import { ClearFilterButton } from '../misc';
6
6
  import { useFilterPanelContext } from './FilterPanelProvider';
7
7
  const useStyles = makeStyles((theme) => createStyles({
8
8
  root: {
9
9
  display: 'flex',
10
+ flexWrap: 'wrap',
10
11
  alignItems: 'center',
11
12
  gap: theme.spacing.comfortable.medium.getVariable('padding'),
12
13
  },
14
+ searchInput: {
15
+ '--textinput-dense-size': '36px',
16
+ },
13
17
  actions: {
14
18
  marginLeft: 'auto',
15
19
  display: 'flex',
@@ -22,10 +26,11 @@ const useStyles = makeStyles((theme) => createStyles({
22
26
  },
23
27
  },
24
28
  }), { name: 'fusion-filter-panel-bar' });
25
- export const FilterPanelBar = () => {
29
+ export const FilterPanelBar = (props) => {
30
+ const { className, ...args } = props;
26
31
  const { showFilters, setShowFilters } = useFilterPanelContext();
27
32
  const styles = useStyles();
28
- 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));
33
+ return (_jsxs("div", Object.assign({}, args, { className: clsx(className, styles.root) }, { children: [_jsx(SearchFilter, { filterKey: "global", label: "Search all", className: styles.searchInput, 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));
29
34
  };
30
35
  export default FilterPanelBar;
31
36
  //# sourceMappingURL=FilterPanelBar.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"FilterPanelBar.js","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelBar.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC9E,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,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;KAC7D;IACD,WAAW,EAAE;QACX,wBAAwB,EAAE,MAAM;KACjC;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;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAe,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,iBACpD,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,iBAAG,EAC3F,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"}
@@ -1,3 +1,7 @@
1
- export declare const FilterPanelFilters: () => JSX.Element;
1
+ /// <reference types="react" />
2
+ declare type FilterPanelFiltersProps = JSX.IntrinsicElements['div'] & {
3
+ FilterSelector?: () => JSX.Element;
4
+ };
5
+ export declare const FilterPanelFilters: (props: FilterPanelFiltersProps) => JSX.Element;
2
6
  export default FilterPanelFilters;
3
7
  //# sourceMappingURL=FilterPanelFilters.d.ts.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"FilterPanelFilters.d.ts","sourceRoot":"","sources":["../../../src/components/panel/FilterPanelFilters.tsx"],"names":[],"mappings":";AAOA,aAAK,uBAAuB,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,KAAG,WAmBnE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -1,13 +1,14 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
3
  import { useObservableState } from '@equinor/fusion-react-observable';
4
4
  import { useFilterPanelContext } from './FilterPanelProvider';
5
5
  import { map } from 'rxjs/operators';
6
6
  import { FilterContainer } from '../misc';
7
- export const FilterPanelFilters = () => {
7
+ export const FilterPanelFilters = (props) => {
8
+ const { FilterSelector, ...args } = props;
8
9
  const { filters$, showFilters } = useFilterPanelContext();
9
10
  const filters = useObservableState(useMemo(() => filters$.pipe(map(({ filters, selectedFilters }) => filters.filter((filter) => selectedFilters.has(filter.props.filterKey)))), [filters$]));
10
- return _jsx(FilterContainer, Object.assign({ style: { display: showFilters ? '' : 'none' } }, { children: filters }), void 0);
11
+ return (_jsxs("div", Object.assign({}, args, { style: { display: showFilters ? '' : 'none' } }, { children: [FilterSelector && _jsx(FilterSelector, {}, void 0), _jsx(FilterContainer, { children: filters }, void 0)] }), void 0));
11
12
  };
12
13
  export default FilterPanelFilters;
13
14
  //# sourceMappingURL=FilterPanelFilters.js.map
@@ -1 +1 @@
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"}
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;AAM1C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1C,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,CACL,+BAAS,IAAI,IAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,iBACzD,cAAc,IAAI,KAAC,cAAc,aAAG,EACrC,KAAC,eAAe,cAAE,OAAO,WAAmB,aACxC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
package/dist/context.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { FilterContext } from './types';
2
+ import type { FilterContext } from './types';
3
3
  export declare const useFilterContext: <TSelection = any, TData extends Record<string, any> = Record<string, any>>() => FilterContext<TSelection, TData>;
4
4
  export declare const Provider: import("react").Provider<FilterContext<unknown, Record<string, any>>>, Consumer: import("react").Consumer<FilterContext<unknown, Record<string, any>>>;
5
5
  export default useFilterContext;
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,gBAAgB,mHAGmE,CAAC;AAEjG,eAAO,MAAQ,QAAQ,yEAAE,QAAQ,uEAAY,CAAC;AAE9C,eAAe,gBAAgB,CAAC"}