@akinon/akifilter 1.3.6 → 1.4.0

package/dist/cjs/styles.css

@@ -22,13 +22,24 @@
   height: 36px;
 }
 
+.akinon-filter__toolbar-item--file {
+  width: 36px;
+  font-size: 11px;
+  font-weight: bold;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: 2px;
+  padding-inline: 0;
+  padding-block-end: 4px;
+}
+
 .akinon-filter__applied {
   display: flex;
   align-items: center;
   padding: 6px;
   background-color: var(--color-ebonyClay-500);
   border-radius: 6px;
-  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: inset 0 1px 4px 0 var(--color-neutral-1000-20);
   margin-bottom: 1rem;
 }
 
@@ -89,12 +100,13 @@
   color: var(--color-gray-500);
 }
 
-.akinon-filter__section-fields .akinon-collapse-expand-icon .akinon-collapse-arrow {
+.akinon-filter__section-fields
+  .akinon-collapse-expand-icon
+  .akinon-collapse-arrow {
   font-size: 1rem !important;
   color: var(--color-gray-500) !important;
 }
 
-
 @media (max-width: 1024px) {
   .akinon-filter__form-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));

package/dist/cjs/styles.d.ts

@@ -0,0 +1 @@
+declare module '*.css';

package/dist/cjs/types.d.ts

@@ -10,17 +10,19 @@ export interface AkifilterFieldConfig<TFieldValues extends FieldValues = FieldVa
      * Controls whether the field is visible.
      * Can be a boolean or a function that receives form values and returns a boolean.
      */
-    visible?: boolean | ((formValues: TFieldValues) => boolean);
+    visible?: boolean | ((formValues: TFieldValues, currentVisible?: boolean) => boolean);
 }
-export type AkifilterField<TFieldValues extends FieldValues = FieldValues> = FormField<TFieldValues> & {
-    /**
-     * Controls whether the field is shown in the main filter form by default.
-     */
-    isVisible?: boolean;
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type AkifilterField<TFieldValues extends FieldValues = FieldValues> = DistributiveOmit<FormField<TFieldValues>, 'config'> & {
     /**
      * Configuration options for field behavior (disabled, visible).
      */
     config?: AkifilterFieldConfig<TFieldValues>;
+    /**
+     * Accepted file types for file fields (e.g. '.csv,.xls').
+     * Only applicable when `type` is `'file'`.
+     */
+    fileAccept?: string;
 };
 export type AkifilterFieldKey<TFieldValues extends FieldValues = FieldValues> = Path<TFieldValues>;
 export type AkifilterSchema<TFieldValues extends FieldValues = FieldValues> = AkifilterField<TFieldValues>[];
@@ -34,4 +36,5 @@ export interface AkifilterActionsRef {
      */
     clearValue: (keys: string | string[]) => void;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,oBAAoB,CACnC,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,UAAU,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC;IAC7D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,UAAU,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC;CAC7D;AAED,MAAM,MAAM,cAAc,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IACvE,SAAS,CAAC,YAAY,CAAC,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;CAC7C,CAAC;AAEJ,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IAC1E,IAAI,CAAC,YAAY,CAAC,CAAC;AAErB,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IACxE,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;AAEjC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,oBAAoB,CACnC,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,UAAU,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC;IAC7D;;;OAGG;IACH,OAAO,CAAC,EACJ,OAAO,GACP,CAAC,CAAC,UAAU,EAAE,YAAY,EAAE,cAAc,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC;CACvE;AAED,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAC/D,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,KAAK,CAAC;AAEV,MAAM,MAAM,cAAc,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IACvE,gBAAgB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAC5C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IAC1E,IAAI,CAAC,YAAY,CAAC,CAAC;AAErB,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IACxE,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;AAEjC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C"}

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

@@ -17,7 +17,12 @@ export declare const partitionSchema: <TFieldValues extends FieldValues = FieldV
 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[];
+/**
+ * Resolves the visibility of a field.
+ */
+export declare const resolveFieldVisibility: <TFieldValues extends FieldValues = FieldValues>(field: AkifilterField<TFieldValues>, formValues?: TFieldValues, currentVisible?: boolean) => boolean | undefined;
 export declare const deriveDefaultVisibleKeys: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>) => string[];
 export declare const extractDefaultValues: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>) => Partial<TFieldValues>;
