@navikt/ds-react 8.5.0 → 8.5.2

package/cjs/data/token-filter/TokenFilter.js

@@ -0,0 +1,102 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenFilter = void 0;
+const react_1 = __importStar(require("react"));
+const popover_1 = require("../../popover");
+const helpers_1 = require("../../utils/helpers");
+const AutoSuggest_1 = require("./AutoSuggest");
+const generate_autocomplete_options_1 = require("./helpers/generate-autocomplete-options");
+const parse_query_text_1 = require("./helpers/parse-query-text");
+exports.TokenFilter = (0, react_1.forwardRef)(({ query, className, filteringProperties, filteringOptions }, ref) => {
+    const [inputAnchor, setInputAnchor] = (0, react_1.useState)(null);
+    const [filterText, setFilterText] = (0, react_1.useState)("");
+    const { properties, options } = derrivedFilterState(filteringProperties, filteringOptions);
+    const queryState = (0, parse_query_text_1.parseQueryText)(filterText, properties);
+    const autoCompleteOptions = (0, generate_autocomplete_options_1.generateAutoCompleteOptions)(queryState, properties, options);
+    const handleSelectOption = (value) => {
+        setFilterText(value);
+        setCustomOpen(false);
+    };
+    const [customOpen, setCustomOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement("div", { ref: ref, className: (0, helpers_1.cl)("aksel-property-filter", className), role: "search" },
+        react_1.default.createElement("input", { type: "text", className: "aksel-property-filter__input", placeholder: "Type to filter...", ref: setInputAnchor, value: filterText, onChange: (e) => setFilterText(e.target.value), onFocus: () => setCustomOpen(true) }),
+        react_1.default.createElement(popover_1.Popover, { anchorEl: inputAnchor, open: customOpen, onClose: () => {
+                setFilterText("");
+                setCustomOpen(false);
+            } },
+            react_1.default.createElement(AutoSuggest_1.AutoSuggest
+            /* @ts-expect-error TODO: handle conversion better */
+            , { 
+                /* @ts-expect-error TODO: handle conversion better */
+                options: autoCompleteOptions.options, onSelect: handleSelectOption })),
+        query.tokens.map((token, index) => {
+            return (react_1.default.createElement("div", { key: index, className: "aksel-property-filter__token" },
+                react_1.default.createElement("strong", null, token.propertyKey),
+                " ",
+                token.operator,
+                " "));
+        }),
+        react_1.default.createElement("ul", null, filteringProperties.map((prop) => (react_1.default.createElement("li", { key: prop.key }, prop.propertyLabel)))),
+        react_1.default.createElement("pre", null, JSON.stringify(queryState, null, 2)),
+        react_1.default.createElement("pre", null, JSON.stringify(autoCompleteOptions, null, 2))));
+});
+function derrivedFilterState(filteringProperties, filteringOptions) {
+    var _a, _b, _c;
+    const propertyMap = new Map();
+    for (const property of filteringProperties) {
+        propertyMap.set(property.key, {
+            propertyKey: property.key,
+            propertyLabel: (_a = property === null || property === void 0 ? void 0 : property.propertyLabel) !== null && _a !== void 0 ? _a : "",
+            groupValuesLabel: (_b = property === null || property === void 0 ? void 0 : property.groupValuesLabel) !== null && _b !== void 0 ? _b : "",
+            propertyGroup: property === null || property === void 0 ? void 0 : property.group,
+            operators: (_c = property === null || property === void 0 ? void 0 : property.operators) !== null && _c !== void 0 ? _c : [],
+            /* defaultOperator: property?.defaultOperator ?? '=', */
+            externalProperty: property,
+        });
+    }
+    const internalOptions = filteringOptions.map((option) => {
+        var _a, _b, _c, _d, _e;
+        return ({
+            property: (_a = propertyMap.get(option.propertyKey)) !== null && _a !== void 0 ? _a : null,
+            value: option.value,
+            label: (_c = (_b = option.label) !== null && _b !== void 0 ? _b : option.value) !== null && _c !== void 0 ? _c : "",
+            tags: (_d = option.tags) !== null && _d !== void 0 ? _d : [],
+            filteringTags: (_e = option.filteringTags) !== null && _e !== void 0 ? _e : [],
+        });
+    });
+    return { properties: [...propertyMap.values()], options: internalOptions };
+}
+//# sourceMappingURL=TokenFilter.js.map

