@vuu-ui/vuu-filters 3.3.11 → 4.0.0-alpha.1
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/package.json +14 -14
- package/src/filter-container/FilterContainer.js +2 -1
- package/src/tabbed-filter-container/TabbedFilterContainer.js +9 -9
- package/types/column-filter/ColumnFilter.d.ts +2 -2
- package/types/custom-filters/CustomFilters.d.ts +1 -1
- package/types/filter-bar/FilterBar.d.ts +1 -1
- package/types/filter-bar/FilterBarMenu.d.ts +1 -1
- package/types/filter-clause/FilterClause.d.ts +1 -1
- package/types/filter-clause/column-picker/ColumnPicker.d.ts +1 -1
- package/types/filter-clause/operator-picker/OperatorPicker.d.ts +1 -1
- package/types/filter-clause/value-editors/FilterClauseValueEditor.d.ts +1 -1
- package/types/filter-clause/value-editors/FilterClauseValueEditorDate.d.ts +1 -1
- package/types/filter-clause/value-editors/FilterClauseValueEditorText.d.ts +2 -2
- package/types/filter-clause/value-editors/FilterClauseValueEditorTime.d.ts +1 -1
- package/types/filter-container/FilterContainer.d.ts +4 -4
- package/types/filter-editor/FilterClauseCombinator.d.ts +1 -1
- package/types/filter-editor/FilterEditor.d.ts +1 -1
- package/types/filter-pill/FilterMenu.d.ts +1 -1
- package/types/filter-pill/FilterPill.d.ts +1 -1
- package/types/filter-pill/FilterPillNext.d.ts +1 -1
- package/types/filter-pill-menu/FilterPillMenu.d.ts +1 -1
- package/types/filter-provider/FilterProvider.d.ts +1 -1
- package/types/filter-toggle-button/FilterToggleButton.d.ts +1 -1
- package/types/inline-filter/InlineFilter.d.ts +1 -1
- package/types/quick-filters/QuickFilters.d.ts +1 -1
- package/types/saved-filters/DeleteFilterPrompt.d.ts +1 -1
- package/types/saved-filters/FilterNamePrompt.d.ts +1 -1
- package/types/saved-filters/SavedFilterPanel.d.ts +1 -1
- package/types/tabbed-filter-container/TabbedFilterContainer.d.ts +3 -3
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "
|
|
2
|
+
"version": "4.0.0-alpha.1",
|
|
3
3
|
"main": "./src/index.js",
|
|
4
4
|
"author": "heswell",
|
|
5
5
|
"license": "Apache-2.0",
|
|
@@ -10,21 +10,21 @@
|
|
|
10
10
|
"type-defs": "node ../../scripts/build-type-defs.mjs"
|
|
11
11
|
},
|
|
12
12
|
"devDependencies": {
|
|
13
|
-
"@vuu-ui/vuu-data-types": "
|
|
14
|
-
"@vuu-ui/vuu-protocol-types": "
|
|
15
|
-
"@vuu-ui/vuu-table-types": "
|
|
16
|
-
"@vuu-ui/vuu-filter-types": "
|
|
13
|
+
"@vuu-ui/vuu-data-types": "4.0.0-alpha.1",
|
|
14
|
+
"@vuu-ui/vuu-protocol-types": "4.0.0-alpha.1",
|
|
15
|
+
"@vuu-ui/vuu-table-types": "4.0.0-alpha.1",
|
|
16
|
+
"@vuu-ui/vuu-filter-types": "4.0.0-alpha.1"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@vuu-ui/vuu-context-menu": "
|
|
20
|
-
"@vuu-ui/vuu-data-react": "
|
|
21
|
-
"@vuu-ui/vuu-filter-parser": "
|
|
22
|
-
"@vuu-ui/vuu-popups": "
|
|
23
|
-
"@vuu-ui/vuu-ui-controls": "
|
|
24
|
-
"@vuu-ui/vuu-table": "
|
|
25
|
-
"@vuu-ui/vuu-utils": "
|
|
26
|
-
"@salt-ds/core": "1.
|
|
27
|
-
"@salt-ds/lab": "1.0.0-alpha.
|
|
19
|
+
"@vuu-ui/vuu-context-menu": "4.0.0-alpha.1",
|
|
20
|
+
"@vuu-ui/vuu-data-react": "4.0.0-alpha.1",
|
|
21
|
+
"@vuu-ui/vuu-filter-parser": "4.0.0-alpha.1",
|
|
22
|
+
"@vuu-ui/vuu-popups": "4.0.0-alpha.1",
|
|
23
|
+
"@vuu-ui/vuu-ui-controls": "4.0.0-alpha.1",
|
|
24
|
+
"@vuu-ui/vuu-table": "4.0.0-alpha.1",
|
|
25
|
+
"@vuu-ui/vuu-utils": "4.0.0-alpha.1",
|
|
26
|
+
"@salt-ds/core": "1.67.0",
|
|
27
|
+
"@salt-ds/lab": "1.0.0-alpha.99",
|
|
28
28
|
"@salt-ds/styles": "0.2.1",
|
|
29
29
|
"@salt-ds/window": "0.1.1"
|
|
30
30
|
},
|
|
@@ -53,7 +53,8 @@ const FilterContainerColumnFilter = ({ column, operator = "=", variant, ...props
|
|
|
53
53
|
}
|
|
54
54
|
}, [
|
|
55
55
|
column,
|
|
56
|
-
currentFilter
|
|
56
|
+
currentFilter,
|
|
57
|
+
operator
|
|
57
58
|
]);
|
|
58
59
|
const handleCommit = useCallback((column, op, value, extendedFilterOptions)=>{
|
|
59
60
|
valueRef.current = value;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Tab, TabList, TabPanel, TabTrigger, Tabs } from "@salt-ds/core";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { FilterPanel } from "../filter-panel/FilterPanel.js";
|
|
5
5
|
import { SavedFilterPanel } from "../saved-filters/SavedFilterPanel.js";
|
|
@@ -7,27 +7,27 @@ const classBase = "vuuTabbedFilterContainer";
|
|
|
7
7
|
const TabbedFilterContainer = ({ SavedFilterPanelProps, children, className, filter, filterProviderKey, filterTabLabel = "Ad hoc", onFilterApplied, onFilterCleared, savedFilterLabel = "Saved", ...htmlAttributes })=>/*#__PURE__*/ jsx("div", {
|
|
8
8
|
...htmlAttributes,
|
|
9
9
|
className: clsx(classBase, className),
|
|
10
|
-
children: /*#__PURE__*/ jsxs(
|
|
10
|
+
children: /*#__PURE__*/ jsxs(Tabs, {
|
|
11
11
|
defaultValue: "ad-hoc-filter",
|
|
12
12
|
children: [
|
|
13
|
-
/*#__PURE__*/ jsxs(
|
|
13
|
+
/*#__PURE__*/ jsxs(TabList, {
|
|
14
14
|
appearance: "transparent",
|
|
15
15
|
children: [
|
|
16
|
-
/*#__PURE__*/ jsx(
|
|
16
|
+
/*#__PURE__*/ jsx(Tab, {
|
|
17
17
|
value: "ad-hoc-filter",
|
|
18
|
-
children: /*#__PURE__*/ jsx(
|
|
18
|
+
children: /*#__PURE__*/ jsx(TabTrigger, {
|
|
19
19
|
children: filterTabLabel
|
|
20
20
|
})
|
|
21
21
|
}, "ad-hoc-filter"),
|
|
22
|
-
/*#__PURE__*/ jsx(
|
|
22
|
+
/*#__PURE__*/ jsx(Tab, {
|
|
23
23
|
value: "saved-filters",
|
|
24
|
-
children: /*#__PURE__*/ jsx(
|
|
24
|
+
children: /*#__PURE__*/ jsx(TabTrigger, {
|
|
25
25
|
children: savedFilterLabel
|
|
26
26
|
})
|
|
27
27
|
}, "saved-filters")
|
|
28
28
|
]
|
|
29
29
|
}),
|
|
30
|
-
/*#__PURE__*/ jsx(
|
|
30
|
+
/*#__PURE__*/ jsx(TabPanel, {
|
|
31
31
|
value: "ad-hoc-filter",
|
|
32
32
|
children: /*#__PURE__*/ jsx(FilterPanel, {
|
|
33
33
|
filter: filter,
|
|
@@ -37,7 +37,7 @@ const TabbedFilterContainer = ({ SavedFilterPanelProps, children, className, fil
|
|
|
37
37
|
children: children
|
|
38
38
|
})
|
|
39
39
|
}, "ad-hoc-filter"),
|
|
40
|
-
/*#__PURE__*/ jsx(
|
|
40
|
+
/*#__PURE__*/ jsx(TabPanel, {
|
|
41
41
|
value: "saved-filters",
|
|
42
42
|
children: /*#__PURE__*/ jsx(SavedFilterPanel, {
|
|
43
43
|
...SavedFilterPanelProps,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type SegmentedButtonGroupProps } from "@salt-ds/core";
|
|
2
|
-
import { DataItemEditControlProps } from "@vuu-ui/vuu-data-react";
|
|
3
|
-
import { ColumnFilterHookProps } from "./useColumnFilter";
|
|
2
|
+
import { type DataItemEditControlProps } from "@vuu-ui/vuu-data-react";
|
|
3
|
+
import { type ColumnFilterHookProps } from "./useColumnFilter";
|
|
4
4
|
export interface ColumnFilterProps extends ColumnFilterHookProps, Omit<SegmentedButtonGroupProps, "defaultValue">, Pick<DataItemEditControlProps, "TypeaheadProps" | "table" | "values" | "variant"> {
|
|
5
5
|
}
|
|
6
6
|
export declare const ColumnFilter: import("react").ForwardRefExoticComponent<ColumnFilterProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -4,4 +4,4 @@ import { type FilterBarProps } from "../filter-bar";
|
|
|
4
4
|
export interface CustomFilterProps extends HTMLAttributes<HTMLDivElement>, Pick<FilterBarProps, "defaultFilterState" | "filterState" | "onApplyFilter" | "onClearFilter" | "onFilterDeleted" | "onFilterRenamed" | "onFilterStateChanged" | "vuuTable"> {
|
|
5
5
|
columnDescriptors: readonly ColumnDescriptor[];
|
|
6
6
|
}
|
|
7
|
-
export declare const CustomFilters: ({ columnDescriptors, defaultFilterState, filterState, onApplyFilter, onClearFilter, onFilterDeleted, onFilterRenamed, onFilterStateChanged, vuuTable, }: CustomFilterProps) => import("react
|
|
7
|
+
export declare const CustomFilters: ({ columnDescriptors, defaultFilterState, filterState, onApplyFilter, onClearFilter, onFilterDeleted, onFilterRenamed, onFilterStateChanged, vuuTable, }: CustomFilterProps) => import("react").JSX.Element;
|
|
@@ -30,4 +30,4 @@ export interface FilterBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
30
30
|
vuuTable?: VuuTable;
|
|
31
31
|
variant?: FilterBarVariant;
|
|
32
32
|
}
|
|
33
|
-
export declare const FilterBar: ({ QuickFilterProps, className: classNameProp, columnDescriptors, defaultFilterMode, defaultFilterState, filterMode: filterModeProp, filterState, onApplyFilter, onChangeFilterMode: onChangeFilterModeProp, onClearFilter, onFilterDeleted, onFilterRenamed, onFilterStateChanged, vuuTable, variant, ...htmlAttributes }: FilterBarProps) => import("react
|
|
33
|
+
export declare const FilterBar: ({ QuickFilterProps, className: classNameProp, columnDescriptors, defaultFilterMode, defaultFilterState, filterMode: filterModeProp, filterState, onApplyFilter, onChangeFilterMode: onChangeFilterModeProp, onClearFilter, onFilterDeleted, onFilterRenamed, onFilterStateChanged, vuuTable, variant, ...htmlAttributes }: FilterBarProps) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const FilterBarMenu: () => import("react
|
|
1
|
+
export declare const FilterBarMenu: () => import("react").JSX.Element;
|
|
@@ -13,4 +13,4 @@ export interface FilterClauseProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
13
13
|
dropdownOnAutofocus?: boolean;
|
|
14
14
|
vuuTable: VuuTable;
|
|
15
15
|
}
|
|
16
|
-
export declare const FilterClause: ({ className, columnsByName, onCancel, onDropdownOpen, onFocusSave, filterClauseModel, vuuTable, dropdownOnAutofocus, ...htmlAttributes }: FilterClauseProps) => import("react
|
|
16
|
+
export declare const FilterClause: ({ className, columnsByName, onCancel, onDropdownOpen, onFocusSave, filterClauseModel, vuuTable, dropdownOnAutofocus, ...htmlAttributes }: FilterClauseProps) => import("react").JSX.Element;
|
|
@@ -6,7 +6,7 @@ export type ColumnPickerProps = Pick<ComboBoxProps, "className" | "inputProps" |
|
|
|
6
6
|
onSelect: (evt: SyntheticEvent, columnName: string) => void;
|
|
7
7
|
dropdownOnAutofocus?: boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare const ColumnPicker: import("react").ForwardRefExoticComponent<Pick<ComboBoxProps
|
|
9
|
+
export declare const ColumnPicker: import("react").ForwardRefExoticComponent<Pick<ComboBoxProps<string>, "className" | "inputProps" | "value"> & {
|
|
10
10
|
columns: readonly ColumnDescriptor[];
|
|
11
11
|
onSelect: (evt: SyntheticEvent, columnName: string) => void;
|
|
12
12
|
dropdownOnAutofocus?: boolean;
|
|
@@ -7,7 +7,7 @@ export type OperatorPickerProps = Pick<ComboBoxProps, "className" | "inputProps"
|
|
|
7
7
|
onSelect: (evt: SyntheticEvent, operator: FilterClauseOp) => void;
|
|
8
8
|
dropdownOnAutofocus?: boolean;
|
|
9
9
|
};
|
|
10
|
-
export declare const OperatorPicker: import("react").ForwardRefExoticComponent<Pick<ComboBoxProps
|
|
10
|
+
export declare const OperatorPicker: import("react").ForwardRefExoticComponent<Pick<ComboBoxProps<string>, "className" | "inputProps" | "value"> & {
|
|
11
11
|
column: ColumnDescriptor;
|
|
12
12
|
onSelect: (evt: SyntheticEvent, operator: FilterClauseOp) => void;
|
|
13
13
|
dropdownOnAutofocus?: boolean;
|
|
@@ -17,7 +17,7 @@ export declare const FilterClauseValueEditor: import("react").ForwardRefExoticCo
|
|
|
17
17
|
selectedColumn: import("@vuu-ui/vuu-table-types").ColumnDescriptor;
|
|
18
18
|
valueRef: import("react").RefCallback<HTMLDivElement>;
|
|
19
19
|
showDropdownOnAutoFocus: boolean;
|
|
20
|
-
}, "
|
|
20
|
+
}, "inputProps" | "onChangeValue" | "onDeselectValue" | "onOpenChange" | "selectedColumn"> & {
|
|
21
21
|
table?: TableSchemaTable;
|
|
22
22
|
} & {
|
|
23
23
|
operator?: SingleValueFilterClauseOp | "in";
|
|
@@ -5,5 +5,5 @@ interface FilterClauseValueEditorDateProps extends Pick<FilterClauseValueEditor,
|
|
|
5
5
|
value: number | undefined;
|
|
6
6
|
operator: NumericFilterClauseOp;
|
|
7
7
|
}
|
|
8
|
-
export declare const FilterClauseValueEditorDate: (props: FilterClauseValueEditorDateProps) => import("react
|
|
8
|
+
export declare const FilterClauseValueEditorDate: (props: FilterClauseValueEditorDateProps) => import("react").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
import { FilterClauseValueEditor } from "../filterClauseTypes";
|
|
1
|
+
import { type HTMLAttributes } from "react";
|
|
2
|
+
import type { FilterClauseValueEditor } from "../filterClauseTypes";
|
|
3
3
|
export interface FilterClauseTextValueEditorProps extends FilterClauseValueEditor, HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
"data-field"?: string;
|
|
5
5
|
operator: string;
|
|
@@ -5,5 +5,5 @@ interface FilterClauseValueEditorTimeProps extends Pick<FilterClauseValueEditor,
|
|
|
5
5
|
value: number | undefined;
|
|
6
6
|
operator: NumericFilterClauseOp;
|
|
7
7
|
}
|
|
8
|
-
export declare const FilterClauseValueEditorTime: (props: FilterClauseValueEditorTimeProps) => import("react
|
|
8
|
+
export declare const FilterClauseValueEditorTime: (props: FilterClauseValueEditorTimeProps) => import("react").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes, type ReactNode } from "react";
|
|
2
2
|
import { type ColumnFilterContainerHookProps } from "./useFilterContainer";
|
|
3
|
-
import { ColumnFilterValue } from "@vuu-ui/vuu-filter-types";
|
|
4
|
-
import { ColumnFilterProps } from "../column-filter/ColumnFilter";
|
|
3
|
+
import type { ColumnFilterValue } from "@vuu-ui/vuu-filter-types";
|
|
4
|
+
import { type ColumnFilterProps } from "../column-filter/ColumnFilter";
|
|
5
5
|
export interface FilterContainerProps extends HTMLAttributes<HTMLDivElement>, ColumnFilterContainerHookProps {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
filterProviderKey?: string;
|
|
@@ -9,7 +9,7 @@ export interface FilterContainerProps extends HTMLAttributes<HTMLDivElement>, Co
|
|
|
9
9
|
export interface FilterContainerColumnFilterProps extends Omit<ColumnFilterProps, "defaultValue" | "onCommit" | "value"> {
|
|
10
10
|
defaultValue?: ColumnFilterValue;
|
|
11
11
|
}
|
|
12
|
-
export declare const FilterContainerColumnFilter: ({ column, operator, variant, ...props }: FilterContainerColumnFilterProps) => import("react
|
|
12
|
+
export declare const FilterContainerColumnFilter: ({ column, operator, variant, ...props }: FilterContainerColumnFilterProps) => import("react").JSX.Element;
|
|
13
13
|
/**
|
|
14
14
|
* FilterContainer is a generic UI container for a collection of Filter
|
|
15
15
|
* controls. Each control manages a single filter clause and the Filter
|
|
@@ -20,4 +20,4 @@ export declare const FilterContainerColumnFilter: ({ column, operator, variant,
|
|
|
20
20
|
* the top-level filter.
|
|
21
21
|
* See FilterPanel and InlineFilter for examples of FilterContainer usage.
|
|
22
22
|
*/
|
|
23
|
-
export declare const FilterContainer: ({ children, className, filter, filterProviderKey, onFilterApplied, onFilterCleared, ...htmlAttributes }: FilterContainerProps) => import("react
|
|
23
|
+
export declare const FilterContainer: ({ children, className, filter, filterProviderKey, onFilterApplied, onFilterCleared, ...htmlAttributes }: FilterContainerProps) => import("react").JSX.Element;
|
|
@@ -6,4 +6,4 @@ export interface FilterClauseCombinatorProps {
|
|
|
6
6
|
onKeyDown: KeyboardEventHandler;
|
|
7
7
|
operator: FilterCombinatorOp;
|
|
8
8
|
}
|
|
9
|
-
export declare const FilterClauseCombinator: ({ onChange, onKeyDown, operator, }: FilterClauseCombinatorProps) => import("react
|
|
9
|
+
export declare const FilterClauseCombinator: ({ onChange, onKeyDown, operator, }: FilterClauseCombinatorProps) => import("react").JSX.Element;
|
|
@@ -11,4 +11,4 @@ export interface FilterEditorProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
11
11
|
onSave: FilterEditSaveHandler;
|
|
12
12
|
vuuTable: VuuTable;
|
|
13
13
|
}
|
|
14
|
-
export declare const FilterEditor: ({ columnDescriptors, filter, onCancel, onSave, vuuTable, ...htmlAttributes }: FilterEditorProps) => import("react
|
|
14
|
+
export declare const FilterEditor: ({ columnDescriptors, filter, onCancel, onSave, vuuTable, ...htmlAttributes }: FilterEditorProps) => import("react").JSX.Element;
|
|
@@ -21,4 +21,4 @@ export interface FilterMenuProps extends Pick<MenuProps, "getVirtualElement" | "
|
|
|
21
21
|
permissions?: FilterPermissions;
|
|
22
22
|
}
|
|
23
23
|
export type FilterAction = "close" | "remove" | "edit" | "rename";
|
|
24
|
-
export declare const FilterMenu: ({ filterId, getVirtualElement, onMenuAction, onOpenChange, open, permissions, }: FilterMenuProps) => import("react
|
|
24
|
+
export declare const FilterMenu: ({ filterId, getVirtualElement, onMenuAction, onOpenChange, open, permissions, }: FilterMenuProps) => import("react").JSX.Element;
|
|
@@ -13,4 +13,4 @@ export interface FilterPillProps extends SplitStateButtonProps, Pick<Partial<Edi
|
|
|
13
13
|
onBeginEdit?: (filter: Filter) => void;
|
|
14
14
|
onMenuAction?: MenuActionHandler;
|
|
15
15
|
}
|
|
16
|
-
export declare const FilterPill: ({ allowClose, allowDelete, allowEdit, allowRename, className: classNameProp, columnsByName, editable, editing, editLabelApiRef, filter, id: idProp, onBeginEdit, onExitEditMode, onMenuAction, ...htmlAttributes }: FilterPillProps) => import("react
|
|
16
|
+
export declare const FilterPill: ({ allowClose, allowDelete, allowEdit, allowRename, className: classNameProp, columnsByName, editable, editing, editLabelApiRef, filter, id: idProp, onBeginEdit, onExitEditMode, onMenuAction, ...htmlAttributes }: FilterPillProps) => import("react").JSX.Element;
|
|
@@ -12,4 +12,4 @@ export interface FilterPillNextProps extends FilterPillNextHookProps, Omit<HTMLA
|
|
|
12
12
|
permissions?: FilterPermissions;
|
|
13
13
|
showTooltip?: boolean;
|
|
14
14
|
}
|
|
15
|
-
export declare const FilterPillNext: ({ active, appearence, columns, className, defaultActive, filter, id, onClick, onMenuAction: onMenuActionProp, permissions, showTooltip, ...htmlAttributes }: FilterPillNextProps) => import("react
|
|
15
|
+
export declare const FilterPillNext: ({ active, appearence, columns, className, defaultActive, filter, id, onClick, onMenuAction: onMenuActionProp, permissions, showTooltip, ...htmlAttributes }: FilterPillNextProps) => import("react").JSX.Element;
|
|
@@ -14,4 +14,4 @@ export interface FilterPillMenuProps {
|
|
|
14
14
|
onMenuAction: MenuActionHandler;
|
|
15
15
|
onMenuClose?: () => void;
|
|
16
16
|
}
|
|
17
|
-
export declare const FilterPillMenu: ({ allowClose, allowDelete, allowEdit, allowRename, filter, location, onMenuAction, onMenuClose, }: FilterPillMenuProps) => import("react
|
|
17
|
+
export declare const FilterPillMenu: ({ allowClose, allowDelete, allowEdit, allowRename, filter, location, onMenuAction, onMenuClose, }: FilterPillMenuProps) => import("react").JSX.Element;
|
|
@@ -7,4 +7,4 @@ export interface FilterProviderProps {
|
|
|
7
7
|
savedFilters?: SavedFilterRecord;
|
|
8
8
|
filterNameMaxLength?: number;
|
|
9
9
|
}
|
|
10
|
-
export declare const FilterProvider: ({ children, onFiltersSaved, savedFilters: savedFiltersProp, filterNameMaxLength, }: FilterProviderProps) => import("react
|
|
10
|
+
export declare const FilterProvider: ({ children, onFiltersSaved, savedFilters: savedFiltersProp, filterNameMaxLength, }: FilterProviderProps) => import("react").JSX.Element;
|
|
@@ -6,4 +6,4 @@ export interface FilterToggleButtonProps {
|
|
|
6
6
|
filterProviderKey?: string;
|
|
7
7
|
onToggle: () => void;
|
|
8
8
|
}
|
|
9
|
-
export declare const FilterToggleButton: ({ columns, filterProviderKey, onToggle, }: FilterToggleButtonProps) => import("react
|
|
9
|
+
export declare const FilterToggleButton: ({ columns, filterProviderKey, onToggle, }: FilterToggleButtonProps) => import("react").JSX.Element;
|
|
@@ -9,4 +9,4 @@ export interface InlineFilterProps extends Partial<BaseRowProps>, Omit<HTMLAttri
|
|
|
9
9
|
onFilterCleared?: () => void;
|
|
10
10
|
table: TableSchemaTable;
|
|
11
11
|
}
|
|
12
|
-
export declare const InlineFilter: ({ ariaRole, onFilterApplied, onFilterCleared, table, ...htmlAttributes }: InlineFilterProps) => import("react
|
|
12
|
+
export declare const InlineFilter: ({ ariaRole, onFilterApplied, onFilterCleared, table, ...htmlAttributes }: InlineFilterProps) => import("react").JSX.Element;
|
|
@@ -14,4 +14,4 @@ export interface QuickFilterProps extends HTMLAttributes<HTMLDivElement>, Pick<F
|
|
|
14
14
|
*/
|
|
15
15
|
showFind?: boolean | string[];
|
|
16
16
|
}
|
|
17
|
-
export declare const QuickFilters: ({ allowAddColumn, allowFind, availableColumns, onApplyFilter, onClearFilter, onChangeQuickFilterColumns, quickFilterColumns, vuuTable, }: QuickFilterProps) => import("react
|
|
17
|
+
export declare const QuickFilters: ({ allowAddColumn, allowFind, availableColumns, onApplyFilter, onClearFilter, onChangeQuickFilterColumns, quickFilterColumns, vuuTable, }: QuickFilterProps) => import("react").JSX.Element;
|
|
@@ -6,4 +6,4 @@ export interface DeleteFilterPromptProps extends Pick<PromptProps, "onConfirm" |
|
|
|
6
6
|
columns?: ColumnDescriptor[];
|
|
7
7
|
filterDescriptor: FilterContainerFilterDescriptor;
|
|
8
8
|
}
|
|
9
|
-
export declare const DeleteFilterPrompt: ({ children, className, columns, filterDescriptor, onClose, onConfirm, open, ...htmlAttributes }: DeleteFilterPromptProps) => import("react
|
|
9
|
+
export declare const DeleteFilterPrompt: ({ children, className, columns, filterDescriptor, onClose, onConfirm, open, ...htmlAttributes }: DeleteFilterPromptProps) => import("react").JSX.Element;
|
|
@@ -3,4 +3,4 @@ import { HTMLAttributes } from "react";
|
|
|
3
3
|
import { FilterNamePromptHookProps } from "./useFilterNamePrompt";
|
|
4
4
|
export interface FilterNamePromptProps extends FilterNamePromptHookProps, Pick<PromptProps, "onClose" | "open" | "title">, Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
5
5
|
}
|
|
6
|
-
export declare const FilterNamePrompt: ({ className, filterName, onClose, onConfirm: onConfirmProp, open, title, filterNameMaxLength, ...htmlAttributes }: FilterNamePromptProps) => import("react
|
|
6
|
+
export declare const FilterNamePrompt: ({ className, filterName, onClose, onConfirm: onConfirmProp, open, title, filterNameMaxLength, ...htmlAttributes }: FilterNamePromptProps) => import("react").JSX.Element;
|
|
@@ -11,4 +11,4 @@ export interface SavedFilterPanelProps extends HTMLAttributes<HTMLDivElement>, P
|
|
|
11
11
|
availableColumns?: ColumnDescriptor[];
|
|
12
12
|
filterPillPermissions?: FilterPermissions;
|
|
13
13
|
}
|
|
14
|
-
export declare const SavedFilterPanel: ({ availableColumns, className, filterPillPermissions, filterProviderKey, ...htmlAttributes }: SavedFilterPanelProps) => import("react
|
|
14
|
+
export declare const SavedFilterPanel: ({ availableColumns, className, filterPillPermissions, filterProviderKey, ...htmlAttributes }: SavedFilterPanelProps) => import("react").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
-
import { FilterContainerProps } from "../filter-container/FilterContainer";
|
|
3
|
-
import { SavedFilterPanelProps } from "../saved-filters/SavedFilterPanel";
|
|
2
|
+
import type { FilterContainerProps } from "../filter-container/FilterContainer";
|
|
3
|
+
import { type SavedFilterPanelProps } from "../saved-filters/SavedFilterPanel";
|
|
4
4
|
export interface TabbedFilterContainerProps extends HTMLAttributes<HTMLDivElement>, Pick<FilterContainerProps, "filter" | "filterProviderKey" | "onFilterApplied" | "onFilterCleared"> {
|
|
5
5
|
SavedFilterPanelProps?: Pick<SavedFilterPanelProps, "availableColumns" | "filterPillPermissions">;
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
filterTabLabel?: string;
|
|
8
8
|
savedFilterLabel?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare const TabbedFilterContainer: ({ SavedFilterPanelProps, children, className, filter, filterProviderKey, filterTabLabel, onFilterApplied, onFilterCleared, savedFilterLabel, ...htmlAttributes }: TabbedFilterContainerProps) => import("react
|
|
10
|
+
export declare const TabbedFilterContainer: ({ SavedFilterPanelProps, children, className, filter, filterProviderKey, filterTabLabel, onFilterApplied, onFilterCleared, savedFilterLabel, ...htmlAttributes }: TabbedFilterContainerProps) => import("react").JSX.Element;
|