+export declare const hasDynamicVisibility: <TFieldValues extends FieldValues>(field: AkifilterField<TFieldValues>) => boolean;
 export declare const normaliseValuesBySchema: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>, values?: Partial<TFieldValues>) => Partial<TFieldValues>;
 //# sourceMappingURL=schema.d.ts.map

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;AAGnD,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;AAEF,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,uBAAuB,GAClC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,SAAS,OAAO,CAAC,YAAY,CAAC,KAC7B,OAAO,CAAC,YAAY,CA+BtB,CAAC"}
+{"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"}

package/dist/cjs/utils/schema.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.normaliseValuesBySchema = exports.extractDefaultValues = exports.deriveDefaultVisibleKeys = 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.partitionSchema = exports.flattenSchema = void 0;
 const akidate_1 = require("@akinon/akidate");
+const lodash_es_1 = require("lodash-es");
 const constants_1 = require("../constants");
 /**
  * Flattens schema by extracting all nested fields from section fields.
@@ -50,12 +51,24 @@ const ensureSchemaOrder = (schema, keys) => {
     return schema.map(field => String(field.key)).filter(key => keySet.has(key));
 };
 exports.ensureSchemaOrder = ensureSchemaOrder;
+const resolveVisibilityValue = (value, formValues, currentVisible) => {
+    if ((0, lodash_es_1.isBoolean)(value))
+        return value;
+    if ((0, lodash_es_1.isFunction)(value))
+        return value(formValues !== null && formValues !== void 0 ? formValues : {}, currentVisible !== null && currentVisible !== void 0 ? currentVisible : false);
+    return undefined;
+};
+/**
+ * Resolves the visibility of a field.
+ */
+const resolveFieldVisibility = (field, formValues, currentVisible) => { var _a; return resolveVisibilityValue((_a = field.config) === null || _a === void 0 ? void 0 : _a.visible, formValues, currentVisible); };
+exports.resolveFieldVisibility = resolveFieldVisibility;
 const deriveDefaultVisibleKeys = (schema) => {
     const explicitKeys = schema
-        .filter(field => field.isVisible)
+        .filter(field => (0, exports.resolveFieldVisibility)(field) === true)
         .map(field => String(field.key));
     if (explicitKeys.length > 0) {
-        return (0, exports.ensureSchemaOrder)(schema, Array.from(new Set(explicitKeys)));
+        return (0, exports.ensureSchemaOrder)(schema, explicitKeys);
     }
     return schema.slice(0, constants_1.DEFAULT_VISIBLE_COUNT).map(field => String(field.key));
 };
@@ -70,6 +83,8 @@ const extractDefaultValues = (schema) => {
     }, {});
 };
 exports.extractDefaultValues = extractDefaultValues;
+const hasDynamicVisibility = (field) => { var _a; return (0, lodash_es_1.isFunction)((_a = field.config) === null || _a === void 0 ? void 0 : _a.visible); };
+exports.hasDynamicVisibility = hasDynamicVisibility;
 const normaliseValuesBySchema = (schema, values) => {
     if (!values) {
         return {};
@@ -88,6 +103,13 @@ const normaliseValuesBySchema = (schema, values) => {
                 return acc;
             }
         }
+        if (field.type === 'select' &&
+            (field.mode === 'multiple' || field.mode === 'tags') &&
+            currentValue != null &&
+            !Array.isArray(currentValue)) {
+            acc[key] = [currentValue];
+            return acc;
+        }
         acc[key] = currentValue;
         return acc;
     }, {});

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

