@wallarm-org/design-system 0.41.0 → 0.42.0

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.40.0",
-  "generatedAt": "2026-05-20T10:06:29.726Z",
+  "version": "0.41.0",
+  "generatedAt": "2026-05-20T10:19:45.546Z",
   "components": [
     {
       "name": "Accordion",
@@ -19187,7 +19187,7 @@
           "name": "fields",
           "type": "FieldMetadata[] | undefined",
           "required": false,
-          "description": "Filter-field configurations driving the autocomplete. Most fields are\npassed through as-is, but a few names are **reserved** and auto-wired\nwith design-system helpers (`acceptChar` / `normalize` / `getSuggestions`\n/ `validate`). Current reserved names:\n\n  - `status_code` — HTTP status code field (mask suggestions, format\n    validation, digit-or-X input filter, partial-input normalization).\n\nConsumer-supplied callbacks always override the auto-wiring, so you can\nopt out per-field. For the same helpers on a field with a different\n`name`, import the factories (`createStatusCodeSuggestions`, …) and\nattach them manually."
+          "description": "Filter-field configurations driving the autocomplete. A few names are\n**reserved** and auto-wired with design-system helpers — DS-supplied\ncallbacks **override** consumer values for the reserved slots, because\nthe field semantics (mask range, accepted chars, backend form) are fixed\nby DS:\n\n  - `status_code` — HTTP status code field (mask suggestions, format\n    validation, digit-or-X input filter, partial-input normalization).\n\nTo opt out, use a different `name` and attach the factories\n(`createStatusCodeSuggestions`, …) manually."
         },
         {
           "name": "value",
@@ -19855,7 +19855,7 @@
               "name": "menuRef",
               "type": "RefObject<HTMLDivElement | null> | undefined",
               "required": false,
-              "description": "Ref to the menu content element — shared across menus for focus management"
+              "description": "Ref to the menu content (shared across menus for focus management)."
             }
           ]
         },
@@ -19948,25 +19948,25 @@
               "name": "inputRef",
               "type": "RefObject<HTMLInputElement | null> | undefined",
               "required": false,
-              "description": "Ref to the query bar input — ArrowUp on first item returns focus here"
+              "description": "Query bar input — ArrowUp on first item returns focus here."
             },
             {
               "name": "filterText",
               "type": "string | undefined",
               "required": false,
-              "description": "Text to filter values by label"
+              "description": "Filter values by label."
             },
             {
               "name": "menuRef",
               "type": "RefObject<HTMLDivElement | null> | undefined",
               "required": false,
-              "description": "Ref to the menu content element — shared across menus for focus management"
+              "description": "Menu content ref (shared across menus for focus management)."
             },
             {
               "name": "blurCommitRef",
               "type": "RefObject<(() => boolean) | null> | undefined",
               "required": false,
-              "description": "Ref set by this component to allow blur handler to commit multi-select values"
+              "description": "Set here so blur handler can commit multi-select values."
             }
           ]
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.41.0",
+  "version": "0.42.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useMenuFlow.js

