@akinon/akifilter 0.5.4 → 1.0.1

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppliedFilters = void 0;
+const icons_1 = require("@akinon/icons");
+const ui_button_1 = require("@akinon/ui-button");
+const ui_space_1 = require("@akinon/ui-space");
+const ui_typography_1 = require("@akinon/ui-typography");
+const react_1 = require("react");
+const i18n_1 = require("../i18n");
+const AppliedFilters = ({ filters, onRemove, onClearAll }) => {
+    const hasFilters = filters.length > 0;
+    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" },
+                react_1.default.createElement("span", { className: "akinon-filter__chip-label" },
+                    item.label,
+                    ":"),
+                react_1.default.createElement("span", { className: "akinon-filter__chip-value" }, item.value),
+                react_1.default.createElement("button", { type: "button", "aria-label": i18n_1.i18n.t('applied.clearSingle', {
+                        field: item.label
+                    }), className: "akinon-filter__chip-button", onClick: () => onRemove(item.key) },
+                    react_1.default.createElement(icons_1.Icon, { icon: "no", size: 16 }))))))) : (react_1.default.createElement(ui_typography_1.Text, { className: "akinon-filter__applied-empty" }, i18n_1.i18n.t('applied.empty')))),
+        react_1.default.createElement(ui_button_1.Button, { className: "akinon-filter__clear", icon: "bin", iconSize: 16, onClick: onClearAll, size: "small", type: "icon", title: i18n_1.i18n.t('applied.clearAll'), "aria-label": i18n_1.i18n.t('applied.clearAll'), disabled: !hasFilters })));
+};
+exports.AppliedFilters = AppliedFilters;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+type FilterToolbarProps = {
+    onOpenModal: () => void;
+    enableImportCsv?: boolean;
+    enableImportXls?: boolean;
+    onImportCsv?: () => void;
+    onImportXls?: () => void;
+};
+export declare const FilterToolbar: ({ onOpenModal, enableImportCsv, enableImportXls, onImportCsv, onImportXls }: FilterToolbarProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=filter-toolbar.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterToolbar = void 0;
+const ui_button_1 = require("@akinon/ui-button");
+const ui_space_1 = require("@akinon/ui-space");
+const ui_typography_1 = require("@akinon/ui-typography");
+const react_1 = require("react");
+const i18n_1 = require("../i18n");
+const FilterToolbar = ({ onOpenModal, enableImportCsv, enableImportXls, onImportCsv, onImportXls }) => {
+    return (react_1.default.createElement("div", { className: "akinon-filter__top" },
+        react_1.default.createElement(ui_typography_1.Title, { className: "akinon-filter__title", level: 4 }, i18n_1.i18n.t('header.title')),
+        react_1.default.createElement(ui_space_1.Space, { className: "akinon-filter__toolbar", size: 6 },
+            enableImportCsv && onImportCsv ? (react_1.default.createElement(ui_button_1.Button, { className: "akinon-filter__toolbar-item", onClick: onImportCsv, type: "primary" }, i18n_1.i18n.t('header.actions.importCsv'))) : null,
+            enableImportXls && onImportXls ? (react_1.default.createElement(ui_button_1.Button, { className: "akinon-filter__toolbar-item", onClick: onImportXls, type: "primary" }, i18n_1.i18n.t('header.actions.importXls'))) : null,
+            react_1.default.createElement(ui_button_1.Button, { className: "akinon-filter__toolbar-item", icon: "filter", iconSize: 16, onClick: onOpenModal, type: "primary", title: i18n_1.i18n.t('header.actions.selectFilters'), "aria-label": i18n_1.i18n.t('header.actions.selectFilters') }))));
+};
+exports.FilterToolbar = FilterToolbar;

package/dist/cjs/components/visibility-modal.d.ts

@@ -0,0 +1,19 @@
+import type { FieldValues } from '@akinon/akiform';
+import React from 'react';
+import type { AkifilterField } from '../types';
+type VisibilityModalProps<TFieldValues extends FieldValues = FieldValues> = {
+    open: boolean;
+    searchTerm: string;
+    paginatedFields: AkifilterField<TFieldValues>[];
+    filteredCount: number;
+    visibleKeys: string[];
+    onClose: () => void;
+    onSearchTermChange: (value: string) => void;
+    onToggleVisibility: (key: string) => void;
+    onPaginationChange: (page: number, pageSize: number) => void;
+    page: number;
+    pageSize: number;
+};
+export declare const VisibilityModal: <TFieldValues extends FieldValues = FieldValues>({ open, searchTerm, paginatedFields, filteredCount, visibleKeys, onClose, onSearchTermChange, onToggleVisibility, onPaginationChange, page, pageSize }: VisibilityModalProps<TFieldValues>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=visibility-modal.d.ts.map

package/dist/cjs/components/visibility-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-modal.d.ts","sourceRoot":"","sources":["../../../src/components/visibility-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,KAAK,oBAAoB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IAAI;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;IAChD,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,wJAYC,oBAAoB,CAAC,YAAY,CAAC,sBAmEpC,CAAC"}

package/dist/cjs/components/visibility-modal.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityModal = void 0;
+const icons_1 = require("@akinon/icons");
+const ui_checkbox_1 = require("@akinon/ui-checkbox");
+const ui_input_1 = require("@akinon/ui-input");
+const ui_modal_1 = require("@akinon/ui-modal");
+const ui_pagination_1 = require("@akinon/ui-pagination");
+const ui_typography_1 = require("@akinon/ui-typography");
+const react_1 = require("react");
+const i18n_1 = require("../i18n");
+const schema_1 = require("../utils/schema");
+const VisibilityModal = ({ open, searchTerm, paginatedFields, filteredCount, visibleKeys, onClose, onSearchTermChange, onToggleVisibility, onPaginationChange, page, pageSize }) => {
+    const handleSearchChange = react_1.default.useCallback(event => {
+        onSearchTermChange(event.target.value);
+    }, [onSearchTermChange]);
+    return (react_1.default.createElement(ui_modal_1.Modal, { className: "akinon-filter__modal", open: open, onCancel: onClose, footer: null, width: 680, title: i18n_1.i18n.t('modal.title'), destroyOnClose: true },
+        react_1.default.createElement("div", { className: "akinon-filter__modal-toolbar" },
+            react_1.default.createElement(ui_input_1.Input, { allowClear: true, prefix: react_1.default.createElement(icons_1.Icon, { icon: "search", size: "16", className: "mr-2" }), placeholder: i18n_1.i18n.t('modal.searchPlaceholder'), value: searchTerm, onChange: event => {
+                    handleSearchChange(event);
+                    onPaginationChange(1, pageSize);
+                }, size: "large" })),
+        react_1.default.createElement("div", { className: "akinon-filter__modal-list" }, paginatedFields.length === 0 ? (react_1.default.createElement(ui_typography_1.Text, { type: "secondary" }, i18n_1.i18n.t('modal.empty'))) : (paginatedFields.map(field => {
+            const key = String(field.key);
+            return (react_1.default.createElement(ui_checkbox_1.Checkbox, { key: key, checked: visibleKeys.includes(key), onChange: () => onToggleVisibility(key), className: "akinon-filter__modal-checkbox" }, (0, schema_1.getDisplayLabel)(field)));
+        }))),
+        filteredCount > pageSize ? (react_1.default.createElement("div", { className: "akinon-filter__modal-pagination" },
+            react_1.default.createElement(ui_pagination_1.Pagination, { current: page, pageSize: pageSize, total: filteredCount, showSizeChanger: false, onChange: onPaginationChange }))) : null));
+};
+exports.VisibilityModal = VisibilityModal;

package/dist/cjs/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_VISIBLE_COUNT = 8;
+export declare const DEFAULT_MODAL_PAGE_SIZE = 40;
+export declare const FILTER_DEBOUNCE_DELAY = 300;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +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"}

package/dist/cjs/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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;

package/dist/cjs/hooks/use-debounced-value.d.ts

@@ -0,0 +1,2 @@
+export declare const useDebouncedValue: <T>(value: T, delay: number) => T;
+//# sourceMappingURL=use-debounced-value.d.ts.map

package/dist/cjs/hooks/use-debounced-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-debounced-value.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,MAAM,KAAG,CAc9D,CAAC"}

package/dist/cjs/hooks/use-debounced-value.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedValue = void 0;
+const react_1 = require("react");
+const useDebouncedValue = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        const timer = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [delay, value]);
+    return debouncedValue;
+};
+exports.useDebouncedValue = useDebouncedValue;