@@ -1 +1 @@
-{"version":3,"file":"values.d.ts","sourceRoot":"","sources":["../../../src/utils/values.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,kBAAkB,GAC7B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,GAAG,SAAS,EAC/C,OAAO,OAAO,KACb,OAkBF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,SAAS,OAAO,CAAC,YAAY,CAAC,GAAG,WAAW,KAC3C,OAAO,CAAC,YAAY,CAkCtB,CAAC"}
+{"version":3,"file":"values.d.ts","sourceRoot":"","sources":["../../../src/utils/values.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,kBAAkB,GAC7B,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,OAAO,cAAc,CAAC,YAAY,CAAC,GAAG,SAAS,EAC/C,OAAO,OAAO,KACb,OAsBF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,QAAQ,eAAe,CAAC,YAAY,CAAC,EACrC,SAAS,OAAO,CAAC,YAAY,CAAC,GAAG,WAAW,KAC3C,OAAO,CAAC,YAAY,CAkCtB,CAAC"}

package/dist/cjs/utils/values.js

@@ -16,6 +16,9 @@ const shouldPersistValue = (field, value) => {
     if ((field === null || field === void 0 ? void 0 : field.type) === 'checkbox' && value !== true) {
         return false;
     }
+    if ((field === null || field === void 0 ? void 0 : field.type) === 'file') {
+        return value instanceof File;
+    }
     return true;
 };
 exports.shouldPersistValue = shouldPersistValue;

package/dist/esm/akifilter.d.ts

@@ -1,6 +1,7 @@
 import './styles.css';
 import { FieldValues, Path } from '@akinon/akiform';
 import React from 'react';
+import { type AppliedFilter } from './components/applied-filters';
 import type { AkifilterActionsRef, AkifilterSchema } from './types';
 type AkifilterFieldValues = FieldValues;
 export type AkifilterProps<TFieldValues extends AkifilterFieldValues = AkifilterFieldValues> = {
@@ -25,13 +26,15 @@ export type AkifilterProps<TFieldValues extends AkifilterFieldValues = Akifilter
      */
     onVisibleFieldsChange?: (keys: Array<Path<TFieldValues>>) => void;
     /**
-     * Triggered when user opts to import filters via CSV.
+     * Triggered when user selects a file via the CSV import button.
+     * Receives the selected File object.
      */
-    onImportCsv?: () => void;
+    onImportCsv?: (file: File) => void;
     /**
-     * Triggered when user opts to import filters via XLS/XLSX.
+     * Triggered when user selects a file via the XLS import button.
+     * Receives the selected File object.
      */
-    onImportXls?: () => void;
+    onImportXls?: (file: File) => void;
     /**
      * Triggered when user requests clearing all filters.
      */
@@ -48,6 +51,15 @@ export type AkifilterProps<TFieldValues extends AkifilterFieldValues = Akifilter
      * Ref to access imperative filter actions like clearing values.
      */
     filterActionsRef?: React.Ref<AkifilterActionsRef>;
+    /**
+     * Additional chips to display in the applied filters area alongside form-based filters.
+     * Useful for out-of-band filters such as file uploads.
+     */
+    externalAppliedFilters?: AppliedFilter[];
+    /**
+     * Called when the user removes an externally-provided chip.
+     */
+    onRemoveExternalFilter?: (key: string) => void;
 };
 export declare const Akifilter: {
     <TFieldValues extends AkifilterFieldValues = FieldValues>(props: AkifilterProps<TFieldValues>): React.JSX.Element;

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;AAWzB,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,OAAO,KAAK,EACV,mBAAmB,EAEnB,eAAe,EAChB,MAAM,SAAS,CAAC;AAYjB,KAAK,oBAAoB,GAAG,WAAW,CAAC;AA0HxC,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;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;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;CACnD,CAAC;AA8wBF,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;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"}

package/dist/esm/akifilter.js

@@ -21,6 +21,7 @@ import { Input, InputTextArea } from '@akinon/ui-input';
 import { InputNumber } from '@akinon/ui-input-number';
 import { Select } from '@akinon/ui-select';
 import { Text, Title } from '@akinon/ui-typography';
+import { Upload } from '@akinon/ui-upload';
 import { ConfigProvider } from 'antd';
 import React from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
@@ -31,8 +32,10 @@ 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 { 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 } from './utils/schema';
+import { deriveDefaultVisibleKeys, ensureSchemaOrder, extractDefaultValues, flattenSchema, getFieldAriaLabel, normaliseValuesBySchema, partitionSchema, resolveFieldVisibility } from './utils/schema';
 import { normaliseOutputValues } from './utils/values';
 const FilterFormItem = (_a) => {
     var _b, _c;
@@ -60,6 +63,21 @@ const FilterFormItem = (_a) => {
     });
     return (React.createElement(Akiform.Item, Object.assign({}, props, { validateStatus: fieldState.invalid ? 'error' : undefined, help: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.help, className: props.className }), childrenWithProps));
 };
+const FileFilterInput = ({ value, onChange, accept, disabled, 'aria-label': ariaLabel }) => {
+    const handleBeforeUpload = (file) => {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange((_a = file.originFileObj) !== null && _a !== void 0 ? _a : file);
+        // Prevent antd from uploading automatically
+        return false;
+    };
+    const handleRemove = () => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(null);
+    };
+    const fileList = value
+        ? [{ uid: value.name, name: value.name, originFileObj: value }]
+        : [];
+    return (React.createElement(Upload, { accept: accept, beforeUpload: handleBeforeUpload, onRemove: handleRemove, fileList: fileList, maxCount: 1, disabled: disabled, "aria-label": ariaLabel }));
+};
 /**
  * Checks if a field should be disabled based on config.disabled property.
  */
@@ -71,17 +89,6 @@ const checkIsDisabled = (field, formValues) => {
     }
     return Boolean(configDisabled);
 };
