@vuu-ui/vuu-filters 0.8.4-debug → 0.8.5-debug

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@vuu-ui/vuu-filters",
-  "version": "0.8.4-debug",
+  "version": "0.8.5-debug",
   "author": "heswell",
   "license": "Apache-2.0",
   "type": "module",
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "0.8.4-debug",
-    "@vuu-ui/vuu-data-react": "0.8.4-debug",
-    "@vuu-ui/vuu-data-types": "0.8.4-debug",
-    "@vuu-ui/vuu-utils": "0.8.4-debug",
+    "@vuu-ui/vuu-codemirror": "0.8.5-debug",
+    "@vuu-ui/vuu-data-react": "0.8.5-debug",
+    "@vuu-ui/vuu-data-types": "0.8.5-debug",
+    "@vuu-ui/vuu-utils": "0.8.5-debug",
     "@salt-ds/core": "1.2.0",
     "@heswell/salt-lab": "1.0.0-alpha.2",
     "uuid": "9.0.0"

package/types/filter-clause/CloseButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./CloseButton.css";
+type CloseButtonProps = {
+    classBase: string;
+    onClick: () => void;
+};
+export declare const CloseButton: ({ classBase, onClick }: CloseButtonProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "react";
+import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+import { Filter, FilterClause as FilterClauseType } from "@vuu-ui/vuu-filter-types";
+import { VuuTable } from "@vuu-ui/vuu-protocol-types";
+import "./FilterClause.css";
+export type FilterClauseProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    table: VuuTable;
+    onChange: (filter?: Filter) => void;
+    onClose: () => void;
+    columns: ColumnDescriptor[];
+    defaultFilter?: FilterClauseType;
+};
+export declare const FilterClause: ({ table, onChange, onClose, columns, defaultFilter, ...htmlAttributes }: FilterClauseProps) => JSX.Element;

package/types/filter-clause/NumericInput.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, RefObject } from "react";
+import { Filter, FilterClause } from "@vuu-ui/vuu-filter-types";
+type NumericInputProps = HTMLAttributes<HTMLDivElement> & {
+    column: string;
+    operatorInputRef: RefObject<HTMLInputElement>;
+    onFilterChange: (filter?: Filter) => void;
+    defaultFilter?: FilterClause;
+};
+export declare const NumericInput: ({ column, operatorInputRef, onFilterChange, defaultFilter, className, }: NumericInputProps) => JSX.Element;
+export {};

package/types/filter-clause/TextInput.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, RefObject } from "react";
+import { Filter, FilterClause } from "@vuu-ui/vuu-filter-types";
+import { VuuTable } from "@vuu-ui/vuu-protocol-types";
+type TextInputProps = HTMLAttributes<HTMLDivElement> & {
+    table: VuuTable;
+    column: string;
+    operatorInputRef: RefObject<HTMLInputElement>;
+    onFilterChange: (filter?: Filter) => void;
+    defaultFilter?: FilterClause;
+};
+export declare const TextInput: ({ table, column, operatorInputRef, onFilterChange, defaultFilter, className, }: TextInputProps) => JSX.Element;
+export {};

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

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

package/types/filter-utils.d.ts

@@ -1,5 +1,6 @@
 import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
 import { Filter, FilterClause, FilterCombinatorOp } from "@vuu-ui/vuu-filter-types";
+import { NumericOperator } from "./operator-utils";
 export declare const AND = "and";
 export declare const EQUALS = "=";
 export declare const GREATER_THAN = ">";
@@ -37,4 +38,6 @@ export declare const overrideColName: (filter: Filter, column: string) => Filter
 export declare const filterIncludesColumn: (filter: Filter, column: ColumnDescriptor) => boolean;
 export declare const filterEquals: (f1?: Filter, f2?: Filter, strict?: boolean) => boolean;
 export declare const updateFilter: (filter: Filter | undefined, newFilter: Filter | undefined, mode: "add" | "replace") => Filter | undefined;
