@wallarm-org/design-system 0.57.0 → 0.57.1-rc-feature-AS-1085.2

package/dist/components/FilterInput/hooks/useFilterInputExpression/useFilterInputExpression.js

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { CONNECTOR_ID_PATTERN, chipIdToConditionIndex } from "../../lib/index.js";
+import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
+import { CONNECTOR_ID_PATTERN, chipIdToConditionIndex, validateValueForField } from "../../lib/index.js";
 import { buildChips } from "./buildChips.js";
 import { buildExpression, expressionToConditions } from "./expression.js";
 const EMPTY_STATE = {
@@ -7,6 +8,24 @@ const EMPTY_STATE = {
     connectors: []
 };
 const DEFAULT_CONNECTOR = 'and';
+const revalidateConditions = (conditions, fields)=>conditions.map((condition)=>{
+        if (condition.disabled) return condition;
+        const field = fields.find((f)=>f.name === condition.field);
+        if (!field || condition.error === SEGMENT_VARIANT.attribute) return condition;
+        if (field.getSuggestions && !field.validate) return condition;
+        if (validateValueForField(field, condition.value)) return condition.error === SEGMENT_VARIANT.value ? condition : {
+            ...condition,
+            error: SEGMENT_VARIANT.value
+        };
+        if (condition.error === SEGMENT_VARIANT.value) {
+            const next = {
+                ...condition
+            };
+            delete next.error;
+            return next;
+        }
+        return condition;
+    });
 const removeConnectorAtConditionIndex = (connectors, idx)=>{
     const updated = [
         ...connectors
@@ -78,12 +97,13 @@ const useFilterInputExpression = ({ fields, value, onChange, error })=>{
         if (void 0 !== value) {
             const result = expressionToConditions(value);
             setState({
-                conditions: result.conditions,
+                conditions: revalidateConditions(result.conditions, fields),
                 connectors: result.connectors
             });
         }
     }, [
-        value
+        value,
+        fields
     ]);
     const chips = useMemo(()=>buildChips(state.conditions, state.connectors, fields, error), [
         state.conditions,

package/dist/components/FilterInput/index.d.ts

@@ -1,5 +1,5 @@
 export { FilterInput, type FilterInputProps } from './FilterInput';
 export { FilterInputChip, type FilterInputChipProps } from './FilterInputField';
 export { FilterInputFieldMenu, type FilterInputFieldMenuProps, FilterInputOperatorMenu, type FilterInputOperatorMenuProps, FilterInputValueMenu, type FilterInputValueMenuProps, type ValueOption, } from './FilterInputMenu';
-export { applyFieldValueTransforms, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, type FilterParseError, getKnownFieldSerializer, isFilterParseError, parseExpression, serializeExpression, } from './lib';
+export { applyFieldValueTransforms, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, type FilterParseError, getKnownFieldSerializer, isFilterParseError, parseExpression, serializeExpression, validateValueForField, } from './lib';
 export type { Condition, ExprNode, FieldMetadata, FieldType, FieldValueOption, FilterInputChipData, FilterInputChipVariant, FilterOperator, Group, } from './types';

package/dist/components/FilterInput/index.js

@@ -1,5 +1,5 @@
 import { FilterInput } from "./FilterInput.js";
 import { FilterInputChip } from "./FilterInputField/index.js";
 import { FilterInputFieldMenu, FilterInputOperatorMenu, FilterInputValueMenu } from "./FilterInputMenu/index.js";
-import { applyFieldValueTransforms, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, getKnownFieldSerializer, isFilterParseError, parseExpression, serializeExpression } from "./lib/index.js";
-export { FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, FilterInputValueMenu, applyFieldValueTransforms, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, getKnownFieldSerializer, isFilterParseError, parseExpression, serializeExpression };
+import { applyFieldValueTransforms, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, getKnownFieldSerializer, isFilterParseError, parseExpression, serializeExpression, validateValueForField } from "./lib/index.js";
+export { FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, FilterInputValueMenu, applyFieldValueTransforms, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, getKnownFieldSerializer, isFilterParseError, parseExpression, serializeExpression, validateValueForField };

package/dist/components/FilterInput/lib/validation.d.ts

@@ -1,4 +1,14 @@
-import type { Condition, FieldMetadata, FieldValueOption } from '../types';
+import type { Condition, FieldMetadata, FieldType, FieldValueOption } from '../types';
+/**
+ * Whether a value conforms to a field's data type. Used for freeform fields
+ * (no allowlist, no validator) so a value left over from a previous field — e.g.
+ * a string carried into an `integer` field after a field change — is caught.
+ *
+ * `string`, `date` and `enum` are not type-checked here: any string is a valid
+ * string; date values include relative presets and ISO forms that are unsafe to
+ * validate generically; enum validity comes from its allowlist.
+ */
+export declare const isValueOfType: (value: string | number | boolean, type: FieldType) => boolean;
 /** Find a field value option matching by label or value (case-insensitive) */
 export declare const findMatchingFieldValue: (fieldValues: FieldValueOption[], text: string) => FieldValueOption | undefined;
 /** Check if a single value matches any option in the field's values list */

package/dist/components/FilterInput/lib/validation.js

@@ -1,4 +1,28 @@
 import { getFieldValues, hasStaticAllowlist } from "./fields.js";
+const isValueOfType = (value, type)=>{
+    switch(type){
+        case 'integer':
+            {
+                if ('number' == typeof value) return Number.isInteger(value);
+                const s = String(value).trim();
+                return '' !== s && /^-?\d+$/.test(s);
+            }
+        case 'float':
+            {
+                if ('number' == typeof value) return Number.isFinite(value);
+                const s = String(value).trim();
+                return '' !== s && Number.isFinite(Number(s));
+            }
+        case 'boolean':
+            {
+                if ('boolean' == typeof value) return true;
+                const s = String(value).trim().toLowerCase();
+                return 'true' === s || 'false' === s;
+            }
+        default:
+            return true;
+    }
+};
 const findMatchingFieldValue = (fieldValues, text)=>fieldValues.find((v)=>v.label.toLowerCase() === text.toLowerCase() || String(v.value).toLowerCase() === text.toLowerCase());
 const isValidFieldValue = (fieldValues, v)=>fieldValues.some((opt)=>opt.value === v || String(opt.value).toLowerCase() === String(v).toLowerCase());
 const getInvalidValueIndices = (field, values)=>{
@@ -6,7 +30,13 @@ const getInvalidValueIndices = (field, values)=>{
         if (field.validate(v)) acc.push(idx);
         return acc;
     }, []);
-    if (!hasStaticAllowlist(field)) return [];
+    if (!hasStaticAllowlist(field)) {
+        if (field.getSuggestions) return [];
+        return values.reduce((acc, v, idx)=>{
+            if (null != v && !isValueOfType(v, field.type)) acc.push(idx);
+            return acc;
+        }, []);
+    }
     const fv = getFieldValues(field);
     if (0 === fv.length) return [];
     return values.reduce((acc, v, idx)=>{
@@ -21,4 +51,4 @@ const validateValueForField = (field, value)=>{
     ];
     return getInvalidValueIndices(field, values).length > 0;
 };
-export { findMatchingFieldValue, getInvalidValueIndices, isValidFieldValue, validateValueForField };
+export { findMatchingFieldValue, getInvalidValueIndices, isValidFieldValue, isValueOfType, validateValueForField };

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.56.1",
-  "generatedAt": "2026-06-10T08:11:40.516Z",
+  "version": "0.57.0",
+  "generatedAt": "2026-06-10T13:28:44.744Z",
   "components": [
     {
       "name": "Accordion",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.57.0",
+  "version": "0.57.1-rc-feature-AS-1085.2",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",