-/**
- * Checks if a field should be visible based on config.visible property.
- */
-const checkIsVisible = (field, formValues) => {
-    var _a;
-    const configVisible = (_a = field.config) === null || _a === void 0 ? void 0 : _a.visible;
-    if (typeof configVisible === 'function') {
-        return configVisible(formValues);
-    }
-    return configVisible !== false;
-};
 const resolveClearedFieldValue = (field, defaultValue) => {
     if (defaultValue !== undefined) {
         return defaultValue;
@@ -94,13 +101,19 @@ const resolveClearedFieldValue = (field, defaultValue) => {
             return false;
         case 'number':
         case 'date':
+            return null;
         case 'select':
+            if (field.mode === 'multiple' || field.mode === 'tags') {
+                return [];
+            }
+            return null;
+        case 'file':
             return null;
         default:
             return undefined;
     }
 };
-const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onValuesChange, onVisibleFieldsChange, onImportCsv, onImportXls, onClearAll, enableImportCsv, enableImportXls, filterActionsRef }) => {
+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]);
     // Flatten schema for storage and form value operations
@@ -148,15 +161,29 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                 return acc;
             }
             const label = field.label || field.placeholder || key;
-            const resolveSelectLabel = () => {
+            const fieldOptions = 'options' in field && field.options ? field.options : undefined;
+            const resolveLabel = (val) => {
                 var _a;
-                if (!('options' in field) || !field.options) {
+                const match = fieldOptions === null || fieldOptions === void 0 ? void 0 : fieldOptions.find(option => option.value === val);
+                return String((_a = match === null || match === void 0 ? void 0 : match.label) !== null && _a !== void 0 ? _a : val);
+            };
+            const resolveArrayLabels = (values) => {
+                return values.map(resolveLabel).join(', ');
+            };
+            const resolveSelectLabel = () => {
+                if (!fieldOptions) {
                     return String(currentValue);
                 }
-                const match = field.options.find(option => option.value === currentValue);
-                return String((_a = match === null || match === void 0 ? void 0 : match.label) !== null && _a !== void 0 ? _a : currentValue);
+                if (Array.isArray(currentValue)) {
+                    return resolveArrayLabels(currentValue);
+                }
+                return resolveLabel(currentValue);
             };
             const resolveValue = () => {
+                if (field.type === 'file') {
+                    const fileValue = currentValue;
+                    return fileValue instanceof File ? fileValue.name : String(fileValue);
+                }
                 if (field.type === 'select') {
                     return resolveSelectLabel();
                 }
@@ -175,7 +202,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
                     }
                 }
                 if (Array.isArray(currentValue)) {
-                    return currentValue.map((value) => String(value)).join(', ');
+                    return resolveArrayLabels(currentValue);
                 }
                 if (typeof currentValue === 'boolean') {
                     return currentValue ? BOOLEAN_STRING.TRUE : BOOLEAN_STRING.FALSE;
@@ -197,10 +224,24 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
     }, [flattenedSchema, formValues]);
     const resolveInitialVisibleKeys = React.useCallback(() => {
         const storedKeys = readVisibleKeys(regularFields, storageKey);
-        if (storedKeys && storedKeys.length > 0) {
-            return ensureSchemaOrder(regularFields, storedKeys);
-        }
-        return deriveDefaultVisibleKeys(regularFields);
+        const defaultKeys = deriveDefaultVisibleKeys(regularFields);
+        const baseKeys = storedKeys && storedKeys.length > 0
+            ? ensureSchemaOrder(regularFields, storedKeys)
+            : defaultKeys;
+        return regularFields.reduce((acc, field) => {
+            const key = String(field.key);
+            const explicitVisibility = resolveFieldVisibility(field);
+            if (explicitVisibility !== undefined) {
+                if (explicitVisibility)
+                    acc.push(key);
+                return acc;
+            }
+            // No explicit boolean visibility, use stored/default
+            if (baseKeys.includes(key)) {
+                acc.push(key);
+            }
+            return acc;
+        }, []);
     }, [regularFields, storageKey]);
     const [visibleKeys, setVisibleKeys] = React.useState(resolveInitialVisibleKeys);
     React.useEffect(() => {
@@ -425,8 +466,31 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
         const start = (modalPage - 1) * modalPageSize;
         return filteredFields.slice(start, start + modalPageSize);
     }, [filteredFields, modalPage, modalPageSize]);