package/cjs/data/token-filter/TokenFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenFilter.js","sourceRoot":"","sources":["../../../src/data/token-filter/TokenFilter.tsx"],"names":[],"mappings":"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"}

package/cjs/data/token-filter/TokenFilter.types.d.ts

@@ -0,0 +1,52 @@
+type QueryFilterOperator = "<" | "<=" | ">" | ">=" | ":" | "!:" | "=" | "!=" | "^" | "!^" | (string & {});
+type QueryFilterOperation = "and" | "or";
+type QueryFilterToken = {
+    propertyKey: string;
+    operator: QueryFilterOperator;
+    value: any;
+};
+type QueryFilterQuery = {
+    tokens: QueryFilterToken[];
+    operation: QueryFilterOperation;
+};
+type QueryFilteringOption = {
+    propertyKey: string;
+    value: any;
+    label?: string;
+    tags?: string[];
+    filteringTags?: string[];
+    disabled?: boolean;
+};
+type QueryFilteringOptions = QueryFilteringOption[];
+type QueryFilteringOptionGroup = {
+    label: string;
+    options: QueryFilteringOptions;
+};
+type QueryFilteringScopedOperator = string | {
+    operator: string;
+    tokenType: "single" | "multiple";
+};
+type QueryFilteringProperty = {
+    key: string;
+    propertyLabel: string;
+    groupValuesLabel?: string;
+    group?: string;
+    operators?: QueryFilteringScopedOperator[];
+};
+type QueryFilteringProperties = QueryFilteringProperty[];
+type ParsedProperty = {
+    propertyKey: string;
+    propertyLabel: string;
+    groupValuesLabel: string;
+    propertyGroup: string;
+    operators: QueryFilteringScopedOperator[];
+    externalProperty: QueryFilteringProperty;
+};
+type ParsedOption = {
+    property: ParsedProperty | null;
+    value: any;
+    label: string;
+    tags: string[];
+    filteringTags: string[];
+};
+export type { QueryFilterOperator, QueryFilterQuery, QueryFilteringOptions, QueryFilteringProperty, QueryFilterOperation, QueryFilteringProperties, ParsedProperty, ParsedOption, QueryFilteringOption, QueryFilteringOptionGroup, };

package/cjs/data/token-filter/TokenFilter.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TokenFilter.types.js.map

package/cjs/data/token-filter/TokenFilter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenFilter.types.js","sourceRoot":"","sources":["../../../src/data/token-filter/TokenFilter.types.ts"],"names":[],"mappings":""}

package/cjs/data/token-filter/helpers/generate-autocomplete-options.d.ts

@@ -0,0 +1,24 @@
+import type { AutoCompleteOption, OptionGroup } from "../AutoSuggest.types";
+import type { ParsedOption, ParsedProperty } from "../TokenFilter.types";
+import { type ParsedText } from "./parse-query-text";
+/**
+ * Generates "options" to be used as autosuggest-ottion based on the current query state.
+ *
+ * The query parser recognizes three states:
+ * - "property": User has selected/matched a property and operator ("Status = active")
+ * - "operator": User has matched a property but is typing the operator ("Status" or "Status !")
+ * - "free-text": User is typing freely without a property match (e.g., "act" or "!: test")
+ *
+ * @returns
+ * - value: The canonical query string representation for the current state.
+ *   Used by the UI to determine cursor position and input replacement.
+ * - options: Grouped suggestions to display (properties, operators, or values).
+ */
+declare function generateAutoCompleteOptions(queryState: ParsedText, filteringProperties?: ParsedProperty[], filteringOptions?: ParsedOption[]): {
+    value: string;
+    options: OptionGroup<AutoCompleteOption>[];
+} | {
+    value: string;
+    options: OptionGroup<ParsedProperty>[];
+};
+export { generateAutoCompleteOptions };

