@akinon/akifilter 1.4.4-260521-3 → 1.6.0

package/dist/cjs/akifilter.d.ts

@@ -1,5 +1,6 @@
 import './styles.css';
 import { FieldValues, Path } from '@akinon/akiform';
+import { type PanelProps } from '@akinon/ui-collapse';
 import React from 'react';
 import { type AppliedFilter } from './components/applied-filters';
 import type { AkifilterActionsRef, AkifilterSchema } from './types';
@@ -61,6 +62,15 @@ export type AkifilterProps<TFieldValues extends AkifilterFieldValues = Akifilter
      */
     onRemoveExternalFilter?: (key: string) => void;
 };
+export declare const ExpandIcon: ({ isActive }: PanelProps) => {
+    name: "chevron_down";
+    size: number;
+    style: {
+        transform: string;
+        transition: string;
+        marginTop: number;
+    };
+};
 export declare const Akifilter: {
     <TFieldValues extends AkifilterFieldValues = FieldValues>(props: AkifilterProps<TFieldValues>): React.JSX.Element;
     displayName: string;

package/dist/cjs/akifilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"akifilter.d.ts","sourceRoot":"","sources":["../../src/akifilter.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAIL,WAAW,EACX,IAAI,EAIL,MAAM,iBAAiB,CAAC;AAazB,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,8BAA8B,CAAC;AAYtC,OAAO,KAAK,EACV,mBAAmB,EAEnB,eAAe,EAChB,MAAM,SAAS,CAAC;AAajB,KAAK,oBAAoB,GAAG,WAAW,CAAC;AA8JxC,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,oBAAoB,GAAG,oBAAoB,IAC9D;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAClD;;;OAGG;IACH,sBAAsB,CAAC,EAAE,aAAa,EAAE,CAAC;IACzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAu1BF,eAAO,MAAM,SAAS;KACpB,YAAY,SAAS,oBAAoB,uBAElC,cAAc,CAAC,YAAY,CAAC;;CAmBpC,CAAC"}
+{"version":3,"file":"akifilter.d.ts","sourceRoot":"","sources":["../../src/akifilter.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAIL,WAAW,EACX,IAAI,EAIL,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAShE,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,8BAA8B,CAAC;AActC,OAAO,KAAK,EACV,mBAAmB,EAEnB,eAAe,EAChB,MAAM,SAAS,CAAC;AAcjB,KAAK,oBAAoB,GAAG,WAAW,CAAC;AAoKxC,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,oBAAoB,GAAG,oBAAoB,IAC9D;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAClD;;;OAGG;IACH,sBAAsB,CAAC,EAAE,aAAa,EAAE,CAAC;IACzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AA4zBF,eAAO,MAAM,UAAU,GAAI,cAAc,UAAU;;;;;;;;CAQjD,CAAC;AA8CH,eAAO,MAAM,SAAS;KACpB,YAAY,SAAS,oBAAoB,uBAElC,cAAc,CAAC,YAAY,CAAC;;CAmBpC,CAAC"}

package/dist/cjs/akifilter.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Akifilter = void 0;
+exports.Akifilter = exports.ExpandIcon = void 0;
 require("./styles.css");
 const akidate_1 = require("@akinon/akidate");
 const akiform_1 = require("@akinon/akiform");
@@ -97,20 +97,24 @@ const resolveClearedFieldValue = (field, defaultValue) => {
         return defaultValue;
     }
     switch (field.type) {
-        case 'text':
-        case 'textarea':
+        case constants_1.FIELD_TYPES.TEXT:
+        case constants_1.FIELD_TYPES.TEXTAREA:
             return '';
-        case 'checkbox':
+        case constants_1.FIELD_TYPES.CHECKBOX:
             return false;
-        case 'number':
-        case 'date':
+        case constants_1.FIELD_TYPES.NUMBER:
+        case constants_1.FIELD_TYPES.DATE:
             return null;
-        case 'select':
-            if (field.mode === 'multiple' || field.mode === 'tags') {
+        case constants_1.FIELD_TYPES.SELECT:
+            if (field.mode === constants_1.FIELD_MODES.MULTIPLE ||
+                field.mode === constants_1.FIELD_MODES.TAGS) {
                 return [];
             }
             return null;
-        case 'file':
+        // Custom fields must clear to `null`, not `undefined` (PUF-5666): otherwise
+        // react-hook-form rewrites the cleared value as a "zombie" and resurrects the filter.
+        case constants_1.FIELD_TYPES.FILE:
+        case constants_1.FIELD_TYPES.CUSTOM:
             return null;
         default:
             return undefined;
@@ -119,6 +123,7 @@ const resolveClearedFieldValue = (field, defaultValue) => {
 const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onValuesChange, onVisibleFieldsChange, onImportCsv, onImportXls, onClearAll, enableImportCsv, enableImportXls, filterActionsRef, externalAppliedFilters, onRemoveExternalFilter }) => {
     // Separate regular fields from section fields
     const { regularFields, sectionFields } = react_1.default.useMemo(() => (0, schema_1.partitionSchema)(filterSchema), [filterSchema]);
+    const excludeSectionKeys = react_1.default.useMemo(() => (0, schema_1.deriveExcludeSectionKeys)(sectionFields), [sectionFields]);
     // Flatten schema for storage and form value operations
     const flattenedSchema = react_1.default.useMemo(() => (0, schema_1.flattenSchema)(filterSchema), [filterSchema]);
     const storageKey = react_1.default.useMemo(() => (0, storage_1.buildStorageKey)(regularFields, storageNamespace), [regularFields, storageNamespace]);
@@ -160,7 +165,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
             if (Array.isArray(currentValue) && currentValue.length === 0) {
                 return acc;
             }
-            if (field.type === 'checkbox' && currentValue !== true) {
+            if (field.type === constants_1.FIELD_TYPES.CHECKBOX && currentValue !== true) {
                 return acc;
             }
             const label = field.label || field.placeholder || key;
@@ -183,18 +188,20 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                 return resolveLabel(currentValue);
             };
             const resolveValue = () => {
-                if (field.type === 'file') {
+                if (field.type === constants_1.FIELD_TYPES.FILE) {
                     const fileValue = currentValue;
                     return fileValue instanceof File ? fileValue.name : String(fileValue);
                 }
-                if (field.type === 'select') {
+                if (field.type === constants_1.FIELD_TYPES.SELECT) {
                     return resolveSelectLabel();
                 }
                 // For custom fields with options (like custom selects), try to find the label
-                if (field.type === 'custom' && 'options' in field && field.options) {
+                if (field.type === constants_1.FIELD_TYPES.CUSTOM &&
+                    'options' in field &&
+                    field.options) {
                     return resolveSelectLabel();
                 }
-                if (field.type === 'date') {
+                if (field.type === constants_1.FIELD_TYPES.DATE) {
                     const iso = akidate_1.akidate.toIsoDate(currentValue);
                     if (iso) {
                         // Use localized format with time if showTime is enabled
@@ -221,10 +228,15 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                 }
                 return String(currentValue);
             };
-            acc.push({ key, label, value: resolveValue() });
+            acc.push({
+                key,
+                label,
+                value: resolveValue(),
+                isExclude: excludeSectionKeys.has(key)
+            });
             return acc;
         }, []);
-    }, [flattenedSchema, formValues]);
+    }, [flattenedSchema, formValues, excludeSectionKeys]);
     const resolveInitialVisibleKeys = react_1.default.useCallback(() => {
         const storedKeys = (0, storage_1.readVisibleKeys)(regularFields, storageKey);
         const defaultKeys = (0, schema_1.deriveDefaultVisibleKeys)(regularFields);
@@ -260,16 +272,6 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         (0, storage_1.writeVisibleKeys)(storageKey, visibleKeys);
         onVisibleFieldsChange === null || onVisibleFieldsChange === void 0 ? void 0 : onVisibleFieldsChange(visibleKeys);
     }, [visibleKeys, onVisibleFieldsChange, storageKey]);
-    // Track previous mergedDefaultValues to avoid unnecessary resets
-    const previousMergedDefaultValuesRef = react_1.default.useRef(null);
-    react_1.default.useEffect(() => {
-        const serialised = JSON.stringify(mergedDefaultValues);
-        // Skip if the values haven't actually changed (deep comparison)
-        if (previousMergedDefaultValuesRef.current === serialised) {
-            return;
-        }
-        previousMergedDefaultValuesRef.current = serialised;
-    }, [mergedDefaultValues]);
     const normalisedValues = react_1.default.useMemo(() => (0, values_1.normaliseOutputValues)(flattenedSchema, formValues), [flattenedSchema, formValues]);
     const hasInitialValuesRef = react_1.default.useRef(false);
     react_1.default.useEffect(() => {
@@ -370,6 +372,9 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                 clearedDefaults[key] = resolved;
             }
         });
+        // clearedDefaults carries an explicit cleared value (e.g. `null` for custom/file
+        // fields) for every key, so reset overwrites stale values instead of leaving the
+        // field untouched and resurrecting the filter (PUF-5666).
         formMethods.reset(clearedDefaults, {
             keepDirty: false,
             keepTouched: false
@@ -422,7 +427,9 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         const updatedFormValues = Object.assign(Object.assign({}, currentFormValues), { [String(schemaField.key)]: nextValue });
         // Normalize the values (removes empty/undefined entries)
         const nextValues = (0, values_1.normaliseOutputValues)(flattenedSchema, updatedFormValues);
-        // Update form state
+        // updatedFormValues holds an explicit cleared value (e.g. `null` for custom/file
+        // fields) for the removed key, so reset overwrites the stale value rather than
+        // leaving it in place and resurrecting the filter (PUF-5666).
         formMethods.reset(updatedFormValues, {
             keepDirty: false,
             keepTouched: false,
@@ -498,21 +505,21 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         const ariaLabel = (0, schema_1.getFieldAriaLabel)(field);
         const isDisabled = checkIsDisabled(field, formValues !== null && formValues !== void 0 ? formValues : {});
         switch (field.type) {
-            case 'text':
+            case constants_1.FIELD_TYPES.TEXT:
                 return (react_1.default.createElement(ui_input_1.Input, { placeholder: field.placeholder, size: "large", allowClear: true, "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'number':
+            case constants_1.FIELD_TYPES.NUMBER:
                 return (react_1.default.createElement(ui_input_number_1.InputNumber, { placeholder: field.placeholder, size: "large", className: "akinon-filter__field--number", "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'select':
+            case constants_1.FIELD_TYPES.SELECT:
                 return (react_1.default.createElement(ui_select_1.Select, { placeholder: field.placeholder, size: "large", options: field.options, showSearch: true, optionFilterProp: "label", "aria-label": ariaLabel, disabled: isDisabled, mode: field.mode }));
-            case 'checkbox':
+            case constants_1.FIELD_TYPES.CHECKBOX:
                 return react_1.default.createElement(ui_checkbox_1.Checkbox, { disabled: isDisabled }, field.label);
-            case 'date':
+            case constants_1.FIELD_TYPES.DATE:
                 return (react_1.default.createElement(ui_date_picker_1.DatePicker, { placeholder: field.placeholder, showTime: field.showTime, suffixIcon: "calendar", suffixIconSize: "16px", "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'textarea':
+            case constants_1.FIELD_TYPES.TEXTAREA:
                 return (react_1.default.createElement(ui_input_1.InputTextArea, { placeholder: field.placeholder, autoSize: { minRows: 3, maxRows: 6 }, "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'file':
+            case constants_1.FIELD_TYPES.FILE:
                 return (react_1.default.createElement(FileFilterInput, { accept: field.fileAccept, "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'custom':
+            case constants_1.FIELD_TYPES.CUSTOM:
                 if (typeof field.render === 'function') {
                     return field.render({
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -524,7 +531,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                     });
                 }
                 return (react_1.default.createElement(ui_typography_1.Text, { type: "secondary", className: "akinon-filter__unsupported" }, i18n_1.i18n.t('form.unsupportedField', { field: String(field.type) })));
-            case 'section':
+            case constants_1.FIELD_TYPES.SECTION:
                 // Section fields should not be rendered inline
                 // They are rendered separately after the main grid
                 return null;
@@ -533,7 +540,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         }
     };
     const renderFormField = (field) => {
-        return (react_1.default.createElement(FilterFormItem, { key: String(field.key), control: formMethods.control, name: field.key, tooltip: field.tooltip, help: field.help, labelDescription: field.labelDescription, required: Boolean(field.validation), className: "mb-0", valuePropName: field.type === 'checkbox' ? 'checked' : undefined }, renderFieldComponent(field)));
+        return (react_1.default.createElement(FilterFormItem, { key: String(field.key), control: formMethods.control, name: field.key, tooltip: field.tooltip, help: field.help, labelDescription: field.labelDescription, required: Boolean(field.validation), className: "mb-0", valuePropName: field.type === constants_1.FIELD_TYPES.CHECKBOX ? 'checked' : undefined }, renderFieldComponent(field)));
     };
     return (react_1.default.createElement(ui_card_1.Card, { size: "small", className: "akinon-filter shadow", "data-testid": "akifilter-root" },
         react_1.default.createElement(antd_1.ConfigProvider, { theme: theme_overrides_1.themeOverrides },
@@ -545,10 +552,11 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                         visibleFields.map(renderFormField),
                         visibleFields.length === 0 ? (react_1.default.createElement("div", { className: "akinon-filter__empty" }, i18n_1.i18n.t('form.noVisibleFields'))) : null),
                     sectionFields.length > 0 && (react_1.default.createElement("div", { className: "akinon-filter__section-fields" }, sectionFields.map(section => {
-                        return (react_1.default.createElement(ui_collapse_1.Collapse, { key: section.key, defaultActiveKey: section.key, ghost: true, items: [
+                        return (react_1.default.createElement(ui_collapse_1.Collapse, { expandIconPosition: "end", key: section.key, expandIcon: exports.ExpandIcon, defaultActiveKey: section.defaultExpanded === false ? [] : [section.key], ghost: true, items: [
                                 {
                                     key: section.key,
-                                    label: section.label,
+                                    label: (react_1.default.createElement(ui_typography_1.Title, { className: "akinon-filter__title", level: 4 }, section.label)),
+                                    headerClass: 'akinon-filter__section-header',
                                     children: (react_1.default.createElement("div", { className: "akinon-filter__form-grid" }, section.fields.map(renderFormField)))
                                 }
                             ] }));
@@ -563,6 +571,16 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                     }
                 }, page: modalPage, pageSize: modalPageSize }))));
 };
+const ExpandIcon = ({ isActive }) => ({
+    name: 'chevron_down',
+    size: 10,
+    style: {
+        transform: isActive ? 'rotate(-180deg)' : 'rotate(0deg)',
+        transition: 'transform 0.2s ease-in-out',
+        marginTop: 8
+    }
+});
+exports.ExpandIcon = ExpandIcon;
 const AkifilterEmptyState = () => {
     const { t } = i18n_1.i18n;
     return (react_1.default.createElement(ui_card_1.Card, { size: "small", className: "akinon-filter shadow", "data-testid": "akifilter-empty" },

package/dist/cjs/components/applied-filters.d.ts

@@ -3,6 +3,7 @@ type AppliedFilter = {
     key: string;
     label: string;
     value: string;
+    isExclude?: boolean;
 };
 type AppliedFiltersProps = {
     filters: AppliedFilter[];

package/dist/cjs/components/applied-filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"applied-filters.d.ts","sourceRoot":"","sources":["../../../src/components/applied-filters.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,aAAa,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBAwDrB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"applied-filters.d.ts","sourceRoot":"","sources":["../../../src/components/applied-filters.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,aAAa,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBA+DrB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/cjs/components/applied-filters.js

@@ -12,7 +12,8 @@ const AppliedFilters = ({ filters, onRemove, onClearAll }) => {
     return (react_1.default.createElement("div", { className: "akinon-filter__applied", "data-testid": "akifilter-applied" },
         react_1.default.createElement(ui_space_1.Space, { className: "akinon-filter__applied-summary", size: 8 },
             react_1.default.createElement(ui_typography_1.Text, { className: "akinon-filter__applied-label" }, i18n_1.i18n.t('applied.label')),
-            hasFilters ? (react_1.default.createElement(ui_space_1.Space, { className: "akinon-filter__applied-items", size: 8, wrap: true }, filters.map(item => (react_1.default.createElement("div", { key: `${item.key}-${item.value}`, className: "akinon-filter__chip" },
+            hasFilters ? (react_1.default.createElement(ui_space_1.Space, { className: "akinon-filter__applied-items", size: 8, wrap: true }, filters.map(item => (react_1.default.createElement("div", { key: `${item.key}-${item.value}`, className: `akinon-filter__chip${item.isExclude ? ' akinon-filter__chip--exclude' : ''}` },
+                item.isExclude ? (react_1.default.createElement(icons_1.Icon, { icon: "exclude", size: 12, className: "akinon-filter__chip-exclude-icon" })) : null,
                 item.label ? (react_1.default.createElement("span", { className: "akinon-filter__chip-label" },
                     item.label,
                     ":")) : null,

package/dist/cjs/constants.d.ts

@@ -7,4 +7,19 @@ export declare const BOOLEAN_STRING: {
     readonly TRUE: "true";
     readonly FALSE: "false";
 };
+export declare const FIELD_TYPES: {
+    readonly TEXT: "text";
+    readonly NUMBER: "number";
+    readonly SELECT: "select";
+    readonly CHECKBOX: "checkbox";
+    readonly DATE: "date";
+    readonly TEXTAREA: "textarea";
+    readonly SECTION: "section";
+    readonly CUSTOM: "custom";
+    readonly FILE: "file";
+};
+export declare const FIELD_MODES: {
+    readonly TAGS: "tags";
+    readonly MULTIPLE: "multiple";
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/cjs/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AAErD,eAAO,MAAM,cAAc;;;CAGjB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AAErD,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;CAUd,CAAC;AAEX,eAAO,MAAM,WAAW;;;CAGd,CAAC"}

package/dist/cjs/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BOOLEAN_STRING = exports.DATETIME_FORMAT = exports.DATE_FORMAT = exports.FILTER_DEBOUNCE_DELAY = exports.DEFAULT_MODAL_PAGE_SIZE = exports.DEFAULT_VISIBLE_COUNT = void 0;
+exports.FIELD_MODES = exports.FIELD_TYPES = exports.BOOLEAN_STRING = exports.DATETIME_FORMAT = exports.DATE_FORMAT = exports.FILTER_DEBOUNCE_DELAY = exports.DEFAULT_MODAL_PAGE_SIZE = exports.DEFAULT_VISIBLE_COUNT = void 0;
 exports.DEFAULT_VISIBLE_COUNT = 8;
 exports.DEFAULT_MODAL_PAGE_SIZE = 40;
 exports.FILTER_DEBOUNCE_DELAY = 300;
@@ -10,3 +10,18 @@ exports.BOOLEAN_STRING = {
     TRUE: 'true',
     FALSE: 'false'
 };
+exports.FIELD_TYPES = {
+    TEXT: 'text',
+    NUMBER: 'number',
+    SELECT: 'select',
+    CHECKBOX: 'checkbox',
+    DATE: 'date',
+    TEXTAREA: 'textarea',
+    SECTION: 'section',
+    CUSTOM: 'custom',
+    FILE: 'file'
+};
+exports.FIELD_MODES = {
+    TAGS: 'tags',
+    MULTIPLE: 'multiple'
+};

package/dist/cjs/styles.css

@@ -47,11 +47,11 @@
   background-color: var(--color-ebonyClay-900);
   flex: 1;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   border-radius: 5px;
   padding: 6px 8px;
   margin-right: 6px;
-  height: 36px;
+  min-height: 36px;
 }
 
 .akinon-filter__applied-label {
@@ -59,16 +59,13 @@
   font-weight: 600;
   font-size: 13px;
   position: relative;
-  top: 1px;
+  white-space: nowrap;
+  top: 7px;
 }
 
-.akinon-filter__common-filters {
-  margin-top: 2rem;
-}
-
-.akinon-filter__common-filters-title {
-  color: var(--color-gray-500);
-  margin-bottom: 1rem;
+.akinon-filter__section-header span {
+  margin-inline-end: unset !important;
+  flex: unset !important;
 }
 
 .akinon-filter__form-grid {
@@ -121,8 +118,10 @@
 
 .akinon-filter__applied-items {
   display: flex;
+  flex: 1;
   flex-wrap: wrap;
   gap: 8px;
+  min-width: 0;
 }
 
 .akinon-filter__chip {
@@ -136,6 +135,16 @@
   height: 24px;
 }
 
+.akinon-filter__chip--exclude {
+  background-color: #ffe0e4;
+  border: 1px solid #ff354e;
+  height: 23px;
+}
+
+.akinon-filter__chip-exclude-icon {
+  margin-right: 5px;
+}
+
 .akinon-filter__chip-label {
   font-weight: 600;
   color: var(--color-ebonyClay-300);
@@ -162,7 +171,7 @@
   color: color(--color-ebonyClay-500);
   font-size: 12px;
   position: relative;
-  top: 1px;
+  top: 8px;
 }
 
 .akinon-filter__modal-list {
@@ -187,13 +196,13 @@
   column-gap: 8px; /* replaces Ant's label padding, zeroed out below */
   line-height: 1.4;
   margin-inline-start: 0; /* override Ant's adjacent-sibling margin */
+  color: var(--color-white);
 }
 
 .akinon-filter__modal-list
   .akinon-filter__modal-checkbox.ant-checkbox-wrapper
   > .ant-checkbox {
   align-self: start;
-  margin-block-start: 0.15em; /* em-relative baseline nudge */
 }
 
 .akinon-filter__modal-list
@@ -253,6 +262,11 @@
   width: auto;
 }
 
+.akinon-filter .akinon-select-multiple .akinon-select-selector {
+  height: 40px;
+  overflow: hidden;
+}
+
 /* Modal window. */
 
 .akinon-filter__modal-toolbar {

package/dist/cjs/utils/schema.d.ts

@@ -1,4 +1,5 @@
 import type { FieldValues } from '@akinon/akiform';
+import { FIELD_TYPES } from '../constants';
 import type { AkifilterField, AkifilterSchema } from '../types';
 /**
  * Flattens schema by extracting all nested fields from section fields.
@@ -11,9 +12,17 @@ export declare const flattenSchema: <TFieldValues extends FieldValues = FieldVal
 export declare const partitionSchema: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>) => {
     regularFields: AkifilterSchema<TFieldValues>;
     sectionFields: Array<AkifilterField<TFieldValues> & {
+        type: typeof FIELD_TYPES.SECTION;
         fields: AkifilterSchema<TFieldValues>;
+        defaultExpanded?: boolean;
+        isExcludeSection?: boolean;
     }>;
 };
+export declare const deriveExcludeSectionKeys: <TFieldValues extends FieldValues = FieldValues>(sectionFields: Array<AkifilterField<TFieldValues> & {
+    type: typeof FIELD_TYPES.SECTION;
+    fields: AkifilterSchema<TFieldValues>;
+    isExcludeSection?: boolean;
+}>) => Set<string>;
 export declare const getDisplayLabel: <TFieldValues extends FieldValues = FieldValues>(field: AkifilterField<TFieldValues>) => string;
 export declare const getFieldAriaLabel: <TFieldValues extends FieldValues = FieldValues>(field: AkifilterField<TFieldValues>) => string;
 export declare const ensureSchemaOrder: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>, keys: string[]) => string[];

package/dist/cjs/utils/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/utils/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC1E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,eAAe,CAAC,YAAY,CAW9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC;IACD,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,aAAa,EAAE,KAAK,CAClB,cAAc,CAAC,YAAY,CAAC,GAAG;QAC7B,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;KACvC,CACF,CAAC;CAwBH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,MAAM,MAAM,EAAE,KACb,MAAM,EAGR,CAAC;AAkBF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,EACnC,aAAa,YAAY,EACzB,iBAAiB,OAAO,KACvB,OAAO,GAAG,SAC8D,CAAC;AAE5E,eAAO,MAAM,wBAAwB,GACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,MAAM,EAUR,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,OAAO,CAAC,YAAY,CAQtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,YAAY,SAAS,WAAW,EACnE,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,OAA4C,CAAC;AAEhD,eAAO,MAAM,uBAAuB,GAClC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,OAAO,CAAC,YAAY,CAyCtB,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/utils/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,EAAsC,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC1E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,eAAe,CAAC,YAAY,CAW9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC;IACD,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,aAAa,EAAE,KAAK,CAClB,cAAc,CAAC,YAAY,CAAC,GAAG;QAC7B,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;QACtC,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC5B,CACF,CAAC;CAwBH,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,eAAe,KAAK,CAClB,cAAc,CAAC,YAAY,CAAC,GAAG;IAC7B,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACjC,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CACF,KACA,GAAG,CAAC,MAAM,CAKV,CAAC;AAEJ,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,MAAM,MAAM,EAAE,KACb,MAAM,EAGR,CAAC;AAkBF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,EACnC,aAAa,YAAY,EACzB,iBAAiB,OAAO,KACvB,OAAO,GAAG,SAC8D,CAAC;AAE5E,eAAO,MAAM,wBAAwB,GACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,MAAM,EAUR,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,OAAO,CAAC,YAAY,CAQtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,YAAY,SAAS,WAAW,EACnE,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,OAA4C,CAAC;AAEhD,eAAO,MAAM,uBAAuB,GAClC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,OAAO,CAAC,YAAY,CA0CtB,CAAC"}

package/dist/cjs/utils/schema.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.normaliseValuesBySchema = exports.hasDynamicVisibility = exports.extractDefaultValues = exports.deriveDefaultVisibleKeys = exports.resolveFieldVisibility = exports.ensureSchemaOrder = exports.getFieldAriaLabel = exports.getDisplayLabel = exports.partitionSchema = exports.flattenSchema = void 0;
+exports.normaliseValuesBySchema = exports.hasDynamicVisibility = exports.extractDefaultValues = exports.deriveDefaultVisibleKeys = exports.resolveFieldVisibility = exports.ensureSchemaOrder = exports.getFieldAriaLabel = exports.getDisplayLabel = exports.deriveExcludeSectionKeys = exports.partitionSchema = exports.flattenSchema = void 0;
 const akidate_1 = require("@akinon/akidate");
 const lodash_es_1 = require("lodash-es");
 const constants_1 = require("../constants");
@@ -10,7 +10,7 @@ const constants_1 = require("../constants");
  */
 const flattenSchema = (schema) => {
     return schema.reduce((acc, field) => {
-        if (field.type === 'section' && 'fields' in field) {
+        if (field.type === constants_1.FIELD_TYPES.SECTION && 'fields' in field) {
             // Recursively flatten nested section fields
             return [
                 ...acc,
@@ -28,7 +28,7 @@ const partitionSchema = (schema) => {
     const regularFields = [];
     const sectionFields = [];
     schema.forEach(field => {
-        if (field.type === 'section') {
+        if (field.type === constants_1.FIELD_TYPES.SECTION) {
             sectionFields.push(field);
         }
         else {
@@ -38,6 +38,10 @@ const partitionSchema = (schema) => {
     return { regularFields, sectionFields };
 };
 exports.partitionSchema = partitionSchema;
+const deriveExcludeSectionKeys = (sectionFields) => new Set(sectionFields
+    .filter(s => s.isExcludeSection)
+    .flatMap(s => s.fields.map(f => String(f.key))));
+exports.deriveExcludeSectionKeys = deriveExcludeSectionKeys;
 const getDisplayLabel = (field) => {
     return field.label || field.placeholder || String(field.key);
 };
@@ -96,15 +100,16 @@ const normaliseValuesBySchema = (schema, values) => {
             return acc;
         }
         const currentValue = values[key];
-        if (field.type === 'date') {
+        if (field.type === constants_1.FIELD_TYPES.DATE) {
             const parsed = akidate_1.akidate.parse(currentValue);
             if (parsed) {
                 acc[key] = parsed;
                 return acc;
             }
         }
-        if (field.type === 'select' &&
-            (field.mode === 'multiple' || field.mode === 'tags') &&
+        if (field.type === constants_1.FIELD_TYPES.SELECT &&
+            (field.mode === constants_1.FIELD_MODES.MULTIPLE ||
+                field.mode === constants_1.FIELD_MODES.TAGS) &&
             currentValue != null &&
             !Array.isArray(currentValue)) {
             acc[key] = [currentValue];

package/dist/cjs/utils/values.js

@@ -13,10 +13,10 @@ const shouldPersistValue = (field, value) => {
     if (Array.isArray(value) && value.length === 0) {
         return false;
     }
-    if ((field === null || field === void 0 ? void 0 : field.type) === 'checkbox' && value !== true) {
+    if ((field === null || field === void 0 ? void 0 : field.type) === constants_1.FIELD_TYPES.CHECKBOX && value !== true) {
         return false;
     }
-    if ((field === null || field === void 0 ? void 0 : field.type) === 'file') {
+    if ((field === null || field === void 0 ? void 0 : field.type) === constants_1.FIELD_TYPES.FILE) {
         return value instanceof File;
     }
     return true;
@@ -33,7 +33,7 @@ const normaliseOutputValues = (schema, values) => {
             return acc;
         }
         let normalisedValue = rawValue;
-        if ((field === null || field === void 0 ? void 0 : field.type) === 'date') {
+        if ((field === null || field === void 0 ? void 0 : field.type) === constants_1.FIELD_TYPES.DATE) {
             const normalised = akidate_1.akidate.toIsoDate(rawValue);
             if (!normalised) {
                 return acc;

package/dist/esm/akifilter.d.ts

@@ -1,5 +1,6 @@
 import './styles.css';
 import { FieldValues, Path } from '@akinon/akiform';
+import { type PanelProps } from '@akinon/ui-collapse';
 import React from 'react';
 import { type AppliedFilter } from './components/applied-filters';
 import type { AkifilterActionsRef, AkifilterSchema } from './types';
@@ -61,6 +62,15 @@ export type AkifilterProps<TFieldValues extends AkifilterFieldValues = Akifilter
      */
     onRemoveExternalFilter?: (key: string) => void;
 };
+export declare const ExpandIcon: ({ isActive }: PanelProps) => {
+    name: "chevron_down";
+    size: number;
+    style: {
+        transform: string;
+        transition: string;
+        marginTop: number;
+    };
+};
 export declare const Akifilter: {
     <TFieldValues extends AkifilterFieldValues = FieldValues>(props: AkifilterProps<TFieldValues>): React.JSX.Element;
     displayName: string;

package/dist/esm/akifilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"akifilter.d.ts","sourceRoot":"","sources":["../../src/akifilter.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAIL,WAAW,EACX,IAAI,EAIL,MAAM,iBAAiB,CAAC;AAazB,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,8BAA8B,CAAC;AAYtC,OAAO,KAAK,EACV,mBAAmB,EAEnB,eAAe,EAChB,MAAM,SAAS,CAAC;AAajB,KAAK,oBAAoB,GAAG,WAAW,CAAC;AA8JxC,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,oBAAoB,GAAG,oBAAoB,IAC9D;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAClD;;;OAGG;IACH,sBAAsB,CAAC,EAAE,aAAa,EAAE,CAAC;IACzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAu1BF,eAAO,MAAM,SAAS;KACpB,YAAY,SAAS,oBAAoB,uBAElC,cAAc,CAAC,YAAY,CAAC;;CAmBpC,CAAC"}
+{"version":3,"file":"akifilter.d.ts","sourceRoot":"","sources":["../../src/akifilter.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAIL,WAAW,EACX,IAAI,EAIL,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAShE,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,8BAA8B,CAAC;AActC,OAAO,KAAK,EACV,mBAAmB,EAEnB,eAAe,EAChB,MAAM,SAAS,CAAC;AAcjB,KAAK,oBAAoB,GAAG,WAAW,CAAC;AAoKxC,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,oBAAoB,GAAG,oBAAoB,IAC9D;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACtC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAClD;;;OAGG;IACH,sBAAsB,CAAC,EAAE,aAAa,EAAE,CAAC;IACzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AA4zBF,eAAO,MAAM,UAAU,GAAI,cAAc,UAAU;;;;;;;;CAQjD,CAAC;AA8CH,eAAO,MAAM,SAAS;KACpB,YAAY,SAAS,oBAAoB,uBAElC,cAAc,CAAC,YAAY,CAAC;;CAmBpC,CAAC"}

package/dist/esm/akifilter.js

@@ -30,12 +30,12 @@ import { themeOverrides } from './common/theme-overrides';
 import { AppliedFilters } from './components/applied-filters';
 import { FilterToolbar } from './components/filter-toolbar';
 import { VisibilityModal } from './components/visibility-modal';
-import { BOOLEAN_STRING, DEFAULT_MODAL_PAGE_SIZE, FILTER_DEBOUNCE_DELAY } from './constants';
+import { BOOLEAN_STRING, DEFAULT_MODAL_PAGE_SIZE, FIELD_MODES, FIELD_TYPES, FILTER_DEBOUNCE_DELAY } from './constants';
 import { useDebouncedValue } from './hooks/use-debounced-value';
 import { useDynamicVisibility } from './hooks/use-dynamic-visibility';
 import { useVisibilityCleanup } from './hooks/use-visibility-cleanup';
 import { i18n } from './i18n';
-import { deriveDefaultVisibleKeys, ensureSchemaOrder, extractDefaultValues, flattenSchema, getFieldAriaLabel, normaliseValuesBySchema, partitionSchema, resolveFieldVisibility } from './utils/schema';
+import { deriveDefaultVisibleKeys, deriveExcludeSectionKeys, ensureSchemaOrder, extractDefaultValues, flattenSchema, getFieldAriaLabel, normaliseValuesBySchema, partitionSchema, resolveFieldVisibility } from './utils/schema';
 import { normaliseOutputValues } from './utils/values';
 const FilterFormItem = (_a) => {
     var _b, _c;
@@ -94,20 +94,24 @@ const resolveClearedFieldValue = (field, defaultValue) => {
         return defaultValue;
     }
     switch (field.type) {
-        case 'text':
-        case 'textarea':
+        case FIELD_TYPES.TEXT:
+        case FIELD_TYPES.TEXTAREA:
             return '';
-        case 'checkbox':
+        case FIELD_TYPES.CHECKBOX:
             return false;
-        case 'number':
-        case 'date':
+        case FIELD_TYPES.NUMBER:
+        case FIELD_TYPES.DATE:
             return null;
-        case 'select':
-            if (field.mode === 'multiple' || field.mode === 'tags') {
+        case FIELD_TYPES.SELECT:
+            if (field.mode === FIELD_MODES.MULTIPLE ||
+                field.mode === FIELD_MODES.TAGS) {
                 return [];
             }
             return null;
-        case 'file':
+        // Custom fields must clear to `null`, not `undefined` (PUF-5666): otherwise
+        // react-hook-form rewrites the cleared value as a "zombie" and resurrects the filter.
+        case FIELD_TYPES.FILE:
+        case FIELD_TYPES.CUSTOM:
             return null;
         default:
             return undefined;
@@ -116,6 +120,7 @@ const resolveClearedFieldValue = (field, defaultValue) => {
 const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onValuesChange, onVisibleFieldsChange, onImportCsv, onImportXls, onClearAll, enableImportCsv, enableImportXls, filterActionsRef, externalAppliedFilters, onRemoveExternalFilter }) => {
     // Separate regular fields from section fields
     const { regularFields, sectionFields } = React.useMemo(() => partitionSchema(filterSchema), [filterSchema]);
+    const excludeSectionKeys = React.useMemo(() => deriveExcludeSectionKeys(sectionFields), [sectionFields]);
     // Flatten schema for storage and form value operations
     const flattenedSchema = React.useMemo(() => flattenSchema(filterSchema), [filterSchema]);
     const storageKey = React.useMemo(() => buildStorageKey(regularFields, storageNamespace), [regularFields, storageNamespace]);
@@ -157,7 +162,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
             if (Array.isArray(currentValue) && currentValue.length === 0) {
                 return acc;
             }
-            if (field.type === 'checkbox' && currentValue !== true) {
+            if (field.type === FIELD_TYPES.CHECKBOX && currentValue !== true) {
                 return acc;
             }
             const label = field.label || field.placeholder || key;
@@ -180,18 +185,20 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                 return resolveLabel(currentValue);
             };
             const resolveValue = () => {
-                if (field.type === 'file') {
+                if (field.type === FIELD_TYPES.FILE) {
                     const fileValue = currentValue;
                     return fileValue instanceof File ? fileValue.name : String(fileValue);
                 }
-                if (field.type === 'select') {
+                if (field.type === FIELD_TYPES.SELECT) {
                     return resolveSelectLabel();
                 }
                 // For custom fields with options (like custom selects), try to find the label
-                if (field.type === 'custom' && 'options' in field && field.options) {
+                if (field.type === FIELD_TYPES.CUSTOM &&
+                    'options' in field &&
+                    field.options) {
                     return resolveSelectLabel();
                 }
-                if (field.type === 'date') {
+                if (field.type === FIELD_TYPES.DATE) {
                     const iso = akidate.toIsoDate(currentValue);
                     if (iso) {
                         // Use localized format with time if showTime is enabled
@@ -218,10 +225,15 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                 }
                 return String(currentValue);
             };
-            acc.push({ key, label, value: resolveValue() });
+            acc.push({
+                key,
+                label,
+                value: resolveValue(),
+                isExclude: excludeSectionKeys.has(key)
+            });
             return acc;
         }, []);
-    }, [flattenedSchema, formValues]);
+    }, [flattenedSchema, formValues, excludeSectionKeys]);
     const resolveInitialVisibleKeys = React.useCallback(() => {
         const storedKeys = readVisibleKeys(regularFields, storageKey);
         const defaultKeys = deriveDefaultVisibleKeys(regularFields);
@@ -257,16 +269,6 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         writeVisibleKeys(storageKey, visibleKeys);
         onVisibleFieldsChange === null || onVisibleFieldsChange === void 0 ? void 0 : onVisibleFieldsChange(visibleKeys);
     }, [visibleKeys, onVisibleFieldsChange, storageKey]);
-    // Track previous mergedDefaultValues to avoid unnecessary resets
-    const previousMergedDefaultValuesRef = React.useRef(null);
-    React.useEffect(() => {
-        const serialised = JSON.stringify(mergedDefaultValues);
-        // Skip if the values haven't actually changed (deep comparison)
-        if (previousMergedDefaultValuesRef.current === serialised) {
-            return;
-        }
-        previousMergedDefaultValuesRef.current = serialised;
-    }, [mergedDefaultValues]);
     const normalisedValues = React.useMemo(() => normaliseOutputValues(flattenedSchema, formValues), [flattenedSchema, formValues]);
     const hasInitialValuesRef = React.useRef(false);
     React.useEffect(() => {
@@ -367,6 +369,9 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                 clearedDefaults[key] = resolved;
             }
         });
+        // clearedDefaults carries an explicit cleared value (e.g. `null` for custom/file
+        // fields) for every key, so reset overwrites stale values instead of leaving the
+        // field untouched and resurrecting the filter (PUF-5666).
         formMethods.reset(clearedDefaults, {
             keepDirty: false,
             keepTouched: false
@@ -419,7 +424,9 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         const updatedFormValues = Object.assign(Object.assign({}, currentFormValues), { [String(schemaField.key)]: nextValue });
         // Normalize the values (removes empty/undefined entries)
         const nextValues = normaliseOutputValues(flattenedSchema, updatedFormValues);
-        // Update form state
+        // updatedFormValues holds an explicit cleared value (e.g. `null` for custom/file
+        // fields) for the removed key, so reset overwrites the stale value rather than
+        // leaving it in place and resurrecting the filter (PUF-5666).
         formMethods.reset(updatedFormValues, {
             keepDirty: false,
             keepTouched: false,
@@ -495,21 +502,21 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         const ariaLabel = getFieldAriaLabel(field);
         const isDisabled = checkIsDisabled(field, formValues !== null && formValues !== void 0 ? formValues : {});
         switch (field.type) {
-            case 'text':
+            case FIELD_TYPES.TEXT:
                 return (React.createElement(Input, { placeholder: field.placeholder, size: "large", allowClear: true, "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'number':
+            case FIELD_TYPES.NUMBER:
                 return (React.createElement(InputNumber, { placeholder: field.placeholder, size: "large", className: "akinon-filter__field--number", "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'select':
+            case FIELD_TYPES.SELECT:
                 return (React.createElement(Select, { placeholder: field.placeholder, size: "large", options: field.options, showSearch: true, optionFilterProp: "label", "aria-label": ariaLabel, disabled: isDisabled, mode: field.mode }));
-            case 'checkbox':
+            case FIELD_TYPES.CHECKBOX:
                 return React.createElement(Checkbox, { disabled: isDisabled }, field.label);
-            case 'date':
+            case FIELD_TYPES.DATE:
                 return (React.createElement(DatePicker, { placeholder: field.placeholder, showTime: field.showTime, suffixIcon: "calendar", suffixIconSize: "16px", "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'textarea':
+            case FIELD_TYPES.TEXTAREA:
                 return (React.createElement(InputTextArea, { placeholder: field.placeholder, autoSize: { minRows: 3, maxRows: 6 }, "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'file':
+            case FIELD_TYPES.FILE:
                 return (React.createElement(FileFilterInput, { accept: field.fileAccept, "aria-label": ariaLabel, disabled: isDisabled }));
-            case 'custom':
+            case FIELD_TYPES.CUSTOM:
                 if (typeof field.render === 'function') {
                     return field.render({
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -521,7 +528,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                     });
                 }
                 return (React.createElement(Text, { type: "secondary", className: "akinon-filter__unsupported" }, i18n.t('form.unsupportedField', { field: String(field.type) })));
-            case 'section':
+            case FIELD_TYPES.SECTION:
                 // Section fields should not be rendered inline
                 // They are rendered separately after the main grid
                 return null;
@@ -530,7 +537,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         }
     };
     const renderFormField = (field) => {
-        return (React.createElement(FilterFormItem, { key: String(field.key), control: formMethods.control, name: field.key, tooltip: field.tooltip, help: field.help, labelDescription: field.labelDescription, required: Boolean(field.validation), className: "mb-0", valuePropName: field.type === 'checkbox' ? 'checked' : undefined }, renderFieldComponent(field)));
+        return (React.createElement(FilterFormItem, { key: String(field.key), control: formMethods.control, name: field.key, tooltip: field.tooltip, help: field.help, labelDescription: field.labelDescription, required: Boolean(field.validation), className: "mb-0", valuePropName: field.type === FIELD_TYPES.CHECKBOX ? 'checked' : undefined }, renderFieldComponent(field)));
     };
     return (React.createElement(Card, { size: "small", className: "akinon-filter shadow", "data-testid": "akifilter-root" },
         React.createElement(ConfigProvider, { theme: themeOverrides },
@@ -542,10 +549,11 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                         visibleFields.map(renderFormField),
                         visibleFields.length === 0 ? (React.createElement("div", { className: "akinon-filter__empty" }, i18n.t('form.noVisibleFields'))) : null),
                     sectionFields.length > 0 && (React.createElement("div", { className: "akinon-filter__section-fields" }, sectionFields.map(section => {
-                        return (React.createElement(Collapse, { key: section.key, defaultActiveKey: section.key, ghost: true, items: [
+                        return (React.createElement(Collapse, { expandIconPosition: "end", key: section.key, expandIcon: ExpandIcon, defaultActiveKey: section.defaultExpanded === false ? [] : [section.key], ghost: true, items: [
                                 {
                                     key: section.key,
-                                    label: section.label,
+                                    label: (React.createElement(Title, { className: "akinon-filter__title", level: 4 }, section.label)),
+                                    headerClass: 'akinon-filter__section-header',
                                     children: (React.createElement("div", { className: "akinon-filter__form-grid" }, section.fields.map(renderFormField)))
                                 }
                             ] }));
@@ -560,6 +568,15 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                     }
                 }, page: modalPage, pageSize: modalPageSize }))));
 };
+export const ExpandIcon = ({ isActive }) => ({
+    name: 'chevron_down',
+    size: 10,
+    style: {
+        transform: isActive ? 'rotate(-180deg)' : 'rotate(0deg)',
+        transition: 'transform 0.2s ease-in-out',
+        marginTop: 8
+    }
+});
 const AkifilterEmptyState = () => {
     const { t } = i18n;
     return (React.createElement(Card, { size: "small", className: "akinon-filter shadow", "data-testid": "akifilter-empty" },

package/dist/esm/components/applied-filters.d.ts

@@ -3,6 +3,7 @@ type AppliedFilter = {
     key: string;
     label: string;
     value: string;
+    isExclude?: boolean;
 };
 type AppliedFiltersProps = {
     filters: AppliedFilter[];

package/dist/esm/components/applied-filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"applied-filters.d.ts","sourceRoot":"","sources":["../../../src/components/applied-filters.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,aAAa,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBAwDrB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"applied-filters.d.ts","sourceRoot":"","sources":["../../../src/components/applied-filters.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,aAAa,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBA+DrB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/applied-filters.js

@@ -9,7 +9,8 @@ export const AppliedFilters = ({ filters, onRemove, onClearAll }) => {
     return (React.createElement("div", { className: "akinon-filter__applied", "data-testid": "akifilter-applied" },
         React.createElement(Space, { className: "akinon-filter__applied-summary", size: 8 },
             React.createElement(Text, { className: "akinon-filter__applied-label" }, i18n.t('applied.label')),
-            hasFilters ? (React.createElement(Space, { className: "akinon-filter__applied-items", size: 8, wrap: true }, filters.map(item => (React.createElement("div", { key: `${item.key}-${item.value}`, className: "akinon-filter__chip" },
+            hasFilters ? (React.createElement(Space, { className: "akinon-filter__applied-items", size: 8, wrap: true }, filters.map(item => (React.createElement("div", { key: `${item.key}-${item.value}`, className: `akinon-filter__chip${item.isExclude ? ' akinon-filter__chip--exclude' : ''}` },
+                item.isExclude ? (React.createElement(Icon, { icon: "exclude", size: 12, className: "akinon-filter__chip-exclude-icon" })) : null,
                 item.label ? (React.createElement("span", { className: "akinon-filter__chip-label" },
                     item.label,
                     ":")) : null,

package/dist/esm/constants.d.ts

@@ -7,4 +7,19 @@ export declare const BOOLEAN_STRING: {
     readonly TRUE: "true";
     readonly FALSE: "false";
 };
+export declare const FIELD_TYPES: {
+    readonly TEXT: "text";
+    readonly NUMBER: "number";
+    readonly SELECT: "select";
+    readonly CHECKBOX: "checkbox";
+    readonly DATE: "date";
+    readonly TEXTAREA: "textarea";
+    readonly SECTION: "section";
+    readonly CUSTOM: "custom";
+    readonly FILE: "file";
+};
+export declare const FIELD_MODES: {
+    readonly TAGS: "tags";
+    readonly MULTIPLE: "multiple";
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/esm/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AAErD,eAAO,MAAM,cAAc;;;CAGjB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAEzC,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AAErD,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;CAUd,CAAC;AAEX,eAAO,MAAM,WAAW;;;CAGd,CAAC"}

package/dist/esm/constants.js

@@ -7,3 +7,18 @@ export const BOOLEAN_STRING = {
     TRUE: 'true',
     FALSE: 'false'
 };
+export const FIELD_TYPES = {
+    TEXT: 'text',
+    NUMBER: 'number',
+    SELECT: 'select',
+    CHECKBOX: 'checkbox',
+    DATE: 'date',
+    TEXTAREA: 'textarea',
+    SECTION: 'section',
+    CUSTOM: 'custom',
+    FILE: 'file'
+};
+export const FIELD_MODES = {
+    TAGS: 'tags',
+    MULTIPLE: 'multiple'
+};

package/dist/esm/styles.css

@@ -47,11 +47,11 @@
   background-color: var(--color-ebonyClay-900);
   flex: 1;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   border-radius: 5px;
   padding: 6px 8px;
   margin-right: 6px;
-  height: 36px;
+  min-height: 36px;
 }
 
 .akinon-filter__applied-label {
@@ -59,16 +59,13 @@
   font-weight: 600;
   font-size: 13px;
   position: relative;
-  top: 1px;
+  white-space: nowrap;
+  top: 7px;
 }
 
-.akinon-filter__common-filters {
-  margin-top: 2rem;
-}
-
-.akinon-filter__common-filters-title {
-  color: var(--color-gray-500);
-  margin-bottom: 1rem;
+.akinon-filter__section-header span {
+  margin-inline-end: unset !important;
+  flex: unset !important;
 }
 
 .akinon-filter__form-grid {
@@ -121,8 +118,10 @@
 
 .akinon-filter__applied-items {
   display: flex;
+  flex: 1;
   flex-wrap: wrap;
   gap: 8px;
+  min-width: 0;
 }
 
 .akinon-filter__chip {
@@ -136,6 +135,16 @@
   height: 24px;
 }
 
+.akinon-filter__chip--exclude {
+  background-color: #ffe0e4;
+  border: 1px solid #ff354e;
+  height: 23px;
+}
+
+.akinon-filter__chip-exclude-icon {
+  margin-right: 5px;
+}
+
 .akinon-filter__chip-label {
   font-weight: 600;
   color: var(--color-ebonyClay-300);
@@ -162,7 +171,7 @@
   color: color(--color-ebonyClay-500);
   font-size: 12px;
   position: relative;
-  top: 1px;
+  top: 8px;
 }
 
 .akinon-filter__modal-list {
@@ -187,13 +196,13 @@
   column-gap: 8px; /* replaces Ant's label padding, zeroed out below */
   line-height: 1.4;
   margin-inline-start: 0; /* override Ant's adjacent-sibling margin */
+  color: var(--color-white);
 }
 
 .akinon-filter__modal-list
   .akinon-filter__modal-checkbox.ant-checkbox-wrapper
   > .ant-checkbox {
   align-self: start;
-  margin-block-start: 0.15em; /* em-relative baseline nudge */
 }
 
 .akinon-filter__modal-list
@@ -253,6 +262,11 @@
   width: auto;
 }
 
+.akinon-filter .akinon-select-multiple .akinon-select-selector {
+  height: 40px;
+  overflow: hidden;
+}
+
 /* Modal window. */
 
 .akinon-filter__modal-toolbar {

package/dist/esm/utils/schema.d.ts

@@ -1,4 +1,5 @@
 import type { FieldValues } from '@akinon/akiform';
+import { FIELD_TYPES } from '../constants';
 import type { AkifilterField, AkifilterSchema } from '../types';
 /**
  * Flattens schema by extracting all nested fields from section fields.
@@ -11,9 +12,17 @@ export declare const flattenSchema: <TFieldValues extends FieldValues = FieldVal
 export declare const partitionSchema: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>) => {
     regularFields: AkifilterSchema<TFieldValues>;
     sectionFields: Array<AkifilterField<TFieldValues> & {
+        type: typeof FIELD_TYPES.SECTION;
         fields: AkifilterSchema<TFieldValues>;
+        defaultExpanded?: boolean;
+        isExcludeSection?: boolean;
     }>;
 };
+export declare const deriveExcludeSectionKeys: <TFieldValues extends FieldValues = FieldValues>(sectionFields: Array<AkifilterField<TFieldValues> & {
+    type: typeof FIELD_TYPES.SECTION;
+    fields: AkifilterSchema<TFieldValues>;
+    isExcludeSection?: boolean;
+}>) => Set<string>;
 export declare const getDisplayLabel: <TFieldValues extends FieldValues = FieldValues>(field: AkifilterField<TFieldValues>) => string;
 export declare const getFieldAriaLabel: <TFieldValues extends FieldValues = FieldValues>(field: AkifilterField<TFieldValues>) => string;
 export declare const ensureSchemaOrder: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>, keys: string[]) => string[];

package/dist/esm/utils/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/utils/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC1E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,eAAe,CAAC,YAAY,CAW9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC;IACD,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,aAAa,EAAE,KAAK,CAClB,cAAc,CAAC,YAAY,CAAC,GAAG;QAC7B,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;KACvC,CACF,CAAC;CAwBH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,MAAM,MAAM,EAAE,KACb,MAAM,EAGR,CAAC;AAkBF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,EACnC,aAAa,YAAY,EACzB,iBAAiB,OAAO,KACvB,OAAO,GAAG,SAC8D,CAAC;AAE5E,eAAO,MAAM,wBAAwB,GACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,MAAM,EAUR,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,OAAO,CAAC,YAAY,CAQtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,YAAY,SAAS,WAAW,EACnE,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,OAA4C,CAAC;AAEhD,eAAO,MAAM,uBAAuB,GAClC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,OAAO,CAAC,YAAY,CAyCtB,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/utils/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,EAAsC,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC1E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,eAAe,CAAC,YAAY,CAW9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC;IACD,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,aAAa,EAAE,KAAK,CAClB,cAAc,CAAC,YAAY,CAAC,GAAG;QAC7B,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;QACtC,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC5B,CACF,CAAC;CAwBH,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,eAAe,KAAK,CAClB,cAAc,CAAC,YAAY,CAAC,GAAG;IAC7B,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACjC,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CACF,KACA,GAAG,CAAC,MAAM,CAKV,CAAC;AAEJ,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,GAAG,WAAW,EAC5E,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,MAEF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,MAAM,MAAM,EAAE,KACb,MAAM,EAGR,CAAC;AAkBF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,EACnC,aAAa,YAAY,EACzB,iBAAiB,OAAO,KACvB,OAAO,GAAG,SAC8D,CAAC;AAE5E,eAAO,MAAM,wBAAwB,GACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,MAAM,EAUR,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,KACpC,OAAO,CAAC,YAAY,CAQtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,YAAY,SAAS,WAAW,EACnE,OAAO,cAAc,CAAC,YAAY,CAAC,KAClC,OAA4C,CAAC;AAEhD,eAAO,MAAM,uBAAuB,GAClC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,OAAO,CAAC,YAAY,CA0CtB,CAAC"}

package/dist/esm/utils/schema.js

@@ -1,13 +1,13 @@
 import { akidate } from '@akinon/akidate';
 import { isBoolean, isFunction } from 'lodash-es';
-import { DEFAULT_VISIBLE_COUNT } from '../constants';
+import { DEFAULT_VISIBLE_COUNT, FIELD_MODES, FIELD_TYPES } from '../constants';
 /**
  * Flattens schema by extracting all nested fields from section fields.
  * This is used for storage operations and form value management.
  */
 export const flattenSchema = (schema) => {
     return schema.reduce((acc, field) => {
-        if (field.type === 'section' && 'fields' in field) {
+        if (field.type === FIELD_TYPES.SECTION && 'fields' in field) {
             // Recursively flatten nested section fields
             return [
                 ...acc,
@@ -24,7 +24,7 @@ export const partitionSchema = (schema) => {
     const regularFields = [];
     const sectionFields = [];
     schema.forEach(field => {
-        if (field.type === 'section') {
+        if (field.type === FIELD_TYPES.SECTION) {
             sectionFields.push(field);
         }
         else {
@@ -33,6 +33,9 @@ export const partitionSchema = (schema) => {
     });
     return { regularFields, sectionFields };
 };
+export const deriveExcludeSectionKeys = (sectionFields) => new Set(sectionFields
+    .filter(s => s.isExcludeSection)
+    .flatMap(s => s.fields.map(f => String(f.key))));
 export const getDisplayLabel = (field) => {
     return field.label || field.placeholder || String(field.key);
 };
@@ -84,15 +87,16 @@ export const normaliseValuesBySchema = (schema, values) => {
             return acc;
         }
         const currentValue = values[key];
-        if (field.type === 'date') {
+        if (field.type === FIELD_TYPES.DATE) {
             const parsed = akidate.parse(currentValue);
             if (parsed) {
                 acc[key] = parsed;
                 return acc;
             }
         }
-        if (field.type === 'select' &&
-            (field.mode === 'multiple' || field.mode === 'tags') &&
+        if (field.type === FIELD_TYPES.SELECT &&
+            (field.mode === FIELD_MODES.MULTIPLE ||
+                field.mode === FIELD_MODES.TAGS) &&
             currentValue != null &&
             !Array.isArray(currentValue)) {
             acc[key] = [currentValue];

package/dist/esm/utils/values.js

@@ -1,5 +1,5 @@
 import { akidate } from '@akinon/akidate';
-import { DATE_FORMAT, DATETIME_FORMAT } from '../constants';
+import { DATE_FORMAT, DATETIME_FORMAT, FIELD_TYPES } from '../constants';
 export const shouldPersistValue = (field, value) => {
     if (value === undefined || value === null) {
         return false;
@@ -10,10 +10,10 @@ export const shouldPersistValue = (field, value) => {
     if (Array.isArray(value) && value.length === 0) {
         return false;
     }
-    if ((field === null || field === void 0 ? void 0 : field.type) === 'checkbox' && value !== true) {
+    if ((field === null || field === void 0 ? void 0 : field.type) === FIELD_TYPES.CHECKBOX && value !== true) {
         return false;
     }
-    if ((field === null || field === void 0 ? void 0 : field.type) === 'file') {
+    if ((field === null || field === void 0 ? void 0 : field.type) === FIELD_TYPES.FILE) {
         return value instanceof File;
     }
     return true;
@@ -29,7 +29,7 @@ export const normaliseOutputValues = (schema, values) => {
             return acc;
         }
         let normalisedValue = rawValue;
-        if ((field === null || field === void 0 ? void 0 : field.type) === 'date') {
+        if ((field === null || field === void 0 ? void 0 : field.type) === FIELD_TYPES.DATE) {
             const normalised = akidate.toIsoDate(rawValue);
             if (!normalised) {
                 return acc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/akifilter",
-  "version": "1.4.4-260521-3",
+  "version": "1.6.0",
   "private": false,
   "description": "Akifilter is a filtering library for Akinon frontend applications.",
   "type": "module",
@@ -15,8 +15,8 @@
     "lodash-es": "^4.17.21",
     "@akinon/akiform": "1.1.9",
     "@akinon/akidate": "1.2.7",
-    "@akinon/icons": "1.3.2",
     "@akinon/akilocale": "1.2.8",
+    "@akinon/icons": "1.3.2",
     "@akinon/ui-button": "1.5.3",
     "@akinon/ui-card": "1.2.10",
     "@akinon/ui-checkbox": "1.4.10",
@@ -29,7 +29,7 @@
     "@akinon/ui-select": "1.4.13",
     "@akinon/ui-space": "1.4.10",
     "@akinon/ui-typography": "1.2.7",
-    "@akinon/ui-upload": "1.5.3"
+    "@akinon/ui-upload": "1.6.0"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -37,8 +37,8 @@
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "*",
+    "@akinon/akiform-builder": "1.6.0",
     "@akinon/typescript-config": "1.1.8",
-    "@akinon/akiform-builder": "1.5.11",
     "@akinon/utils": "1.2.11",
     "@akinon/ui-theme": "1.3.1",
     "@akinon/vitest-config": "1.1.8"