-    const visibleFields = React.useMemo(() => regularFields.filter(field => visibleKeys.includes(String(field.key)) &&
-        checkIsVisible(field, formValues !== null && formValues !== void 0 ? formValues : {})), [regularFields, visibleKeys, formValues]);
+    const visibleFields = React.useMemo(() => regularFields.filter(field => visibleKeys.includes(String(field.key))), [regularFields, visibleKeys]);
+    // Dynamic visibility
+    useDynamicVisibility({
+        regularFields,
+        formValues: normalisedValues,
+        setVisibleKeys
+    });
+    // Visibility cleanup
+    useVisibilityCleanup({
+        visibleKeys,
+        regularFields,
+        onRemove: handleRemoveFilter
+    });
+    const handleAppliedFilterRemove = React.useCallback((key) => {
+        if (externalAppliedFilters === null || externalAppliedFilters === void 0 ? void 0 : externalAppliedFilters.some(f => f.key === key)) {
+            onRemoveExternalFilter === null || onRemoveExternalFilter === void 0 ? void 0 : onRemoveExternalFilter(key);
+        }
+        else {
+            handleRemoveFilter(key);
+        }
+    }, [externalAppliedFilters, onRemoveExternalFilter, handleRemoveFilter]);
+    const handleClearAllApplied = React.useCallback(() => {
+        handleClearAll();
+        externalAppliedFilters === null || externalAppliedFilters === void 0 ? void 0 : externalAppliedFilters.forEach(f => onRemoveExternalFilter === null || onRemoveExternalFilter === void 0 ? void 0 : onRemoveExternalFilter(f.key));
+    }, [handleClearAll, externalAppliedFilters, onRemoveExternalFilter]);
     const renderFieldComponent = (field) => {
         const ariaLabel = getFieldAriaLabel(field);
         const isDisabled = checkIsDisabled(field, formValues !== null && formValues !== void 0 ? formValues : {});
@@ -436,17 +500,20 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
             case 'number':
                 return (React.createElement(InputNumber, { placeholder: field.placeholder, size: "large", className: "akinon-filter__field--number", "aria-label": ariaLabel, disabled: isDisabled }));
             case 'select':
-                return (React.createElement(Select, { placeholder: field.placeholder, size: "large", options: field.options, showSearch: true, optionFilterProp: "label", "aria-label": ariaLabel, disabled: isDisabled }));
+                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':
                 return React.createElement(Checkbox, { disabled: isDisabled }, field.label);
             case 'date':
                 return (React.createElement(DatePicker, { placeholder: field.placeholder, showTime: field.showTime, suffixIcon: "calendar", suffixIconSize: "16px", "aria-label": ariaLabel, disabled: isDisabled }));
             case 'textarea':
                 return (React.createElement(InputTextArea, { placeholder: field.placeholder, autoSize: { minRows: 3, maxRows: 6 }, "aria-label": ariaLabel, disabled: isDisabled }));
+            case 'file':
+                return (React.createElement(FileFilterInput, { accept: field.fileAccept, "aria-label": ariaLabel, disabled: isDisabled }));
             case 'custom':
                 if (typeof field.render === 'function') {
                     return field.render({
-                        field,
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        field: field,
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         control: formMethods.control,
                         formValues: formMethods.getValues(),
@@ -468,7 +535,7 @@ const AkifilterContent = ({ filterSchema, storageNamespace, defaultValues, onVal
     return (React.createElement(Card, { size: "small", className: "akinon-filter shadow", "data-testid": "akifilter-root" },
         React.createElement(ConfigProvider, { theme: themeOverrides },
             React.createElement(FilterToolbar, { onOpenModal: handleOpenModal, enableImportCsv: enableImportCsv, enableImportXls: enableImportXls, onImportCsv: onImportCsv, onImportXls: onImportXls }),
-            React.createElement(AppliedFilters, { filters: appliedFilters, onRemove: handleRemoveFilter, onClearAll: handleClearAll }),
+            React.createElement(AppliedFilters, { filters: [...appliedFilters, ...(externalAppliedFilters !== null && externalAppliedFilters !== void 0 ? externalAppliedFilters : [])], onRemove: handleAppliedFilterRemove, onClearAll: handleClearAllApplied }),
             React.createElement("div", { className: "akinon-filter__body" },
                 React.createElement(Akiform, { layout: "vertical", className: "akinon-filter__form" },
                     React.createElement("div", { className: "akinon-filter__form-grid", "data-testid": "akifilter-form-grid" },

package/dist/esm/common/storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/common/storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAqB/C,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,EAC9D,QAAQ,cAAc,CAAC,YAAY,CAAC,EAAE,EACtC,YAAY,MAAM,KACjB,MAKF,CAAC;AAIF,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,EAC9D,QAAQ,cAAc,CAAC,YAAY,CAAC,EAAE,EACtC,YAAY,MAAM,KACjB,MAAM,EAAE,GAAG,IAoBb,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,EAAE,MAAM,MAAM,EAAE,KAAG,IAQrE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,KAAG,IAQrD,CAAC;AAKF,eAAO,MAAM,gBAAgB,GAAI,YAAY,SAAS,WAAW,EAC/D,QAAQ,cAAc,CAAC,YAAY,CAAC,EAAE,EACtC,YAAY,MAAM,KACjB,OAAO,CAAC,YAAY,CAAC,GAAG,IA+B1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,SAAS,WAAW,EAChE,YAAY,MAAM,EAClB,QAAQ,OAAO,CAAC,YAAY,CAAC,KAC5B,IAeF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,KAAG,IAQtD,CAAC"}
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/common/storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA2B/C,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,EAC9D,QAAQ,cAAc,CAAC,YAAY,CAAC,EAAE,EACtC,YAAY,MAAM,KACjB,MAKF,CAAC;AAIF,eAAO,MAAM,eAAe,GAAI,YAAY,SAAS,WAAW,EAC9D,QAAQ,cAAc,CAAC,YAAY,CAAC,EAAE,EACtC,YAAY,MAAM,KACjB,MAAM,EAAE,GAAG,IAoBb,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,EAAE,MAAM,MAAM,EAAE,KAAG,IAQrE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,KAAG,IAQrD,CAAC;AAKF,eAAO,MAAM,gBAAgB,GAAI,YAAY,SAAS,WAAW,EAC/D,QAAQ,cAAc,CAAC,YAAY,CAAC,EAAE,EACtC,YAAY,MAAM,KACjB,OAAO,CAAC,YAAY,CAAC,GAAG,IA+B1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,SAAS,WAAW,EAChE,YAAY,MAAM,EAClB,QAAQ,OAAO,CAAC,YAAY,CAAC,KAC5B,IAeF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,KAAG,IAQtD,CAAC"}

package/dist/esm/common/storage.js

@@ -11,7 +11,12 @@ const hashString = (value) => {
     return Math.abs(hash).toString(36);
 };
 const buildSchemaSignature = (schema) => {
-    return schema.map(field => `${String(field.key)}:${field.type}`).join('|');
+    return schema
+        .map(field => {
+        const mode = field.type === 'select' && field.mode ? `:${field.mode}` : '';
+        return `${String(field.key)}:${field.type}${mode}`;
+    })
+        .join('|');
 };
 export const buildStorageKey = (schema, namespace) => {
     const signature = buildSchemaSignature(schema);

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,sBAoDrB,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;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"}

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

@@ -10,9 +10,9 @@ export const AppliedFilters = ({ filters, onRemove, onClearAll }) => {
         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" },
-                React.createElement("span", { className: "akinon-filter__chip-label" },
+                item.label ? (React.createElement("span", { className: "akinon-filter__chip-label" },
                     item.label,
-                    ":"),
+                    ":")) : null,
                 React.createElement("span", { className: "akinon-filter__chip-value" }, item.value),
                 React.createElement("button", { type: "button", "aria-label": i18n.t('applied.clearSingle', {
                         field: item.label

package/dist/esm/components/filter-toolbar.d.ts

@@ -3,8 +3,8 @@ type FilterToolbarProps = {
     onOpenModal: () => void;
     enableImportCsv?: boolean;
     enableImportXls?: boolean;
-    onImportCsv?: () => void;
-    onImportXls?: () => void;
+    onImportCsv?: (file: File) => void;
+    onImportXls?: (file: File) => void;
 };
 export declare const FilterToolbar: ({ onOpenModal, enableImportCsv, enableImportXls, onImportCsv, onImportXls }: FilterToolbarProps) => React.JSX.Element;
 export {};

package/dist/esm/components/filter-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/filter-toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,6EAM3B,kBAAkB,sBAwCpB,CAAC"}
+{"version":3,"file":"filter-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/filter-toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,kBAAkB,GAAG;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC,CAAC;AAgDF,eAAO,MAAM,aAAa,GAAI,6EAM3B,kBAAkB,sBAoCpB,CAAC"}

package/dist/esm/components/filter-toolbar.js

@@ -3,11 +3,27 @@ import { Space } from '@akinon/ui-space';
 import { Title } from '@akinon/ui-typography';
 import React from 'react';
 import { i18n } from '../i18n';
+const FileImportButton = ({ accept, label, onImport }) => {
+    const inputRef = React.useRef(null);
+    const handleClick = () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
+    const handleChange = (e) => {
+        var _a;
+        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file) {
+            onImport(file);
+        }
+        // Reset so same file can be re-selected
+        e.target.value = '';
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { ref: inputRef, type: "file", accept: accept, style: { display: 'none' }, onChange: handleChange }),
+        React.createElement(Button, { className: "akinon-filter__toolbar-item akinon-filter__toolbar-item--file", icon: "filter", iconSize: 13, onClick: handleClick, type: "primary", title: label, "aria-label": label }, label)));
+};
 export const FilterToolbar = ({ onOpenModal, enableImportCsv, enableImportXls, onImportCsv, onImportXls }) => {
     return (React.createElement("div", { className: "akinon-filter__top" },
         React.createElement(Title, { className: "akinon-filter__title", level: 4 }, i18n.t('header.title')),
         React.createElement(Space, { className: "akinon-filter__toolbar", size: 6 },
-            enableImportCsv && onImportCsv ? (React.createElement(Button, { className: "akinon-filter__toolbar-item", onClick: onImportCsv, type: "primary" }, i18n.t('header.actions.importCsv'))) : null,
-            enableImportXls && onImportXls ? (React.createElement(Button, { className: "akinon-filter__toolbar-item", onClick: onImportXls, type: "primary" }, i18n.t('header.actions.importXls'))) : null,
+            enableImportCsv && onImportCsv ? (React.createElement(FileImportButton, { accept: ".csv", label: i18n.t('header.actions.importCsv'), onImport: onImportCsv })) : null,
+            enableImportXls && onImportXls ? (React.createElement(FileImportButton, { accept: ".xls,.xlsx", label: i18n.t('header.actions.importXls'), onImport: onImportXls })) : null,
             React.createElement(Button, { className: "akinon-filter__toolbar-item", icon: "filter", iconSize: 16, onClick: onOpenModal, type: "primary", title: i18n.t('header.actions.selectFilters'), "aria-label": i18n.t('header.actions.selectFilters') }))));
 };

package/dist/esm/filter-builder.d.ts

@@ -1,9 +1,9 @@
 import type { FieldValues } from '@akinon/akiform';
 import { field } from '@akinon/akiform-builder';
-import type { AkifilterField } from './types';
+import type { AkifilterField, AkifilterFieldConfig } from './types';
 type BaseBuilder<TFieldValues extends FieldValues> = ReturnType<typeof field<TFieldValues>>;
-type AkifilterFieldBuilder<TFieldValues extends FieldValues> = BaseBuilder<TFieldValues> & {
-    visible(isVisible?: boolean): AkifilterFieldBuilder<TFieldValues>;
+type AkifilterFieldBuilder<TFieldValues extends FieldValues> = Omit<BaseBuilder<TFieldValues>, 'build' | 'config'> & {
+    config(cfg: AkifilterFieldConfig<TFieldValues>): AkifilterFieldBuilder<TFieldValues>;
     build(): AkifilterField<TFieldValues>;
 };
 export declare const filterField: <TFieldValues extends FieldValues = FieldValues>() => AkifilterFieldBuilder<TFieldValues>;

package/dist/esm/filter-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-builder.d.ts","sourceRoot":"","sources":["../../src/filter-builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,WAAW,CAAC,YAAY,SAAS,WAAW,IAAI,UAAU,CAC7D,OAAO,KAAK,CAAC,YAAY,CAAC,CAC3B,CAAC;AAEF,KAAK,qBAAqB,CAAC,YAAY,SAAS,WAAW,IACzD,WAAW,CAAC,YAAY,CAAC,GAAG;IAC1B,OAAO,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAClE,KAAK,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;CACvC,CAAC;AAEJ,eAAO,MAAM,WAAW,GACtB,YAAY,SAAS,WAAW,GAAG,WAAW,0CA8B/C,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"filter-builder.d.ts","sourceRoot":"","sources":["../../src/filter-builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,WAAW,CAAC,YAAY,SAAS,WAAW,IAAI,UAAU,CAC7D,OAAO,KAAK,CAAC,YAAY,CAAC,CAC3B,CAAC;AAEF,KAAK,qBAAqB,CAAC,YAAY,SAAS,WAAW,IAAI,IAAI,CACjE,WAAW,CAAC,YAAY,CAAC,EACzB,OAAO,GAAG,QAAQ,CACnB,GAAG;IACF,MAAM,CACJ,GAAG,EAAE,oBAAoB,CAAC,YAAY,CAAC,GACtC,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACvC,KAAK,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,YAAY,SAAS,WAAW,GAAG,WAAW,0CA+B/C,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/esm/filter-builder.js

@@ -1,21 +1,18 @@
 import { field } from '@akinon/akiform-builder';
 export const filterField = () => {
     const baseBuilder = field();
-    let visibility;
+    let fieldConfig;
     const builder = baseBuilder;
-    builder.visible = (isVisible = true) => {
-        visibility = isVisible;
+    builder.config = cfg => {
+        fieldConfig = Object.assign(Object.assign({}, fieldConfig), cfg);
         return builder;
     };
     const originalBuild = baseBuilder.build.bind(baseBuilder);
     builder.build = () => {
         const builtField = originalBuild();
         const filterFieldDefinition = Object.assign({}, builtField);
-        if (visibility !== undefined) {
-            filterFieldDefinition.isVisible = visibility;
-        }
-        else {
-            delete filterFieldDefinition.isVisible;
+        if (fieldConfig !== undefined) {
+            filterFieldDefinition.config = Object.assign(Object.assign({}, filterFieldDefinition.config), fieldConfig);
         }
         return filterFieldDefinition;
     };

package/dist/esm/hooks/use-dynamic-visibility.d.ts

@@ -0,0 +1,8 @@
+import type { FieldValues } from '@akinon/akiform';
+import type { AkifilterSchema } from '../types';
+export declare const useDynamicVisibility: <TFieldValues extends FieldValues>({ regularFields, formValues, setVisibleKeys }: {
+    regularFields: AkifilterSchema<TFieldValues>;
+    formValues: Partial<TFieldValues> | undefined;
+    setVisibleKeys: React.Dispatch<React.SetStateAction<string[]>>;
+}) => void;
+//# sourceMappingURL=use-dynamic-visibility.d.ts.map

package/dist/esm/hooks/use-dynamic-visibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dynamic-visibility.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-dynamic-visibility.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA0ChD,eAAO,MAAM,oBAAoB,GAAI,YAAY,SAAS,WAAW,EAAE,+CAIpE;IACD,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IAC9C,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAChE,SAcA,CAAC"}