package/cjs/data/token-filter/helpers/generate-autocomplete-options.js

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateAutoCompleteOptions = generateAutoCompleteOptions;
+const grouping_1 = require("./grouping");
+const operators_1 = require("./operators");
+const query_builder_1 = require("./query-builder");
+const text_matching_1 = require("./text-matching");
+/**
+ * Generates "options" to be used as autosuggest-ottion based on the current query state.
+ *
+ * The query parser recognizes three states:
+ * - "property": User has selected/matched a property and operator ("Status = active")
+ * - "operator": User has matched a property but is typing the operator ("Status" or "Status !")
+ * - "free-text": User is typing freely without a property match (e.g., "act" or "!: test")
+ *
+ * @returns
+ * - value: The canonical query string representation for the current state.
+ *   Used by the UI to determine cursor position and input replacement.
+ * - options: Grouped suggestions to display (properties, operators, or values).
+ */
+function generateAutoCompleteOptions(queryState, filteringProperties = [], filteringOptions = []) {
+    var _a;
+    /* State: Property and operator are matched, suggest values */
+    if (queryState.step === "property") {
+        const filterText = queryState.value || "";
+        return {
+            value: queryState.value,
+            options: createValueSuggestions(filteringOptions, queryState.operator, filterText, queryState.property),
+        };
+    }
+    /* State: Property matched, but operator is incomplete */
+    if (queryState.step === "operator") {
+        const operators = filterOperatorsByPrefix(getValidOperatorsForProperty(queryState.property), queryState.operatorPrefix);
+        const partialQuery = (0, query_builder_1.buildQueryString)(queryState.property.propertyLabel, queryState.operatorPrefix, "");
+        /**
+         * Edge case: User typed an invalid operator prefix that doesn't match any operators.
+         * This can happen when typing characters that don't start any valid operator.
+         * Return empty suggestions gracefully - the UI will show "no results".
+         *
+         * TODO: When per-property operator configuration is implemented,
+         * this could also occur when a property restricts which operators are valid.
+         */
+        if (operators.length === 0) {
+            return {
+                value: partialQuery,
+                options: [],
+            };
+        }
+        return {
+            value: partialQuery,
+            options: generateOperatorSuggestions(queryState.property, queryState.operatorPrefix),
+        };
+    }
+    /*
+     * Edge case: Input starts with operator but has no value yet (user typed just "!=")
+     * Wait for value before showing suggestions
+     */
+    if (!queryState.value && queryState.operator) {
+        return {
+            value: "",
+            options: [],
+        };
+    }
+    /* Empty input: Show all properties */
+    if (!queryState.value) {
+        return {
+            value: "",
+            options: generatePropertySuggestions(filteringProperties),
+        };
+    }
+    /*
+     * Free-text search: Show matching values across all properties
+     * Use the detected operator if input started with one (e.g., "!= test"), otherwise default to "="
+     */
+    return {
+        value: queryState.value,
+        options: createValueSuggestions(filteringOptions, (_a = queryState.operator) !== null && _a !== void 0 ? _a : "=", queryState.value),
+    };
+}
+/**
+ * Returns the valid operators for a given property.
+ * Extracts operators from the property's custom operator configuration.
+ * If none are configured, falls back to all available operators.
+ *
+ * The QueryFilteringScopedOperator can be a simple string (e.g., "=")
+ * or an object with operator and tokenType (e.g., { operator: ":", tokenType: "single" }).
+ * This function normalizes both formats and returns just the operator strings.
+ *
+ * @returns Array of valid operators for the property
+ *
+ * TODO: We omit passing the tokenType for now since it's not currently used in the UI. But will be needed for single/multi-selection.
+ */
+function getValidOperatorsForProperty(property) {
+    const { operators } = property;
+    /* If no operators configured, return all available operators */
+    if (!operators || operators.length === 0) {
+        return operators_1.QUERY_OPERATORS;
+    }
+    /*
+     * Extract operator strings from QueryFilteringScopedOperator format
+     * Handle both simple strings and objects with operator property
+     */
+    const operatorStrings = operators.map((op) => typeof op === "string" ? op : op.operator);
+    /* Filter to only valid QUERY_OPERATORS to ensure type safety */
+    return operatorStrings.filter((op) => operators_1.QUERY_OPERATORS.includes(op));
+}
+/**
+ * Filters the list of operators based on the provided prefix.
+ * If the prefix is empty, all operators are returned.
+ */
+function filterOperatorsByPrefix(operators, prefix) {
+    if (!prefix) {
+        return operators;
+    }
+    return operators.filter((operator) => operator.startsWith(prefix));
+}
+function generatePropertySuggestions(filteringProperties = [], filterText = "") {
+    const filteredProperties = [];
+    for (const property of filteringProperties) {
+        if (!property) {
+            continue;
+        }
+        if ((0, text_matching_1.matchesFilterText)([
+            property.propertyLabel,
+            property.groupValuesLabel,
+            property.propertyGroup,
+        ].filter(Boolean), filterText)) {
+            filteredProperties.push(property);
+        }
+    }
+    return (0, grouping_1.createGroups)(filteredProperties, (property) => property.propertyGroup, "Properties");
+}
+function generateOperatorSuggestions(property, operatorPrefix = "") {
+    const operators = filterOperatorsByPrefix(getValidOperatorsForProperty(property), operatorPrefix);
+    if (operators.length === 0) {
+        return [];
+    }
+    return [
+        {
+            label: "Operators",
+            options: operators.map((operator) => {
+                var _a;
+                return ({
+                    value: (0, query_builder_1.buildQueryString)(property.propertyLabel, operator, ""),
+                    label: (0, query_builder_1.buildQueryString)(property.propertyLabel, operator, ""),
+                    description: (_a = query_builder_1.OPERATOR_LABELS[operator]) !== null && _a !== void 0 ? _a : "",
+                });
+            }),
+        },
+    ];
+}
+/**
+ * Creates value suggestions for autocomplete.
+ * When scopedProperty is provided, only shows values for that property (single group).
+ * When scopedProperty is omitted, searches across all properties (multiple groups).
+ */
+function createValueSuggestions(filteringOptions = [], operator, filterText = "", scopedProperty) {
+    var _a, _b;
+    const groups = {};
+    for (const option of filteringOptions) {
+        if (!(option === null || option === void 0 ? void 0 : option.property)) {
+            continue;
+        }
+        /* If scoped to a property, filter to only that property's options */
+        if (scopedProperty && option.property !== scopedProperty) {
+            continue;
+        }
+        /* Build search fields */
+        const searchFields = [
+            option.label,
+            ...((_a = option.tags) !== null && _a !== void 0 ? _a : []),
+            ...((_b = option.filteringTags) !== null && _b !== void 0 ? _b : []),
+        ];
+        if (!scopedProperty) {
+            searchFields.push(option.property.propertyLabel);
+        }
+        const matches = (0, text_matching_1.matchesFilterText)(searchFields.filter(Boolean), filterText);
+        if (!matches) {
+            continue;
+        }
+        const groupLabel = option.property.groupValuesLabel || "Values";
+        if (!groups[groupLabel]) {
+            groups[groupLabel] = {
+                label: groupLabel,
+                options: [],
+            };
+        }
+        groups[groupLabel].options.push({
+            value: (0, query_builder_1.buildQueryString)(option.property.propertyLabel, operator, option.value),
+            label: option.label,
+            tags: option.tags,
+            filteringTags: option.filteringTags,
+        });
+    }
+    return Object.values(groups).filter((group) => group.options.length > 0);
+}
+//# sourceMappingURL=generate-autocomplete-options.js.map