+export declare const getTypeaheadFilter: (column: string, filterValues: string[], isStartsWithFilter?: boolean) => Filter | undefined;
+export declare const getNumericFilter: (column: string, operator?: NumericOperator, value?: number) => Filter | undefined;
 export {};

package/types/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./column-filter";
 export * from "./filter-input";
 export * from "./filter-toolbar";
 export * from "./filter-utils";

package/types/operator-utils.d.ts

@@ -0,0 +1,21 @@
+export declare enum TextOperator {
+    EQUALS = "=",
+    NOT_EQUALS = "!=",
+    IN = "in",
+    STARTS_WITH = "startsWith",
+    ENDS_WITH = "endsWith"
+}
+export declare const TEXT_OPERATORS: TextOperator[];
+export declare enum NumericOperator {
+    EQUALS = "=",
+    NOT_EQUALS = "!=",
+    GREATER_THAN = ">",
+    GREATER_THAN_OR_EQUAL_TO = ">=",
+    LESS_THAN = "<",
+    LESS_THAN_OR_EQUAL_TO = "<="
+}
+export declare const NUMERIC_OPERATORS: NumericOperator[];
+export declare const isString: (value: unknown) => value is string;
+export declare const isTextOperator: (value?: string) => value is TextOperator;
+export declare const isNumber: (value: unknown) => value is number;
+export declare const isNumericOperator: (value?: string) => value is NumericOperator;

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

@@ -1,11 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
-import { HTMLAttributes } from "react";
-import { DataSourceFilter } from "@vuu-ui/vuu-data-types";
-type FilterPanelProps = HTMLAttributes<HTMLDivElement> & {
-    table: VuuTable;
-    columns: ColumnDescriptor[];
-    onFilterSubmit: (filter: DataSourceFilter) => void;
-};
-export declare const ColumnFilter: ({ className, table, columns, onFilterSubmit, ...htmlAttributes }: FilterPanelProps) => JSX.Element;
-export {};

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

@@ -1,3 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { ListItemType } from "@heswell/salt-lab";
-export declare const ColumnListItem: ListItemType<ColumnDescriptor>;

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { Filter } from "@vuu-ui/vuu-filter-types";
-import { TypeaheadParams } from "@vuu-ui/vuu-protocol-types";
-export type IRange = {
-    start?: number;
-    end?: number;
-};
-type RangeFilterProps = {
-    defaultTypeaheadParams: TypeaheadParams;
-    filterValues: IRange | undefined;
-    onChange: (newValues: IRange, filter?: Filter) => void;
-};
-export declare const RangeFilter: ({ defaultTypeaheadParams, filterValues, onChange, }: RangeFilterProps) => JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Filter } from "@vuu-ui/vuu-filter-types";
-import { TypeaheadParams } from "@vuu-ui/vuu-protocol-types";
-export type TypeaheadFilterProps = {
-    defaultTypeaheadParams: TypeaheadParams;
-    onChange: (newValues: string[], filter?: Filter) => void;
-    filterValues?: string[];
-};
-export declare const TypeaheadFilter: ({ defaultTypeaheadParams, filterValues, onChange: onFilterChange, }: TypeaheadFilterProps) => JSX.Element;

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

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

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

@@ -1,13 +0,0 @@
-import { DataSourceFilter } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { Filter } from "@vuu-ui/vuu-filter-types";
-import { IRange } from "./RangeFilter";
-export declare const useColumnFilterStore: (onFilterSubmit: (filter: DataSourceFilter) => void) => {
-    clear: () => void;
-    selectedColumnName: string;
-    rangeValue: IRange;
-    typeaheadValue: string[];
-    onSelectedColumnChange: (column: ColumnDescriptor | null) => void;
-    onRangeChange: (newValues: IRange, newFilter?: Filter) => void;
-    onTypeaheadChange: (newValues: string[], newFilter?: Filter) => void;
-};