package/dist/cjs/i18n/index.d.ts

@@ -1,5 +1,3 @@
-export declare const i18n: {
-    t: (key: string, options?: import("i18next").TOptions | undefined) => string;
-    lng: string;
-};
+import { type AkilocaleInstance } from '@akinon/akilocale';
+export declare const i18n: AkilocaleInstance;
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;CAOf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKtE,eAAO,MAAM,IAAI,EAAE,iBAOjB,CAAC"}

package/dist/cjs/i18n/index.js

@@ -5,7 +5,7 @@ const akilocale_1 = require("@akinon/akilocale");
 const en_1 = require("./translations/en");
 const tr_1 = require("./translations/tr");
 exports.i18n = akilocale_1.Akilocale.createInstance({
-    debug: true,
+    debug: false,
     fallbackLng: 'en',
     translations: {
         en: en_1.default,

package/dist/cjs/i18n/translations/en.d.ts

@@ -1,5 +1,35 @@
-declare const filter: {
-    readonly title: "Filters";
+declare const translations: {
+    readonly header: {
+        readonly title: "Filters";
+        readonly actions: {
+            readonly selectFilters: "Select filters";
+            readonly importCsv: "Import CSV";
+            readonly importXls: "Import XLS/XLSX";
+        };
+    };
+    readonly applied: {
+        readonly label: "Active filters:";
+        readonly empty: "No filters applied yet.";
+        readonly clearAll: "Clear all";
+        readonly clearSingle: "Remove {{field}}";
+    };
+    readonly form: {
+        readonly noVisibleFields: "Select at least one filter to get started.";
+        readonly unsupportedField: "Field type \"{{field}}\" is not supported yet.";
+    };
+    readonly modal: {
+        readonly title: "Select visible filters";
+        readonly searchPlaceholder: "Search filters by name…";
+        readonly empty: "No filters match your search.";
+    };
+    readonly emptyState: {
+        readonly message: "Provide a filter schema to render the Akifilter component.";
+    };
+    readonly errors: {
+        readonly title: "Akifilter failed to load";
+        readonly description: "An unexpected error occurred while rendering the filters. Try again or refresh the page.";
+        readonly retry: "Try again";
+    };
 };
-export default filter;
+export default translations;
 //# sourceMappingURL=en.d.ts.map

package/dist/cjs/i18n/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;CAEF,CAAC;AAEX,eAAe,MAAM,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/i18n/translations/en.js

@@ -1,6 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const filter = {
-    title: 'Filters'
+const translations = {
+    header: {
+        title: 'Filters',
+        actions: {
+            selectFilters: 'Select filters',
+            importCsv: 'Import CSV',
+            importXls: 'Import XLS/XLSX'
+        }
+    },
+    applied: {
+        label: 'Active filters:',
+        empty: 'No filters applied yet.',
+        clearAll: 'Clear all',
+        clearSingle: 'Remove {{field}}'
+    },
+    form: {
+        noVisibleFields: 'Select at least one filter to get started.',
+        unsupportedField: 'Field type "{{field}}" is not supported yet.'
+    },
+    modal: {
+        title: 'Select visible filters',
+        searchPlaceholder: 'Search filters by name…',
+        empty: 'No filters match your search.'
+    },
+    emptyState: {
+        message: 'Provide a filter schema to render the Akifilter component.'
+    },
+    errors: {
+        title: 'Akifilter failed to load',
+        description: 'An unexpected error occurred while rendering the filters. Try again or refresh the page.',
+        retry: 'Try again'
+    }
 };
-exports.default = filter;
+exports.default = translations;

package/dist/cjs/i18n/translations/tr.d.ts

@@ -1,5 +1,35 @@
-declare const filter: {
-    readonly title: "Filtreler";
+declare const translations: {
+    readonly header: {
+        readonly title: "Filtreler";
+        readonly actions: {
+            readonly selectFilters: "Filtreleri seç";
+            readonly importCsv: "CSV içe aktar";
+            readonly importXls: "XLS/XLSX içe aktar";
+        };
+    };
+    readonly applied: {
+        readonly label: "Aktif filtreler:";
+        readonly empty: "Henüz filtre uygulanmadı.";
+        readonly clearAll: "Tümünü temizle";
+        readonly clearSingle: "{{field}} filtresini kaldır";
+    };
+    readonly form: {
+        readonly noVisibleFields: "Başlamak için en az bir filtre seçin.";
+        readonly unsupportedField: "\"{{field}}\" alan tipi henüz desteklenmiyor.";
+    };
+    readonly modal: {
+        readonly title: "Görünen filtreleri seçin";
+        readonly searchPlaceholder: "Filtrelerde ara…";
+        readonly empty: "Aramanızla eşleşen filtre bulunamadı.";
+    };
+    readonly emptyState: {
+        readonly message: "Akifilter bileşenini göstermek için bir filtre şeması belirtin.";
+    };
+    readonly errors: {
+        readonly title: "Akifilter yüklenemedi";
+        readonly description: "Filtreler render edilirken beklenmeyen bir hata oluştu. Lütfen tekrar deneyin veya sayfayı yenileyin.";
+        readonly retry: "Tekrar dene";
+    };
 };
-export default filter;
+export default translations;
 //# sourceMappingURL=tr.d.ts.map

package/dist/cjs/i18n/translations/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;CAEF,CAAC;AAEX,eAAe,MAAM,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/i18n/translations/tr.js

@@ -1,6 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const filter = {
-    title: 'Filtreler'
+const translations = {
+    header: {
+        title: 'Filtreler',
+        actions: {
+            selectFilters: 'Filtreleri seç',
+            importCsv: 'CSV içe aktar',
+            importXls: 'XLS/XLSX içe aktar'
+        }
+    },
+    applied: {
+        label: 'Aktif filtreler:',
+        empty: 'Henüz filtre uygulanmadı.',
+        clearAll: 'Tümünü temizle',
+        clearSingle: '{{field}} filtresini kaldır'
+    },
+    form: {
+        noVisibleFields: 'Başlamak için en az bir filtre seçin.',
+        unsupportedField: '"{{field}}" alan tipi henüz desteklenmiyor.'
+    },
+    modal: {
+        title: 'Görünen filtreleri seçin',
+        searchPlaceholder: 'Filtrelerde ara…',
+        empty: 'Aramanızla eşleşen filtre bulunamadı.'
+    },
+    emptyState: {
+        message: 'Akifilter bileşenini göstermek için bir filtre şeması belirtin.'
+    },
+    errors: {
+        title: 'Akifilter yüklenemedi',
+        description: 'Filtreler render edilirken beklenmeyen bir hata oluştu. Lütfen tekrar deneyin veya sayfayı yenileyin.',
+        retry: 'Tekrar dene'
+    }
 };
-exports.default = filter;
+exports.default = translations;

package/dist/cjs/index.d.ts

@@ -1,15 +1,4 @@
-import './index.css';
-import type { FormField } from '@akinon/akiform-builder';
-import React from 'react';
-import type { FilterState } from './components/FilterContext';
-export type FilterProps = {
-    filterSchema: FormField[];
-    useAppliedFilters: [
-        FilterState['appliedFilters'],
-        React.Dispatch<React.SetStateAction<FilterState['appliedFilters']>>
-    ];
-    conditionalFiltersSchema?: FormField[];
-    customMainPath?: string;
-};
-export declare const Akifilter: ({ filterSchema, useAppliedFilters, customMainPath, conditionalFiltersSchema }: FilterProps) => React.JSX.Element;
+export * from './akifilter';
+export * from './i18n';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAY9D,MAAM,MAAM,WAAW,GAAG;IAExB,YAAY,EAAE,SAAS,EAAE,CAAC;IAG1B,iBAAiB,EAAE;QACjB,WAAW,CAAC,gBAAgB,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpE,CAAC;IAOF,wBAAwB,CAAC,EAAE,SAAS,EAAE,CAAC;IAEvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,kFAKnB,WAAW,sBAsBb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -1,34 +1,19 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Akifilter = void 0;
-require("./index.css");
-const ui_typography_1 = require("@akinon/ui-typography");
-const dayjs_1 = require("dayjs");
-const advancedFormat_1 = require("dayjs/plugin/advancedFormat");
-const customParseFormat_1 = require("dayjs/plugin/customParseFormat");
-const localeData_1 = require("dayjs/plugin/localeData");
-const weekday_1 = require("dayjs/plugin/weekday");
-const weekOfYear_1 = require("dayjs/plugin/weekOfYear");
-const weekYear_1 = require("dayjs/plugin/weekYear");
-const react_1 = require("react");
-const components_1 = require("./components");
-const i18n_1 = require("./i18n");
-// TODO: Whats this dayjs block doing here?
-// extend dayjs with plugins so datepicker value can be set outside
-dayjs_1.default.extend(customParseFormat_1.default);
-dayjs_1.default.extend(advancedFormat_1.default);
-dayjs_1.default.extend(weekday_1.default);
-dayjs_1.default.extend(localeData_1.default);
-dayjs_1.default.extend(weekOfYear_1.default);
-dayjs_1.default.extend(weekYear_1.default);
-const Akifilter = ({ filterSchema, useAppliedFilters, customMainPath, conditionalFiltersSchema }) => {
-    return (react_1.default.createElement("div", { className: "akinon-filter" },
-        react_1.default.createElement(components_1.FilterContextProvider, { filterSchema: filterSchema, customMainPath: customMainPath, useAppliedFilters: useAppliedFilters, conditionalFiltersSchema: conditionalFiltersSchema },
-            react_1.default.createElement("div", { className: "akinon-filter__top" },
-                react_1.default.createElement(ui_typography_1.Title, { className: "akinon-filter__title", level: 4 }, i18n_1.i18n.t('title')),
-                react_1.default.createElement(components_1.SelectShownFilters, null)),
-            react_1.default.createElement(components_1.AppliedFilters, null),
-            react_1.default.createElement(components_1.ShownFilters, null),
-            react_1.default.createElement(components_1.ConditionalFilters, null))));
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-exports.Akifilter = Akifilter;
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./akifilter"), exports);
+__exportStar(require("./i18n"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/styles.css

@@ -0,0 +1,179 @@
+.akinon-filter {
+}
+
+.akinon-filter__top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 0.5rem;
+}
+
+.akinon-filter__title {
+  margin: 0;
+  font-weight: 600;
+}
+
+.akinon-filter__toolbar-item {
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  height: 36px;
+}
+
+.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);
+  margin-bottom: 1rem;
+}
+
+.akinon-filter__applied-summary {
+  background-color: var(--color-ebonyClay-900);
+  flex: 1;
+  display: flex;
+  align-items: center;
+  border-radius: 5px;
+  padding: 6px 8px;
+  margin-right: 6px;
+  height: 36px;
+}
+
+.akinon-filter__applied-label {
+  color: var(--color-white);
+  font-weight: 600;
+  font-size: 13px;
+  position: relative;
+  top: 1px;
+}
+
+.akinon-filter__form-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.akinon-filter__form-grid > .akinon-form-item {
+  width: 100%;
+}
+
+.akinon-filter__form-grid > .akinon-form-item .akinon-form-item-control {
+  width: 100%;
+}
+
+@media (max-width: 1024px) {
+  .akinon-filter__form-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 640px) {
+  .akinon-filter__form-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.akinon-filter__applied-items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.akinon-filter__chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  padding: 0 6px;
+  border-radius: 4px;
+  background-color: var(--color-neutral-100);
+  height: 24px;
+}
+
+.akinon-filter__chip-label {
+  font-weight: 600;
+  color: var(--color-ebonyClay-300);
+}
+
+.akinon-filter__chip-value {
+  font-weight: 700;
+  color: var(--color-ebonyClay-400);
+}
+
+.akinon-filter__chip-button {
+  margin: 0 0 0 0.25rem;
+  padding: 0;
+  line-height: 1;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  color: var(--color-blue-500);
+  position: relative;
+  top: 1px;
+}
+
+.akinon-filter__applied-empty {
+  color: color(--color-ebonyClay-500);
+  font-size: 12px;
+  position: relative;
+  top: 1px;
+}
+
+.akinon-filter__modal-list {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 12px;
+  margin-top: 16px;
+}
+
+.akinon-filter__modal-checkbox {
+  width: 100%;
+}
+
+.akinon-filter__modal-pagination {
+  margin-top: 1rem;
+  display: flex;
+  justify-content: flex-end;
+}
+
+@media (max-width: 1024px) {
+  .akinon-filter__modal-list {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 640px) {
+  .akinon-filter__modal-list {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.akinon-filter__empty-state,
+.akinon-filter__error-state {
+  min-height: 160px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 24px;
+  text-align: center;
+}
+
+.akinon-filter__error-title {
+  margin: 0;
+}
+
+.akinon-filter__error-description {
+  max-width: 360px;
+}
+
+/* Modal window. */
+
+.akinon-filter__modal-toolbar {
+  margin-bottom: 1rem;
+}

package/dist/cjs/types.d.ts

@@ -0,0 +1,11 @@
+import type { FieldValues, Path } from '@akinon/akiform';
+import type { FormField } from '@akinon/akiform-builder';
+export type AkifilterField<TFieldValues extends FieldValues = FieldValues> = FormField<TFieldValues> & {
+    /**
+     * Controls whether the field is shown in the main filter form by default.
+     */
+    isVisible?: boolean;
+};
+export type AkifilterFieldKey<TFieldValues extends FieldValues = FieldValues> = Path<TFieldValues>;
+export type AkifilterSchema<TFieldValues extends FieldValues = FieldValues> = AkifilterField<TFieldValues>[];
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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,MAAM,cAAc,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IACvE,SAAS,CAAC,YAAY,CAAC,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,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"}

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,9 @@
+import type { FieldValues } from '@akinon/akiform';
+import type { AkifilterField, AkifilterSchema } from '../types';
+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[];
+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 normaliseValuesBySchema: <TFieldValues extends FieldValues = FieldValues>(schema: AkifilterSchema<TFieldValues>, values?: Partial<TFieldValues>) => Partial<TFieldValues>;
+//# sourceMappingURL=schema.d.ts.map