package/cjs/data/token-filter/helpers/generate-autocomplete-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-autocomplete-options.js","sourceRoot":"","sources":["../../../../src/data/token-filter/helpers/generate-autocomplete-options.ts"],"names":[],"mappings":"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"}

package/cjs/data/token-filter/helpers/grouping.d.ts

@@ -0,0 +1,28 @@
+import type { OptionGroup } from "../AutoSuggest.types";
+/**
+ * Groups items into labeled groups with support for a default group.
+ * Empty or whitespace-only group labels are treated as belonging to the default group.
+ *
+ * @returns Array of groups with non-empty options
+ *
+ * @example
+ * const properties = [
+ *   { name: "Status", group: "Metadata" },
+ *   { name: "Region", group: "Location" },
+ *   { name: "Type", group: "" },
+ * ];
+ * const groups = createGroups(
+ *   properties,
+ *   (p) => p.group,
+ *   "Properties"
+ * );
+ *
+ * Returns:
+ * [
+ *   { label: "Metadata", options: [{ name: "Status", group: "Metadata" }] },
+ *   { label: "Location", options: [{ name: "Region", group: "Location" }] },
+ *   { label: "Properties", options: [{ name: "Type", group: "" }] }
+ * ]
+ */
+declare function createGroups<T>(items: T[], getGroupLabel: (item: T) => string | undefined | null, defaultGroupLabel?: string): OptionGroup<T>[];
+export { createGroups };

