mantine-composite-filters 0.2.0 → 0.4.0
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/README.md +2 -2
- package/dist/cjs/components/CompositeFiltersInput/CompositeFiltersInput.cjs +896 -0
- package/dist/cjs/components/CompositeFiltersInput/CompositeFiltersInput.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/CompositeFiltersInput.classes.cjs +49 -0
- package/dist/cjs/components/CompositeFiltersInput/CompositeFiltersInput.classes.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/CompositeFiltersInput.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/CompositeFiltersInput.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/CurrentFieldIndicator.cjs +25 -0
- package/dist/cjs/components/CompositeFiltersInput/CurrentFieldIndicator.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/CurrentFieldIndicator.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/CurrentFieldIndicator.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterActionsMenu.cjs +168 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterActionsMenu.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterMaxReached.cjs +15 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterMaxReached.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterMaxReached.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterMaxReached.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterPill.cjs +89 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterPill.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterPill.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterPill.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterStatusBar.cjs +32 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterStatusBar.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterStatusBar.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/FilterStatusBar.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/context/FilterContext.cjs +233 -0
- package/dist/cjs/components/CompositeFiltersInput/context/FilterContext.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/FieldDropdown.cjs +34 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/FieldDropdown.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/FieldDropdown.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/FieldDropdown.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/OperatorDropdown.cjs +29 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/OperatorDropdown.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/OperatorDropdown.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/OperatorDropdown.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/ValueDropdown.cjs +57 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/ValueDropdown.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/ValueDropdown.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/dropdowns/ValueDropdown.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.cjs +58 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.module.css.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateValueInput.cjs +71 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateValueInput.cjs.map +1 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateValueInput.module.css.cjs +7 -0
- package/dist/cjs/components/CompositeFiltersInput/value-inputs/DateValueInput.module.css.cjs.map +1 -0
- package/dist/cjs/hooks/useFilterHistory.cjs +49 -0
- package/dist/cjs/hooks/useFilterHistory.cjs.map +1 -0
- package/dist/cjs/hooks/useFilterPresets.cjs +101 -0
- package/dist/cjs/hooks/useFilterPresets.cjs.map +1 -0
- package/dist/cjs/hooks/useFilters.cjs +92 -0
- package/dist/cjs/hooks/useFilters.cjs.map +1 -0
- package/dist/cjs/index.cjs +56 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/utils/formatters.cjs +46 -0
- package/dist/cjs/utils/formatters.cjs.map +1 -0
- package/dist/cjs/utils/operators.cjs +55 -0
- package/dist/cjs/utils/operators.cjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/CompositeFiltersInput.classes.mjs +44 -0
- package/dist/esm/components/CompositeFiltersInput/CompositeFiltersInput.classes.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/CompositeFiltersInput.mjs +891 -0
- package/dist/esm/components/CompositeFiltersInput/CompositeFiltersInput.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/CompositeFiltersInput.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/CompositeFiltersInput.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/CurrentFieldIndicator.mjs +20 -0
- package/dist/esm/components/CompositeFiltersInput/CurrentFieldIndicator.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/CurrentFieldIndicator.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/CurrentFieldIndicator.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/FilterActionsMenu.mjs +163 -0
- package/dist/esm/components/CompositeFiltersInput/FilterActionsMenu.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/FilterMaxReached.mjs +10 -0
- package/dist/esm/components/CompositeFiltersInput/FilterMaxReached.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/FilterMaxReached.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/FilterMaxReached.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/FilterPill.mjs +84 -0
- package/dist/esm/components/CompositeFiltersInput/FilterPill.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/FilterPill.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/FilterPill.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/FilterStatusBar.mjs +27 -0
- package/dist/esm/components/CompositeFiltersInput/FilterStatusBar.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/FilterStatusBar.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/FilterStatusBar.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/context/FilterContext.mjs +227 -0
- package/dist/esm/components/CompositeFiltersInput/context/FilterContext.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/FieldDropdown.mjs +29 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/FieldDropdown.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/FieldDropdown.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/FieldDropdown.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/OperatorDropdown.mjs +24 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/OperatorDropdown.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/OperatorDropdown.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/OperatorDropdown.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/ValueDropdown.mjs +52 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/ValueDropdown.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/ValueDropdown.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/dropdowns/ValueDropdown.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.mjs +53 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateRangeValueInput.module.css.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateValueInput.mjs +66 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateValueInput.mjs.map +1 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateValueInput.module.css.mjs +5 -0
- package/dist/esm/components/CompositeFiltersInput/value-inputs/DateValueInput.module.css.mjs.map +1 -0
- package/dist/esm/hooks/useFilterHistory.mjs +47 -0
- package/dist/esm/hooks/useFilterHistory.mjs.map +1 -0
- package/dist/esm/hooks/useFilterPresets.mjs +99 -0
- package/dist/esm/hooks/useFilterPresets.mjs.map +1 -0
- package/dist/esm/hooks/useFilters.mjs +90 -0
- package/dist/esm/hooks/useFilters.mjs.map +1 -0
- package/dist/esm/index.mjs +19 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/utils/formatters.mjs +40 -0
- package/dist/esm/utils/formatters.mjs.map +1 -0
- package/dist/esm/utils/operators.mjs +48 -0
- package/dist/esm/utils/operators.mjs.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/styles.layer.css +1 -1
- package/dist/types/components/CompositeFiltersInput/CompositeFiltersInput.classes.d.ts +6 -0
- package/dist/types/components/{MultiFiltersInput/MultiFiltersInput.d.ts → CompositeFiltersInput/CompositeFiltersInput.d.ts} +7 -7
- package/dist/types/components/CompositeFiltersInput/index.d.ts +13 -0
- package/dist/types/components/MultiFiltersInput/index.d.ts +11 -12
- package/dist/types/index.d.mts +5 -5
- package/dist/types/index.d.ts +5 -5
- package/dist/types/types/filter.types.d.ts +6 -6
- package/package.json +1 -1
- package/dist/types/components/MultiFiltersInput/MultiFiltersInput.classes.d.ts +0 -6
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/CurrentFieldIndicator.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterActionsMenu.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterMaxReached.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterPill.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/FilterStatusBar.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/context/FilterContext.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/context/index.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/FieldDropdown.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/OperatorDropdown.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/ValueDropdown.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/dropdowns/index.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/value-inputs/DateRangeValueInput.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/value-inputs/DateValueInput.d.ts +0 -0
- /package/dist/types/components/{MultiFiltersInput → CompositeFiltersInput}/value-inputs/index.d.ts +0 -0
package/README.md
CHANGED
|
@@ -26,7 +26,7 @@ npm install @mantine/core @mantine/hooks @mantine/dates @mantine/notifications @
|
|
|
26
26
|
## Usage
|
|
27
27
|
|
|
28
28
|
```tsx
|
|
29
|
-
import {
|
|
29
|
+
import { CompositeFiltersInput } from 'mantine-composite-filters';
|
|
30
30
|
import 'mantine-composite-filters/styles.css';
|
|
31
31
|
|
|
32
32
|
const filterFields = [
|
|
@@ -40,7 +40,7 @@ function App() {
|
|
|
40
40
|
const [filters, setFilters] = useState([]);
|
|
41
41
|
|
|
42
42
|
return (
|
|
43
|
-
<
|
|
43
|
+
<CompositeFiltersInput
|
|
44
44
|
fields={filterFields}
|
|
45
45
|
value={filters}
|
|
46
46
|
onChange={setFilters}
|