@@ -1,260 +0,0 @@
-import { useCallback, useRef } from "react";
-import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
-import { OPERATOR_SYMBOLS, chipIdToConditionIndex, getFieldOperators, getOperatorFromLabel, isBetweenOperator, isMultiSelectOperator, isNoValueOperator, isOperatorAllowedForField, isValueShapeCompatible } from "../../lib/index.js";
-import { resolveDateRangeValue, resolveDateValue, resolveMultiValues, resolveSingleValue, validateValueForField } from "./valueCommitHelpers.js";
-const useMenuFlow = ({ editing, selectedField, selectedOperator, fields, inputRef, insertIndex, upsertCondition, conditions, resetState, commitBuildingOnBlur, dateRange, setSelectedField, setSelectedOperator, setInputText, setMenuState, setBuildingMultiValue })=>{
-    const conditionsRef = useRef(conditions);
-    conditionsRef.current = conditions;
-    const handleMenuClose = useCallback(()=>{
-        if (document.activeElement === inputRef.current) return;
-        if (document.activeElement?.closest?.('[data-slot^="segment-"]')) return;
-        if (commitBuildingOnBlur()) return;
-        const hasIncompleteBuilding = null !== selectedField && !editing.editingChipId;
-        if (hasIncompleteBuilding) return void setMenuState('closed');
-        resetState();
-    }, [
-        commitBuildingOnBlur,
-        resetState,
-        inputRef,
-        selectedField,
-        editing.editingChipId,
-        setMenuState
-    ]);
-    const handleFieldSelect = useCallback((field)=>{
-        if (editing.editingChipId && editing.editingSegment === SEGMENT_VARIANT.attribute) {
-            const idx = chipIdToConditionIndex(editing.editingChipId);
-            const condition = null !== idx ? conditionsRef.current[idx] : null;
-            if (condition) {
-                const hasValueError = validateValueForField(field, condition.value);
-                upsertCondition(field, condition.operator, condition.value, editing.editingChipId, void 0, hasValueError ? SEGMENT_VARIANT.value : void 0, condition.dateOrigin);
-            }
-            resetState();
-            return;
-        }
-        const isBuildingEdit = !editing.editingChipId && editing.editingSegment === SEGMENT_VARIANT.attribute;
-        if (isBuildingEdit) {
-            setSelectedField(field);
-            const keepOperator = selectedOperator ? isOperatorAllowedForField(field, selectedOperator) : false;
-            if (!keepOperator) setSelectedOperator(null);
-            editing.clearEditing();
-            setMenuState(keepOperator ? 'value' : 'operator');
-            return;
-        }
-        setSelectedField(field);
-        setInputText('');
-        setMenuState('operator');
-    }, [
-        editing,
-        selectedOperator,
-        upsertCondition,
-        resetState,
-        setSelectedField,
-        setSelectedOperator,
-        setInputText,
-        setMenuState
-    ]);
-    const handleOperatorSelect = useCallback((operator)=>{
-        if (!selectedField) return;
-        const isBuildingEdit = !editing.editingChipId && editing.editingSegment === SEGMENT_VARIANT.operator;
-        if (isBuildingEdit) {
-            const shapeCompatible = isValueShapeCompatible(selectedOperator, operator);
-            if (!shapeCompatible) setBuildingMultiValue(void 0);
-            setSelectedOperator(operator);
-            editing.clearEditing();
-            if (isNoValueOperator(operator)) {
-                upsertCondition(selectedField, operator, null, null, insertIndex);
-                resetState(true);
-                return;
-            }
-            setMenuState('value');
-            return;
-        }
-        if (isNoValueOperator(operator)) {
-            const isEditing = !!editing.editingChipId;
-            upsertCondition(selectedField, operator, null, editing.editingChipId, isEditing ? void 0 : insertIndex);
-            resetState(!isEditing);
-            return;
-        }
-        if (editing.editingChipId && editing.editingSegment === SEGMENT_VARIANT.operator) {
-            const idx = chipIdToConditionIndex(editing.editingChipId);
-            const condition = null !== idx ? conditionsRef.current[idx] : null;
-            if (condition) {
-                const hasValue = null !== condition.value && '' !== condition.value;
-                if (hasValue) {
-                    upsertCondition(selectedField, operator, condition.value, editing.editingChipId, void 0, void 0, condition.dateOrigin);
-                    resetState();
-                    return;
-                }
-                upsertCondition(selectedField, operator, null, editing.editingChipId);
-                editing.setEditingSegment(SEGMENT_VARIANT.value);
-                editing.setSegmentFilterText('');
-            }
-        }
-        setSelectedOperator(operator);
-        setInputText('');
-        setMenuState('value');
-    }, [
-        editing,
-        selectedField,
-        selectedOperator,
-        insertIndex,
-        upsertCondition,
-        resetState,
-        setSelectedOperator,
-        setMenuState,
-        setBuildingMultiValue,
-        setInputText
-    ]);
-    const handleValueSelect = useCallback((val)=>{
-        if (!selectedField || !selectedOperator) return;
-        if (isBetweenOperator(selectedOperator) && 'date' === selectedField.type) {
-            const result = dateRange.selectValue(String(val));
-            if (!result) return;
-            upsertCondition(selectedField, selectedOperator, result, editing.editingChipId);
-            resetState(!editing.editingChipId);
-            return;
-        }
-        const isEditing = !!editing.editingChipId;
-        upsertCondition(selectedField, selectedOperator, val, editing.editingChipId, isEditing ? void 0 : insertIndex);
-        resetState(!isEditing);
-    }, [
-        selectedField,
-        selectedOperator,
-        editing,
-        dateRange,
-        insertIndex,
-        upsertCondition,
-        resetState
-    ]);
-    const handleMultiCommit = useCallback((values)=>{
-        if (!selectedField || !selectedOperator || 0 === values.length) return;
-        const isEditing = !!editing.editingChipId;
-        upsertCondition(selectedField, selectedOperator, values, editing.editingChipId, isEditing ? void 0 : insertIndex);
-        resetState(!isEditing);
-    }, [
-        selectedField,
-        selectedOperator,
-        editing,
-        insertIndex,
-        upsertCondition,
-        resetState
-    ]);
-    const handleBuildingValueChange = useCallback((preview)=>{
-        setBuildingMultiValue(preview);
-    }, [
-        setBuildingMultiValue
-    ]);
-    const handleMultiSelectToggle = useCallback(()=>{
-        if (editing.editingSegment === SEGMENT_VARIANT.value) editing.resetSegmentTyping();
-        else setInputText('');
-    }, [
-        editing,
-        setInputText
-    ]);
-    const handleRangeSelect = useCallback((from, to)=>{
-        if (!selectedField || !selectedOperator) return;
-        const isEditing = !!editing.editingChipId;
-        upsertCondition(selectedField, selectedOperator, [
-            from,
-            to
-        ], editing.editingChipId, isEditing ? void 0 : insertIndex);
-        resetState(!isEditing);
-    }, [
-        selectedField,
-        selectedOperator,
-        editing,
-        insertIndex,
-        upsertCondition,
-        resetState
-    ]);
-    const handleCustomValueCommit = useCallback((customText)=>{
-        if (!selectedField || !selectedOperator || !customText.trim()) return;
-        const trimmed = customText.trim();
-        const isEditing = !!editing.editingChipId;
-        if (isMultiSelectOperator(selectedOperator)) {
-            const { resolved, error } = resolveMultiValues(selectedField, trimmed);
-            upsertCondition(selectedField, selectedOperator, resolved, editing.editingChipId, isEditing ? void 0 : insertIndex, error ? SEGMENT_VARIANT.value : void 0);
-        } else if ('date' === selectedField.type) if (isBetweenOperator(selectedOperator)) {
-            const rangeValue = resolveDateRangeValue(trimmed);
-            upsertCondition(selectedField, selectedOperator, rangeValue ?? trimmed, editing.editingChipId, isEditing ? void 0 : insertIndex, rangeValue ? void 0 : SEGMENT_VARIANT.value, 'absolute');
-        } else {
-            const { error, dateOrigin } = resolveDateValue(trimmed, editing.editingChipId, conditionsRef.current);
-            upsertCondition(selectedField, selectedOperator, trimmed, editing.editingChipId, isEditing ? void 0 : insertIndex, error ? SEGMENT_VARIANT.value : void 0, dateOrigin);
-        }
-        else {
-            const { resolved, error } = resolveSingleValue(selectedField, trimmed);
-            upsertCondition(selectedField, selectedOperator, resolved, editing.editingChipId, isEditing ? void 0 : insertIndex, error ? SEGMENT_VARIANT.value : void 0);
-        }
-        resetState(!isEditing);
-    }, [
-        selectedField,
-        selectedOperator,
-        editing,
-        insertIndex,
-        upsertCondition,
-        resetState
-    ]);
-    const handleCustomAttributeCommit = useCallback((customText)=>{
-        if (!customText.trim()) return;
-        const trimmed = customText.trim();
-        const matchedField = fields.find((f)=>f.label.toLowerCase() === trimmed.toLowerCase() || f.name.toLowerCase() === trimmed.toLowerCase());
-        if (!editing.editingChipId) {
-            if (matchedField) handleFieldSelect(matchedField);
-            return;
-        }
-        const idx = chipIdToConditionIndex(editing.editingChipId);
-        const condition = null !== idx ? conditionsRef.current[idx] : null;
-        if (!condition) return;
-        if (matchedField) {
-            const hasValueError = validateValueForField(matchedField, condition.value);
-            upsertCondition(matchedField, condition.operator, condition.value, editing.editingChipId, void 0, hasValueError ? SEGMENT_VARIANT.value : void 0, condition.dateOrigin);
-        } else {
-            const syntheticField = {
-                name: trimmed,
-                label: trimmed,
-                type: 'string'
-            };
-            upsertCondition(syntheticField, condition.operator, condition.value, editing.editingChipId, void 0, SEGMENT_VARIANT.attribute, condition.dateOrigin);
-        }
-        resetState();
-    }, [
-        editing,
-        fields,
-        upsertCondition,
-        resetState,
-        handleFieldSelect
-    ]);
-    const handleCustomOperatorCommit = useCallback((customText)=>{
-        if (!selectedField || !customText.trim()) return;
-        const trimmed = customText.trim();
-        const allowed = getFieldOperators(selectedField);
-        let matched = getOperatorFromLabel(trimmed, selectedField.type);
-        if (!matched) {
-            const symbolMatch = allowed.find((op)=>OPERATOR_SYMBOLS[op].toLowerCase() === trimmed.toLowerCase());
-            if (symbolMatch) matched = symbolMatch;
-        }
-        if (!matched) {
-            const rawMatch = allowed.find((op)=>op.toLowerCase() === trimmed.toLowerCase());
-            if (rawMatch) matched = rawMatch;
-        }
-        if (!matched || !isOperatorAllowedForField(selectedField, matched)) return;
-        handleOperatorSelect(matched);
-    }, [
-        selectedField,
-        handleOperatorSelect
-    ]);
-    return {
-        handleMenuClose,
-        handleFieldSelect,
-        handleOperatorSelect,
-        handleValueSelect,
-        handleMultiCommit,
-        handleBuildingValueChange,
-        handleMultiSelectToggle,
-        handleRangeSelect,
-        handleCustomValueCommit,
-        handleCustomOperatorCommit,
-        handleCustomAttributeCommit
-    };
-};
-export { useMenuFlow };