package/cjs/data/token-filter/helpers/grouping.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createGroups = createGroups;
+/**
+ * Groups items into labeled groups with support for a default group.
+ * Empty or whitespace-only group labels are treated as belonging to the default group.
+ *
+ * @returns Array of groups with non-empty options
+ *
+ * @example
+ * const properties = [
+ *   { name: "Status", group: "Metadata" },
+ *   { name: "Region", group: "Location" },
+ *   { name: "Type", group: "" },
+ * ];
+ * const groups = createGroups(
+ *   properties,
+ *   (p) => p.group,
+ *   "Properties"
+ * );
+ *
+ * Returns:
+ * [
+ *   { label: "Metadata", options: [{ name: "Status", group: "Metadata" }] },
+ *   { label: "Location", options: [{ name: "Region", group: "Location" }] },
+ *   { label: "Properties", options: [{ name: "Type", group: "" }] }
+ * ]
+ */
+function createGroups(items, getGroupLabel, defaultGroupLabel = "Default") {
+    const defaultGroup = {
+        label: defaultGroupLabel,
+        options: [],
+    };
+    const customGroups = {};
+    for (const item of items) {
+        if (!item) {
+            continue;
+        }
+        const rawLabel = getGroupLabel(item);
+        const groupLabel = rawLabel === null || rawLabel === void 0 ? void 0 : rawLabel.trim();
+        /* Empty string after trim or falsy values go to default group */
+        if (!groupLabel) {
+            defaultGroup.options.push(item);
+            continue;
+        }
+        if (!customGroups[groupLabel]) {
+            customGroups[groupLabel] = {
+                label: groupLabel,
+                options: [],
+            };
+        }
+        customGroups[groupLabel].options.push(item);
+    }
+    /* Custom groups first, then default group if it has items */
+    const groups = [...Object.values(customGroups)];
+    if (defaultGroup.options.length > 0) {
+        groups.push(defaultGroup);
+    }
+    return groups;
+}
+//# sourceMappingURL=grouping.js.map

package/cjs/data/token-filter/helpers/grouping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.js","sourceRoot":"","sources":["../../../../src/data/token-filter/helpers/grouping.ts"],"names":[],"mappings":";;AAwES,oCAAY;AAtErB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAS,YAAY,CACnB,KAAU,EACV,aAAqD,EACrD,iBAAiB,GAAG,SAAS;IAE7B,MAAM,YAAY,GAAmB;QACnC,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE,EAAE;KACZ,CAAC;IACF,MAAM,YAAY,GAAmC,EAAE,CAAC;IAExD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,SAAS;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,UAAU,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAC;QAEpC,iEAAiE;QACjE,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChC,SAAS;QACX,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,YAAY,CAAC,UAAU,CAAC,GAAG;gBACzB,KAAK,EAAE,UAAU;gBACjB,OAAO,EAAE,EAAE;aACZ,CAAC;QACJ,CAAC;QAED,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,6DAA6D;IAC7D,MAAM,MAAM,GAAqB,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAElE,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/cjs/data/token-filter/helpers/operators.d.ts

@@ -0,0 +1,22 @@
+import type { ParsedProperty, QueryFilterOperator } from "../TokenFilter.types";
+declare const QUERY_OPERATORS: QueryFilterOperator[];
+/**
+ * Match an operator from the input text.
+ * Operators are already sorted by specificity, so no re-sorting needed.
+ */
+declare function matchOperator(allowedOperators: QueryFilterOperator[], text: string): QueryFilterOperator | undefined;
+/**
+ * Match a property from the input text by longest property label.
+ *
+ * properties: [{ propertyLabel: "Instance" }, { propertyLabel: "Instance ID" }]
+ * text = "Instance ID:"
+ *
+ * Result: { propertyLabel: "Instance ID" }
+ */
+declare function matchFilteringProperty(filteringProperties: ParsedProperty[], text: string): ParsedProperty | undefined;
+/**
+ * Check if the input text is a valid prefix of any allowed operator.
+ * Returns the prefix if valid, null otherwise.
+ */
+declare function matchOperatorPrefix(allowedOperators: QueryFilterOperator[], filteringText: string): string | null;
+export { QUERY_OPERATORS, matchOperator, matchFilteringProperty, matchOperatorPrefix, };

