@vuu-ui/vuu-filters 4.0.0-alpha.21 → 4.0.0-alpha.23

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-alpha.21",
+  "version": "4.0.0-alpha.23",
   "main": "./src/index.js",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -10,19 +10,19 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-table-types": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.21"
+    "@vuu-ui/vuu-data-types": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-table-types": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.23"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-data-react": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-filter-parser": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-popups": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-table": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.21",
+    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-data-react": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-filter-parser": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-popups": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-table": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-utils": "4.0.0-alpha.23",
     "@salt-ds/core": "1.72.0",
     "@salt-ds/styles": "0.4.1",
     "@salt-ds/window": "0.1.2"

package/src/toggle-filter/ToggleFilter.js

@@ -28,7 +28,7 @@ const getValues = (defaultValueProp, valueProp)=>{
 };
 const classBase = "vuuToggleFilter";
 const NO_MATCHING_DATA = "No matching data";
-const ToggleFilter_ToggleFilter = /*#__PURE__*/ forwardRef(function({ className, column, defaultValue: defaultValueProp, labels, onCommit, table, value: valueProp, values, ...ToggleButtonGroupProps }, forwardedRef) {
+const ToggleFilter_ToggleFilter = /*#__PURE__*/ forwardRef(function({ className, column, defaultValue: defaultValueProp, disableTypeahead, labels, onCommit, table, value: valueProp, values, ...ToggleButtonGroupProps }, forwardedRef) {
     const targetWindow = useWindow();
     useComponentCssInjection({
         testId: "vuu-toggle-filter",
@@ -40,6 +40,7 @@ const ToggleFilter_ToggleFilter = /*#__PURE__*/ forwardRef(function({ className,
     const stringValues = values.map(String);
     const { onlyAvailableValue, unavailableValues } = useToggleFilter({
         column,
+        disableTypeahead,
         table,
         values: stringValues
     });

package/src/toggle-filter/useToggleFilter.js

@@ -12,7 +12,11 @@ const hasFilterOnColumn = (filterSpec, column)=>{
     const filter = filterSpec.filterStruct ?? parseFilter(filterSpec.filter);
     return void 0 !== extractFilterForColumn(filter, column);
 };
-const useToggleFilter = ({ column, table, values })=>{
+const isNonStringColumn = (dataSource, column)=>{
+    const serverDataType = dataSource?.tableSchema?.columns.find((col)=>col.name === column)?.serverDataType;
+    return void 0 !== serverDataType && "string" !== serverDataType;
+};
+const useToggleFilter = ({ column, disableTypeahead = false, table, values })=>{
     const dataSource = useDataSource(false);
     const [typeaheadValues, setTypeaheadValues] = useState(void 0);
     const getSuggestions = useTypeaheadSuggestions();
@@ -24,7 +28,7 @@ const useToggleFilter = ({ column, table, values })=>{
     const tableModule = vuuTable?.module;
     const tableName = vuuTable?.table;
     const checkAvailability = useCallback(()=>{
-        if (void 0 === tableModule || void 0 === tableName || void 0 === dataSource) return;
+        if (disableTypeahead || void 0 === tableModule || void 0 === tableName || void 0 === dataSource || isNonStringColumn(dataSource, column)) return;
         if (hasFilterOnColumn(dataSource.filter, column)) return;
         const requestId = ++requestIdRef.current;
         const params = [
@@ -42,6 +46,7 @@ const useToggleFilter = ({ column, table, values })=>{
     }, [
         column,
         dataSource,
+        disableTypeahead,
         getSuggestions,
         tableModule,
         tableName
@@ -65,6 +70,14 @@ const useToggleFilter = ({ column, table, values })=>{
         checkAvailability,
         dataSource
     ]);
+    useEffect(()=>{
+        if (disableTypeahead) {
+            requestIdRef.current += 1;
+            setTypeaheadValues(void 0);
+        }
+    }, [
+        disableTypeahead
+    ]);
     return useMemo(()=>{
         if (void 0 === typeaheadValues) return {
             unavailableValues: []

package/types/column-filter/column-filter-utils.d.ts

@@ -0,0 +1,8 @@
+import type { ColumnFilterOp, ColumnFilterValue, FilterContainerFilter } from "@vuu-ui/vuu-filter-types";
+import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
+export type SelectableColumnFilterOp = Exclude<ColumnFilterOp, "in">;
+export declare const getColumnFilterOperators: (column: ColumnDescriptor, operators?: readonly SelectableColumnFilterOp[]) => readonly SelectableColumnFilterOp[];
+export declare const getDefaultColumnFilterOperator: (operators: readonly SelectableColumnFilterOp[], operator?: ColumnFilterOp) => SelectableColumnFilterOp;
+export declare const getColumnFilterOperator: (column: ColumnDescriptor, filter?: FilterContainerFilter) => SelectableColumnFilterOp | undefined;
+export declare const getColumnFilterClause: (column: ColumnDescriptor, filter?: FilterContainerFilter) => FilterContainerFilter | undefined;
+export declare const normalizeColumnFilterValue: (operator: ColumnFilterOp, value?: ColumnFilterValue) => ColumnFilterValue;

package/types/toggle-filter/ToggleFilter.d.ts

@@ -12,6 +12,9 @@ type Value = ToggleButtonGroupProps["value"];
  * values from dataSource.
  * With neither of these Providers available, the ToggleFilter is
  * behaving like a regular ToggleButtonGroup.
+ * Validation of values uses the typeahead service, which only supports
+ * string columns. It can be disabled with disableTypeahead and is always
+ * disabled for a non-string (e.g. boolean or numeric) column.
  */
 export interface ToggleFilterProps extends Omit<ToggleButtonGroupProps, "defaultValue" | "value">, Omit<ToggleFilterHookProps, "values"> {
     defaultValue?: ToggleFilterValue | Value;

package/types/toggle-filter/useToggleFilter.d.ts

@@ -1,6 +1,14 @@
 import type { TableSchemaTable } from "@vuu-ui/vuu-data-types";
 export interface ToggleFilterHookProps {
     column: string;
+    /**
+     * Typeahead is used to determine which toggle values have matching
+     * data. Set disableTypeahead to opt out of this check, all values
+     * will then be treated as available. Typeahead only supports string
+     * lookups, so it is always disabled if the serverDataType of column
+     * (from the DataSource tableSchema) is anything other than string.
+     */
+    disableTypeahead?: boolean;
     /**
      * table must be provided to enable validation
      * of values using server data.
@@ -26,4 +34,4 @@ export interface ToggleFilterHookResult {
  * and the result of the last check (if any) is retained. If there has
  * been no check, all values are assumed to possibly have data.
  */
-export declare const useToggleFilter: ({ column, table, values, }: ToggleFilterHookProps) => ToggleFilterHookResult;
+export declare const useToggleFilter: ({ column, disableTypeahead, table, values, }: ToggleFilterHookProps) => ToggleFilterHookResult;

package/types/src/FilterAggregator.d.ts

@@ -1,28 +0,0 @@
-import { ColumnFilterValue, ExtendedFilterOptions, FilterClauseOp, FilterContainerFilter } from "@vuu-ui/vuu-filter-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-/**
- * Manages a filter that can be updated one clause at a time.
- * Works with FilterContainer to aggregate multiple filter
- * clauses edited via individual controls. It is just a wrapper
- * around a Map, does not support switching filters - create a
- * new FilterAggregator for a new filter.
- *
- */
-export declare class FilterAggregator {
-    #private;
-    constructor(filter?: FilterContainerFilter);
-    add(column: ColumnDescriptor, value: ColumnFilterValue, op?: FilterClauseOp | "between" | "between-inclusive", extendedFilterOptions?: ExtendedFilterOptions): void;
-    has({ name }: ColumnDescriptor): boolean;
-    get({ name }: ColumnDescriptor): FilterContainerFilter | undefined;
-    clear(): void;
-    /**
-     * Remove filter for this column. Return false if no filter found, otw true
-     */
-    remove(column: ColumnDescriptor): boolean;
-    get isEmpty(): boolean;
-    /**
-     * Count of the number of columns for which filters are stored
-     */
-    get count(): number;
-    get filter(): FilterContainerFilter | undefined;
-}

package/types/src/FilterModel.d.ts

@@ -1,44 +0,0 @@
-import { Filter, FilterClause, FilterClauseOp, FilterCombinatorOp } from "@vuu-ui/vuu-filter-types";
-import { EventEmitter } from "@vuu-ui/vuu-utils";
-export type FilterStatusChangeHandler = (isValid: boolean) => void;
-export type FilterChangeHandler = (filter: Partial<Filter>, isValid: boolean) => void;
-export type FilterClauseChangeHandler = (filter: Partial<FilterClause>, isValid: boolean) => void;
-export type FilterClauseModelEvents = {
-    filterClause: FilterClauseChangeHandler;
-    isValid: FilterStatusChangeHandler;
-};
-export type FilterModelEvents = {
-    filter: FilterChangeHandler;
-    isValid: FilterStatusChangeHandler;
-};
-export declare class FilterClauseModel extends EventEmitter<FilterClauseModelEvents> {
-    #private;
-    constructor(filterClause: Partial<FilterClause>);
-    get isValid(): boolean;
-    private setIsValid;
-    get column(): undefined | string;
-    set column(column: undefined | string);
-    get op(): "in" | import("@vuu-ui/vuu-filter-types").SingleValueFilterClauseOp | undefined;
-    setOp(op: undefined | FilterClauseOp): void;
-    setValue(value: undefined | string | string[] | number | number[] | boolean | boolean[], isFinal?: boolean): void;
-    asFilter(throwIfInvalid?: boolean): FilterClause;
-    commit(): void;
-}
-export declare class FilterModel extends EventEmitter<FilterModelEvents> {
-    #private;
-    constructor(filter?: Filter);
-    get isValid(): boolean;
-    private setIsValid;
-    addNewFilterClause(operator?: FilterCombinatorOp): void;
-    addFilterClause(filterClause?: Partial<FilterClause>): void;
-    removeFilterClause(filterClause: FilterClauseModel): void;
-    checkValidStatus(): void;
-    onFilterClauseChange: FilterChangeHandler;
-    onFilterClauseStatusChange: (isValid: boolean) => void;
-    getFilterClause(index: number): FilterClauseModel;
-    get op(): FilterCombinatorOp | undefined;
-    setOp(op: FilterCombinatorOp): void;
-    get filterClauses(): FilterClauseModel[];
-    get isMultiClauseFilter(): boolean;
-    asFilter(throwIfInvalid?: boolean): Filter;
-}

package/types/src/column-filter/ColumnFilter.d.ts

@@ -1,6 +0,0 @@
-import { type SegmentedButtonGroupProps } from "@salt-ds/core";
-import { DataItemEditControlProps } from "@vuu-ui/vuu-data-react";
-import { ColumnFilterHookProps } from "./useColumnFilter";
-export interface ColumnFilterProps extends ColumnFilterHookProps, Omit<SegmentedButtonGroupProps, "defaultValue">, Pick<DataItemEditControlProps, "TypeaheadProps" | "table" | "values" | "variant"> {
-}
-export declare const ColumnFilter: import("react").ForwardRefExoticComponent<ColumnFilterProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/column-filter/useColumnFilter.d.ts

@@ -1,43 +0,0 @@
-import { ColumnFilterChangeHandler, ColumnFilterCommitHandler, ColumnFilterOp, ColumnFilterValue, ExtendedFilterOptions } from "@vuu-ui/vuu-filter-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { InputProps } from "@salt-ds/core";
-import { CommitHandler } from "@vuu-ui/vuu-utils";
-import { DataItemEditControlProps } from "@vuu-ui/vuu-data-react";
-export interface ColumnFilterHookProps extends Pick<DataItemEditControlProps, "InputProps"> {
-    column: ColumnDescriptor;
-    /**
-     * Filter defaultValue. Pair of values expected when operator is
-     * 'between'. If provided, component is uncontrolled
-     */
-    defaultValue?: ColumnFilterValue;
-    /**
-     * Provides for custom filters.
-     */
-    extendedFilterOptions?: ExtendedFilterOptions;
-    /**
-     * Filter change events.
-     */
-    onColumnFilterChange?: ColumnFilterChangeHandler;
-    /**
-     * Filter change events on second control in range filter
-     */
-    onColumnRangeFilterChange?: ColumnFilterChangeHandler;
-    /**
-     * Called when user 'commits' filter value, either by pressing enter,
-     * tabbing away from control or making selection from list
-     */
-    onCommit: ColumnFilterCommitHandler;
-    operator?: ColumnFilterOp;
-    /**
-     * Filter value. Pair of values expected when operator is
-     * 'between'. If provided, component is controlled.
-     */
-    value?: ColumnFilterValue;
-}
-export declare const useColumnFilter: ({ InputProps: InputPropsProp, column, defaultValue, extendedFilterOptions, onColumnFilterChange, onColumnRangeFilterChange, onCommit, operator, value: valueProp, }: ColumnFilterHookProps) => {
-    InputProps: InputProps;
-    InputPropsRange: InputProps;
-    isInvalid: boolean;
-    onCommit: CommitHandler<HTMLElement>;
-    onCommitRange: CommitHandler<HTMLElement>;
-};

package/types/src/column-filter/utils.d.ts

@@ -1,4 +0,0 @@
-import { Filter } from "@vuu-ui/vuu-filter-types";
-export declare const isStartsWithValue: (value: string) => boolean;
-export declare const getTypeaheadFilter: (column: string, filterValues: string[], isStartsWithFilter?: boolean) => Filter | undefined;
-export declare const getRangeFilter: (column: string, startValue?: number, endValue?: number) => Filter | undefined;

package/types/src/custom-filters/CustomFilters.d.ts

@@ -1,7 +0,0 @@
-import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-import { type FilterBarProps } from "../filter-bar";
-export interface CustomFilterProps extends HTMLAttributes<HTMLDivElement>, Pick<FilterBarProps, "defaultFilterState" | "filterState" | "onApplyFilter" | "onClearFilter" | "onFilterDeleted" | "onFilterRenamed" | "onFilterStateChanged" | "vuuTable"> {
-    columnDescriptors: readonly ColumnDescriptor[];
-}
-export declare const CustomFilters: ({ columnDescriptors, defaultFilterState, filterState, onApplyFilter, onClearFilter, onFilterDeleted, onFilterRenamed, onFilterStateChanged, vuuTable, }: CustomFilterProps) => import("react").JSX.Element;

package/types/src/custom-filters/filterBarFocusManagement.d.ts

@@ -1 +0,0 @@
-export declare const navigateToNextItem: (el: HTMLElement | EventTarget, direction?: "bwd" | "fwd") => void;

package/types/src/custom-filters/index.d.ts

@@ -1 +0,0 @@
-export * from "./CustomFilters";

package/types/src/custom-filters/useCustomFilters.d.ts

@@ -1,33 +0,0 @@
-import { ColumnDescriptorsByName, Filter } from "@vuu-ui/vuu-filter-types";
-import { PromptProps } from "@vuu-ui/vuu-ui-controls";
-import { KeyboardEventHandler, RefObject } from "react";
-import { FilterBarProps } from "../filter-bar";
-import { FilterEditCancelHandler, FilterEditSaveHandler } from "../filter-editor";
-import { FilterPillProps } from "../filter-pill";
-export type EditFilterState = "create" | "edit";
-export type FilterState = EditFilterState | "rename";
-export declare const isEditFilterState: (filterState?: string) => filterState is EditFilterState;
-type InteractedFilterState = {
-    filter?: Filter;
-    index: number;
-    state: FilterState;
-};
-export interface CustomFilterHookProps extends Pick<FilterBarProps, "columnDescriptors" | "defaultFilterState" | "filterState" | "onApplyFilter" | "onClearFilter" | "onFilterDeleted" | "onFilterRenamed" | "onFilterStateChanged"> {
-    containerRef: RefObject<HTMLDivElement | null>;
-}
-export declare const useCustomFilters: ({ columnDescriptors, containerRef, defaultFilterState, filterState, onApplyFilter, onClearFilter, onFilterDeleted, onFilterRenamed, onFilterStateChanged, }: CustomFilterHookProps) => {
-    FilterPillProps: Omit<FilterPillProps, "filter" | "selected">;
-    activeFilterIndex: number[];
-    addButtonProps: {
-        ref: RefObject<HTMLButtonElement | null>;
-        onClick: () => void;
-        onKeyDown: KeyboardEventHandler;
-    };
-    columnsByName: ColumnDescriptorsByName;
-    filters: Filter[];
-    interactedFilterState: InteractedFilterState | undefined;
-    onCancelEdit: FilterEditCancelHandler;
-    onSave: FilterEditSaveHandler;
-    promptProps: PromptProps | null;
-};
-export {};

package/types/src/custom-filters/useFilterState.d.ts

@@ -1,17 +0,0 @@
-import { Filter, FilterState } from "@vuu-ui/vuu-filter-types";
-export interface FiltersHookProps {
-    defaultFilterState?: FilterState;
-    filterState?: FilterState;
-    onFilterDeleted?: (filter: Filter) => void;
-    onFilterRenamed?: (filter: Filter, name: string) => void;
-    onFilterStateChanged?: (s: FilterState) => void;
-}
-export declare const useFilterState: ({ defaultFilterState, onFilterDeleted, onFilterRenamed, onFilterStateChanged, filterState: filterStateProp, }: FiltersHookProps) => {
-    activeFilterIndex: number[];
-    filters: Filter[];
-    onToggleFilterActive: (filterIndex: number, preserveRemainingFilters?: boolean) => void;
-    onAddFilter: (filter: Filter) => number;
-    onChangeFilter: (oldFilter: Filter, newFilter: Filter) => number;
-    onDeleteFilter: (filter: Filter) => number;
-    onRenameFilter: (filter: Filter, name: string) => number;
-};

package/types/src/filter-bar/FilterBar.d.ts

@@ -1,33 +0,0 @@
-import { Filter, FilterHandler, FilterState } from "@vuu-ui/vuu-filter-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-import { QuickFilterProps } from "../quick-filters";
-import { FilterMode } from "./useFilterBar";
-import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
-export type FilterBarVariant = "custom-filters-only" | "quick-filters-only" | "full-filters";
-export interface FilterBarProps extends HTMLAttributes<HTMLDivElement> {
-    QuickFilterProps?: Pick<QuickFilterProps, "quickFilterColumns" | "onChangeQuickFilterColumns">;
-    /**
-     * Used to ensure we present filter editors appropriate to the data type of column.
-     * NOTE: Always make sure that these are passed with proper re-render optimization (i.e make
-     * sure its a stable reference, in React terminology), otherwise might end up with infinite
-     * state updates.
-     */
-    columnDescriptors: readonly ColumnDescriptor[];
-    defaultFilterMode?: FilterMode;
-    defaultFilterState?: FilterState;
-    filterMode?: FilterMode;
-    filterState?: FilterState;
-    onApplyFilter: FilterHandler;
-    onChangeFilterMode?: (filterMode: FilterMode) => void;
-    onClearFilter: () => void;
-    onFilterDeleted?: FilterHandler;
-    onFilterRenamed?: (filter: Filter, name: string) => void;
-    onFilterStateChanged?: (state: FilterState) => void;
-    /**
-     * Defines table used in call to Vuu Typeahead service
-     */
-    vuuTable?: VuuTable;
-    variant?: FilterBarVariant;
-}
-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;

package/types/src/filter-bar/FilterBarMenu.d.ts

@@ -1 +0,0 @@
-export declare const FilterBarMenu: () => import("react").JSX.Element;

package/types/src/filter-bar/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./FilterBar";
-export type { FilterMode } from "./useFilterBar";

package/types/src/filter-bar/useFilterBar.d.ts

@@ -1,7 +0,0 @@
-import { SyntheticEvent } from "react";
-import { FilterBarProps } from "./FilterBar";
-export type FilterMode = "custom-filter" | "quick-filter";
-export declare const useFilterBar: ({ defaultFilterMode, filterMode: filterModeProp, onChangeFilterMode, }: Pick<FilterBarProps, "defaultFilterMode" | "filterMode" | "onChangeFilterMode">) => {
-    filterMode: FilterMode;
-    onChangeFilterMode: (e: SyntheticEvent<HTMLButtonElement>) => void;
-};

package/types/src/filter-clause/ExpandoCombobox.d.ts

@@ -1,10 +0,0 @@
-import { ComboBoxProps } from "@salt-ds/core";
-import { ReactElement, Ref } from "react";
-export interface ExpandoComboboxProps<Item = string> extends Omit<ComboBoxProps<Item>, "onOpenChange"> {
-    itemToString?: (item: Item) => string;
-    dropdownOnAutofocus?: boolean;
-    onOpenChange?: (open: boolean, reason?: "manual" | "input" | "focus") => void;
-}
-export declare const ExpandoCombobox: <Item = string>(props: ExpandoComboboxProps<Item> & {
-    ref?: Ref<HTMLDivElement>;
-}) => ReactElement;

package/types/src/filter-clause/FilterClause.d.ts

@@ -1,16 +0,0 @@
-import { ColumnDescriptorsByName } from "@vuu-ui/vuu-filter-types";
-import { HTMLAttributes } from "react";
-import { FilterClauseModel } from "../FilterModel";
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
-export type FilterClauseCancelType = "Backspace" | "Escape";
-export type FilterClauseCancelHandler = (filterClause: FilterClauseModel, reason: FilterClauseCancelType) => void;
-export interface FilterClauseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    columnsByName: ColumnDescriptorsByName;
-    filterClauseModel: FilterClauseModel;
-    onCancel?: FilterClauseCancelHandler;
-    onDropdownOpen?: () => void;
-    onFocusSave?: () => void;
-    dropdownOnAutofocus?: boolean;
-    vuuTable: VuuTable;
-}
-export declare const FilterClause: ({ className, columnsByName, onCancel, onDropdownOpen, onFocusSave, filterClauseModel, vuuTable, dropdownOnAutofocus, ...htmlAttributes }: FilterClauseProps) => import("react").JSX.Element;

package/types/src/filter-clause/column-picker/ColumnPicker.d.ts

@@ -1,13 +0,0 @@
-import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { ComboBoxProps } from "@salt-ds/core";
-import { SyntheticEvent } from "react";
-export type ColumnPickerProps = Pick<ComboBoxProps, "className" | "inputProps" | "value"> & {
-    columns: readonly ColumnDescriptor[];
-    onSelect: (evt: SyntheticEvent, columnName: string) => void;
-    dropdownOnAutofocus?: boolean;
-};
-export declare const ColumnPicker: import("react").ForwardRefExoticComponent<Pick<ComboBoxProps<string>, "className" | "inputProps" | "value"> & {
-    columns: readonly ColumnDescriptor[];
-    onSelect: (evt: SyntheticEvent, columnName: string) => void;
-    dropdownOnAutofocus?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/filter-clause/column-picker/useColumnPicker.d.ts

@@ -1,11 +0,0 @@
-import { ChangeEvent, SyntheticEvent } from "react";
-export declare const useColumnPicker: ({ onSelect, value: valueProp, }: {
-    onSelect: (evt: SyntheticEvent, columnName: string) => void;
-    value: string;
-}) => {
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    onOpenChange: (isOpen: boolean, reason?: "manual" | "input" | "focus") => void;
-    onSelectionChange: (evt: SyntheticEvent, [newSelected]: string[]) => void;
-    ref: import("react").RefObject<HTMLDivElement | null>;
-    value: string;
-};

package/types/src/filter-clause/filterClauseFocusManagement.d.ts

@@ -1,15 +0,0 @@
-import { KeyboardEvent } from "react";
-type FilterClauseFieldName = "column" | "operator" | "value";
-export declare const getFocusedFieldDetails: () => [number, string] | [];
-export declare const elementIsFilterCombinator: (element: Element | null) => element is HTMLElement;
-export declare const elementIsFilterClause: (element: Element | null) => element is HTMLElement;
-export declare const focusFilterClauseField: (filterEditor: HTMLElement, filterClauseIndex: number, fieldName?: FilterClauseFieldName) => void;
-export declare const focusLastClauseValue: (filterEditor: HTMLElement) => void;
-export declare const focusNextFocusableElement: (direction?: "fwd" | "bwd") => void;
-export declare const focusNextElement: () => void;
-export declare const clauseIsNotFirst: (el: HTMLElement) => boolean | undefined;
-export declare const tabToPreviousFilterCombinator: (currentElement: HTMLElement) => void;
-export declare const navigateToNextFilterClause: (currentElement: HTMLElement, direction?: "bwd" | "fwd") => void;
-export declare const navigateToNextItemIfAtBoundary: (evt: KeyboardEvent<HTMLInputElement>) => void;
-export declare const focusFirstClauseIfAllClausesValid: (filterEditor: HTMLElement) => void;
-export {};

package/types/src/filter-clause/filterClauseTypes.d.ts

@@ -1,12 +0,0 @@
-import type { TableSchemaTable } from "@vuu-ui/vuu-data-types";
-import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import type { InputProps } from "@salt-ds/core";
-import type { FilterClauseValueChangeHandler } from "./useFilterClause";
-export interface FilterClauseValueEditor {
-    inputProps?: InputProps["inputProps"];
-    column: ColumnDescriptor;
-    onDeselect?: () => void;
-    onChangeValue: FilterClauseValueChangeHandler;
-    onOpenChange?: (open: boolean, reason?: "input" | "manual" | "focus") => void;
-    table?: TableSchemaTable;
-}

package/types/src/filter-clause/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./column-picker/ColumnPicker";
-export { OperatorPicker } from "./operator-picker/OperatorPicker";
-export * from "./ExpandoCombobox";
-export * from "./FilterClause";
-export * from "./value-editors/FilterClauseValueEditorText";

package/types/src/filter-clause/operator-picker/OperatorPicker.d.ts

@@ -1,14 +0,0 @@
-import type { FilterClauseOp } from "@vuu-ui/vuu-filter-types";
-import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { ComboBoxProps } from "@salt-ds/core";
-import { SyntheticEvent } from "react";
-export type OperatorPickerProps = Pick<ComboBoxProps, "className" | "inputProps" | "value"> & {
-    column: ColumnDescriptor;
-    onSelect: (evt: SyntheticEvent, operator: FilterClauseOp) => void;
-    dropdownOnAutofocus?: boolean;
-};
-export declare const OperatorPicker: import("react").ForwardRefExoticComponent<Pick<ComboBoxProps<string>, "className" | "inputProps" | "value"> & {
-    column: ColumnDescriptor;
-    onSelect: (evt: SyntheticEvent, operator: FilterClauseOp) => void;
-    dropdownOnAutofocus?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/filter-clause/operator-picker/operator-utils.d.ts

@@ -1,5 +0,0 @@
-import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import type { FilterClauseOp, NumericFilterClauseOp } from "@vuu-ui/vuu-filter-types";
-export declare const textOperators: FilterClauseOp[];
-export declare const numericOperators: NumericFilterClauseOp[];
-export declare const getOperators: (column: ColumnDescriptor) => FilterClauseOp[];

package/types/src/filter-clause/operator-picker/useOperatorPicker.d.ts

@@ -1,12 +0,0 @@
-import { ChangeEvent, SyntheticEvent } from "react";
-import { FilterClauseOp } from "@vuu-ui/vuu-filter-types";
-export declare const useOperatorPicker: ({ onSelect, value: valueProp, }: {
-    onSelect: (evt: SyntheticEvent, op: FilterClauseOp) => void;
-    value: string;
-}) => {
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    onOpenChange: (isOpen: boolean, reason?: "manual" | "input" | "focus") => void;
-    onSelectionChange: (evt: SyntheticEvent, [newSelected]: FilterClauseOp[]) => void;
-    ref: import("react").RefObject<HTMLDivElement | null>;
-    value: string;
-};

package/types/src/filter-clause/useFilterClause.d.ts

@@ -1,26 +0,0 @@
-import { FilterClause, FilterClauseOp } from "@vuu-ui/vuu-filter-types";
-import { KeyboardEvent, RefCallback, SyntheticEvent } from "react";
-import { FilterClauseProps } from "./FilterClause";
-export type FilterClauseEditorHookProps = Pick<FilterClauseProps, "columnsByName" | "filterClauseModel" | "onCancel" | "onFocusSave"> & {
-    onOpenChange?: (open: boolean, reason?: "focus" | "input" | "manual") => void;
-    dropdownOnAutofocus?: boolean;
-};
-export type FilterClauseValueChangeHandler = (value: string | string[] | number | number[], isFinal?: boolean) => void;
-export declare const useFilterClause: ({ filterClauseModel, onCancel, columnsByName, onFocusSave, onOpenChange, dropdownOnAutofocus, }: FilterClauseEditorHookProps) => {
-    inputProps: {
-        onKeyDownCapture: (evt: KeyboardEvent<HTMLInputElement>) => void;
-        tabIndex: number;
-        onFocus: () => true;
-    };
-    columnRef: import("react").RefObject<HTMLDivElement | null>;
-    filterClause: Partial<FilterClause>;
-    onChangeValue: FilterClauseValueChangeHandler;
-    onDeselectValue: () => void;
-    onSelectColumn: (evt: SyntheticEvent, selectedColumn: string) => void;
-    onSelectOperator: (_: SyntheticEvent, selectedOp: FilterClauseOp) => void;
-    onOpenChange: (open: boolean, closeReason?: "focus" | "input" | "manual") => void;
-    operatorRef: import("react").RefObject<HTMLDivElement | null>;
-    selectedColumn: import("@vuu-ui/vuu-table-types").ColumnDescriptor;
-    valueRef: RefCallback<HTMLDivElement>;
-    showDropdownOnAutoFocus: boolean;
-};

package/types/src/filter-clause/value-editors/FilterClauseValueEditor.d.ts

@@ -1,26 +0,0 @@
-import { TableSchemaTable } from "@vuu-ui/vuu-data-types";
-import { SingleValueFilterClauseOp } from "@vuu-ui/vuu-filter-types";
-export declare const FilterClauseValueEditor: import("react").ForwardRefExoticComponent<Pick<{
-    inputProps: {
-        onKeyDownCapture: (evt: import("react").KeyboardEvent<HTMLInputElement>) => void;
-        tabIndex: number;
-        onFocus: () => true;
-    };
-    columnRef: import("react").RefObject<HTMLDivElement | null>;
-    filterClause: Partial<import("@vuu-ui/vuu-filter-types").FilterClause>;
-    onChangeValue: import("../useFilterClause").FilterClauseValueChangeHandler;
-    onDeselectValue: () => void;
-    onSelectColumn: (evt: import("react").SyntheticEvent, selectedColumn: string) => void;
-    onSelectOperator: (_: import("react").SyntheticEvent, selectedOp: import("@vuu-ui/vuu-filter-types").FilterClauseOp) => void;
-    onOpenChange: (open: boolean, closeReason?: "focus" | "input" | "manual") => void;
-    operatorRef: import("react").RefObject<HTMLDivElement | null>;
-    selectedColumn: import("@vuu-ui/vuu-table-types").ColumnDescriptor;
-    valueRef: import("react").RefCallback<HTMLDivElement>;
-    showDropdownOnAutoFocus: boolean;
-}, "inputProps" | "onChangeValue" | "onDeselectValue" | "onOpenChange" | "selectedColumn"> & {
-    table?: TableSchemaTable;
-} & {
-    operator?: SingleValueFilterClauseOp | "in";
-    value?: string | string[] | number | number[] | boolean | boolean[];
-    dropdownOnAutofocus?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/filter-clause/value-editors/FilterClauseValueEditorDate.d.ts

@@ -1,9 +0,0 @@
-import type { NumericFilterClauseOp } from "@vuu-ui/vuu-filter-types";
-import type { FilterClauseValueEditor } from "../filterClauseTypes";
-interface FilterClauseValueEditorDateProps extends Pick<FilterClauseValueEditor, "onChangeValue" | "inputProps"> {
-    className?: string;
-    value: number | undefined;
-    operator: NumericFilterClauseOp;
-}
-export declare const FilterClauseValueEditorDate: (props: FilterClauseValueEditorDateProps) => import("react").JSX.Element;
-export {};

package/types/src/filter-clause/value-editors/FilterClauseValueEditorNumber.d.ts

@@ -1,9 +0,0 @@
-import { HTMLAttributes, RefObject } from "react";
-import { FilterClauseValueEditor } from "../filterClauseTypes";
-export interface FilterClauseNumericValueEditorProps extends FilterClauseValueEditor, HTMLAttributes<HTMLDivElement> {
-    "data-field"?: string;
-    operatorInputRef?: RefObject<HTMLInputElement>;
-    operator: string;
-    value?: number;
-}
-export declare const FilterClauseValueEditorNumber: import("react").ForwardRefExoticComponent<FilterClauseNumericValueEditorProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/filter-clause/value-editors/FilterClauseValueEditorText.d.ts

@@ -1,9 +0,0 @@
-import { HTMLAttributes } from "react";
-import { FilterClauseValueEditor } from "../filterClauseTypes";
-export interface FilterClauseTextValueEditorProps extends FilterClauseValueEditor, HTMLAttributes<HTMLDivElement> {
-    "data-field"?: string;
-    operator: string;
-    value: string | string[];
-    dropdownOnAutofocus?: boolean;
-}
-export declare const FilterClauseValueEditorText: import("react").ForwardRefExoticComponent<FilterClauseTextValueEditorProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/filter-clause/value-editors/FilterClauseValueEditorTime.d.ts

@@ -1,9 +0,0 @@
-import { NumericFilterClauseOp } from "@vuu-ui/vuu-filter-types";
-import { FilterClauseValueEditor } from "../filterClauseTypes";
-interface FilterClauseValueEditorTimeProps extends Pick<FilterClauseValueEditor, "onChangeValue" | "inputProps"> {
-    className?: string;
-    value: number | undefined;
-    operator: NumericFilterClauseOp;
-}
-export declare const FilterClauseValueEditorTime: (props: FilterClauseValueEditorTimeProps) => import("react").JSX.Element;
-export {};