@akinon/akifilter 0.5.4 → 1.0.1

package/dist/esm/common/theme-overrides.d.ts

@@ -0,0 +1,3 @@
+import { ThemeConfig } from 'antd';
+export declare const themeOverrides: ThemeConfig;
+//# sourceMappingURL=theme-overrides.d.ts.map

package/dist/esm/common/theme-overrides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-overrides.d.ts","sourceRoot":"","sources":["../../../src/common/theme-overrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,WAkB5B,CAAC"}

package/dist/esm/common/theme-overrides.js

@@ -0,0 +1,3 @@
+var _a, _b;
+import { theme } from '@akinon/ui-theme';
+export const themeOverrides = Object.assign(Object.assign({}, theme), { algorithm: theme.algorithm, components: Object.assign(Object.assign({}, theme.components), { Typography: Object.assign(Object.assign({}, (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Typography), { colorTextHeading: theme.colors.neutral['100'], colorText: theme.colors.neutral['500'], titleMarginBottom: 0 }), Modal: Object.assign(Object.assign({}, (_b = theme.components) === null || _b === void 0 ? void 0 : _b.Modal), { headerBg: theme.colors.ebonyClay['600'], contentBg: theme.colors.ebonyClay['600'], titleColor: theme.colors.neutral['200'] }) }) });

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

@@ -0,0 +1,14 @@
+import React from 'react';
+type AppliedFilter = {
+    key: string;
+    label: string;
+    value: string;
+};
+type AppliedFiltersProps = {
+    filters: AppliedFilter[];
+    onRemove: (key: string) => void;
+    onClearAll: () => void;
+};
+export declare const AppliedFilters: ({ filters, onRemove, onClearAll }: AppliedFiltersProps) => React.JSX.Element;
+export type { AppliedFilter };
+//# sourceMappingURL=applied-filters.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+import { Icon } from '@akinon/icons';
+import { Button } from '@akinon/ui-button';
+import { Space } from '@akinon/ui-space';
+import { Text } from '@akinon/ui-typography';
+import React from 'react';
+import { i18n } from '../i18n';
+export const AppliedFilters = ({ filters, onRemove, onClearAll }) => {
+    const hasFilters = filters.length > 0;
+    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" },
+                React.createElement("span", { className: "akinon-filter__chip-label" },
+                    item.label,
+                    ":"),
+                React.createElement("span", { className: "akinon-filter__chip-value" }, item.value),
+                React.createElement("button", { type: "button", "aria-label": i18n.t('applied.clearSingle', {
+                        field: item.label
+                    }), className: "akinon-filter__chip-button", onClick: () => onRemove(item.key) },
+                    React.createElement(Icon, { icon: "no", size: 16 }))))))) : (React.createElement(Text, { className: "akinon-filter__applied-empty" }, i18n.t('applied.empty')))),
+        React.createElement(Button, { className: "akinon-filter__clear", icon: "bin", iconSize: 16, onClick: onClearAll, size: "small", type: "icon", title: i18n.t('applied.clearAll'), "aria-label": i18n.t('applied.clearAll'), disabled: !hasFilters })));
+};

package/dist/esm/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/esm/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/esm/components/filter-toolbar.js

@@ -0,0 +1,13 @@
+import { Button } from '@akinon/ui-button';
+import { Space } from '@akinon/ui-space';
+import { Title } from '@akinon/ui-typography';
+import React from 'react';
+import { i18n } from '../i18n';
+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,
+            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/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/esm/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/esm/components/visibility-modal.js

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

package/dist/esm/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/esm/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/esm/constants.js

@@ -0,0 +1,3 @@
+export const DEFAULT_VISIBLE_COUNT = 8;
+export const DEFAULT_MODAL_PAGE_SIZE = 40;
+export const FILTER_DEBOUNCE_DELAY = 300;

package/dist/esm/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/esm/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/esm/hooks/use-debounced-value.js

@@ -0,0 +1,13 @@
+import { useEffect, useState } from 'react';
+export const useDebouncedValue = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [delay, value]);
+    return debouncedValue;
+};

package/dist/esm/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/esm/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/esm/i18n/index.js

@@ -1,11 +1,11 @@
 import { Akilocale } from '@akinon/akilocale';
-import en_filter from './translations/en';
-import tr_filter from './translations/tr';
+import en from './translations/en';
+import tr from './translations/tr';
 export const i18n = Akilocale.createInstance({
-    debug: true,
+    debug: false,
     fallbackLng: 'en',
     translations: {
-        en: en_filter,
-        tr: tr_filter
+        en,
+        tr
     }
 });

package/dist/esm/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/esm/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/esm/i18n/translations/en.js

@@ -1,4 +1,34 @@
-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'
+    }
 };
-export default filter;
+export default translations;

package/dist/esm/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/esm/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/esm/i18n/translations/tr.js

@@ -1,4 +1,34 @@
-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'
+    }
 };
-export default filter;
+export default translations;

package/dist/esm/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/esm/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/esm/index.js

@@ -1,30 +1,3 @@
-import './index.css';
-import { Title } from '@akinon/ui-typography';
-import dayjs from 'dayjs';
-import advancedFormat from 'dayjs/plugin/advancedFormat';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import localeData from 'dayjs/plugin/localeData';
-import weekday from 'dayjs/plugin/weekday';
-import weekOfYear from 'dayjs/plugin/weekOfYear';
-import weekYear from 'dayjs/plugin/weekYear';
-import React from 'react';
-import { AppliedFilters, ConditionalFilters, FilterContextProvider, SelectShownFilters, ShownFilters } from './components';
-import { i18n } from './i18n';
-// TODO: Whats this dayjs block doing here?
-// extend dayjs with plugins so datepicker value can be set outside
-dayjs.extend(customParseFormat);
-dayjs.extend(advancedFormat);
-dayjs.extend(weekday);
-dayjs.extend(localeData);
-dayjs.extend(weekOfYear);
-dayjs.extend(weekYear);
-export const Akifilter = ({ filterSchema, useAppliedFilters, customMainPath, conditionalFiltersSchema }) => {
-    return (React.createElement("div", { className: "akinon-filter" },
-        React.createElement(FilterContextProvider, { filterSchema: filterSchema, customMainPath: customMainPath, useAppliedFilters: useAppliedFilters, conditionalFiltersSchema: conditionalFiltersSchema },
-            React.createElement("div", { className: "akinon-filter__top" },
-                React.createElement(Title, { className: "akinon-filter__title", level: 4 }, i18n.t('title')),
-                React.createElement(SelectShownFilters, null)),
-            React.createElement(AppliedFilters, null),
-            React.createElement(ShownFilters, null),
-            React.createElement(ConditionalFilters, null))));
-};
+export * from './akifilter';
+export * from './i18n';
+export * from './types';

package/dist/esm/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/esm/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/esm/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/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/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