package/cjs/data/token-filter/helpers/operators.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUERY_OPERATORS = void 0;
+exports.matchOperator = matchOperator;
+exports.matchFilteringProperty = matchFilteringProperty;
+exports.matchOperatorPrefix = matchOperatorPrefix;
+/**
+ * Operators ordered by specificity (longest/most specific first)
+ * This ensures longer operators like ">=" and "<=" are matched
+ * before shorter ones like ">" and "<"
+ */
+const Operators = {
+    ">=": null,
+    "<=": null,
+    "!=": null,
+    "!:": null,
+    "!^": null,
+    "=": null,
+    ":": null,
+    "^": null,
+    ">": null,
+    "<": null,
+};
+const QUERY_OPERATORS = Object.keys(Operators);
+exports.QUERY_OPERATORS = QUERY_OPERATORS;
+/**
+ * Match an operator from the input text.
+ * Operators are already sorted by specificity, so no re-sorting needed.
+ */
+function matchOperator(allowedOperators, text) {
+    return allowedOperators.find((operator) => text.toLowerCase().startsWith(operator.toLowerCase()));
+}
+/**
+ * Match a property from the input text by longest property label.
+ *
+ * properties: [{ propertyLabel: "Instance" }, { propertyLabel: "Instance ID" }]
+ * text = "Instance ID:"
+ *
+ * Result: { propertyLabel: "Instance ID" }
+ */
+function matchFilteringProperty(filteringProperties, text) {
+    const lowerText = text.toLowerCase();
+    let bestMatch;
+    for (const prop of filteringProperties) {
+        if (lowerText.startsWith(prop.propertyLabel.toLowerCase())) {
+            if (!bestMatch ||
+                prop.propertyLabel.length > bestMatch.propertyLabel.length) {
+                bestMatch = prop;
+            }
+        }
+    }
+    return bestMatch;
+}
+/**
+ * Check if the input text is a valid prefix of any allowed operator.
+ * Returns the prefix if valid, null otherwise.
+ */
+function matchOperatorPrefix(allowedOperators, filteringText) {
+    const trimmedText = filteringText.trim();
+    if (trimmedText.length === 0) {
+        return "";
+    }
+    const isValidPrefix = allowedOperators.some((operator) => operator.toLowerCase().startsWith(trimmedText.toLowerCase()));
+    return isValidPrefix ? trimmedText : null;
+}
+//# sourceMappingURL=operators.js.map

package/cjs/data/token-filter/helpers/operators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operators.js","sourceRoot":"","sources":["../../../../src/data/token-filter/helpers/operators.ts"],"names":[],"mappings":";;;AAuFE,sCAAa;AACb,wDAAsB;AACtB,kDAAmB;AAvFrB;;;;GAIG;AACH,MAAM,SAAS,GAAsC;IACnD,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;IACT,GAAG,EAAE,IAAI;CACV,CAAC;AAEF,MAAM,eAAe,GAA0B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAkEpE,0CAAe;AAhEjB;;;GAGG;AACH,SAAS,aAAa,CACpB,gBAAuC,EACvC,IAAY;IAEZ,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CACxC,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CACtD,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,sBAAsB,CAC7B,mBAAqC,EACrC,IAAY;IAEZ,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACrC,IAAI,SAAqC,CAAC;IAE1C,KAAK,MAAM,IAAI,IAAI,mBAAmB,EAAE,CAAC;QACvC,IAAI,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;YAC3D,IACE,CAAC,SAAS;gBACV,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,EAC1D,CAAC;gBACD,SAAS,GAAG,IAAI,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACH,SAAS,mBAAmB,CAC1B,gBAAuC,EACvC,aAAqB;IAErB,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC;IAEzC,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CACvD,QAAQ,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAC7D,CAAC;IAEF,OAAO,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5C,CAAC"}

package/cjs/data/token-filter/helpers/parse-query-text.d.ts

@@ -0,0 +1,25 @@
+import type { ParsedProperty, QueryFilterOperator } from "../TokenFilter.types";
+type ParsedText = {
+    /** User has typed property + complete operator + value (e.g., "Status != active") */
+    step: "property";
+    property: ParsedProperty;
+    operator: QueryFilterOperator;
+    value: string;
+} | {
+    /** User is typing the operator after property (e.g., "Status !") */
+    step: "operator";
+    property: ParsedProperty;
+    operatorPrefix: string;
+} | {
+    /** No property match; treat as free-text search */
+    step: "free-text";
+    value: string;
+    operator?: QueryFilterOperator;
+};
+/**
+ * Parse user input text to extract property, operator, and value components.
+ * Handles partial input (e.g., user typing "Status !" to complete the operator).
+ */
+declare function parseQueryText(filteringText: string, filteringProperties: ParsedProperty[]): ParsedText;
+export { parseQueryText };
+export type { ParsedText };