pne-ui 4.0.8 → 4.0.9

package/esm/src/component/overlay/overlayStore.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import UndoIcon from '@mui/icons-material/Undo';
+import PneButton from '../PneButton';
+import { create } from 'zustand';
+import { reportMissingOverlayHost } from './overlayRuntime';
+const defaultAutoHideMs = 5000;
+const makeId = () => {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        return crypto.randomUUID();
+    }
+    return `snackbar-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+};
+export const useOverlayStore = create(set => ({
+    snackbars: [],
+    enqueueSnackbar: snackbar => set(state => ({
+        snackbars: [
+            ...state.snackbars,
+            {
+                id: snackbar.id ?? makeId(),
+                variant: snackbar.variant ?? 'info',
+                autoHideMs: snackbar.autoHideMs ?? (snackbar.variant === 'error' ? undefined : defaultAutoHideMs),
+                ...snackbar,
+            },
+        ],
+    })),
+    removeSnackbar: id => set(state => ({ snackbars: state.snackbars.filter(snack => snack.id !== id) })),
+    clearSnackbars: () => set({ snackbars: [] }),
+}));
+const showWithVariant = (variant) => (snackbar) => {
+    reportMissingOverlayHost(`show${variant.charAt(0).toUpperCase()}${variant.slice(1)}`);
+    useOverlayStore.getState().enqueueSnackbar({ ...snackbar, variant });
+};
+export const overlayActions = {
+    showSnackbar: (snackbar) => {
+        reportMissingOverlayHost('showSnackbar');
+        useOverlayStore.getState().enqueueSnackbar(snackbar);
+    },
+    showSuccess: showWithVariant('success'),
+    showError: showWithVariant('error'),
+    showWarning: showWithVariant('warning'),
+    showInfo: showWithVariant('info'),
+    /**
+     * Shows an info snackbar with a built-in undo button and returns the snackbar id.
+     * By default it behaves like other non-error snackbars and auto-hides after 5000 ms unless `autoHideMs` is overridden.
+     */
+    showUndoSnackbar: ({ undoLabel = 'Undo', onUndo, ...snackbar }) => {
+        const id = snackbar.id ?? makeId();
+        reportMissingOverlayHost('showUndoSnackbar');
+        useOverlayStore.getState().enqueueSnackbar({
+            ...snackbar,
+            id,
+            action: React.createElement(PneButton, {
+                variant: 'text',
+                size: 'small',
+                startIcon: React.createElement(UndoIcon, { fontSize: 'inherit' }),
+                onClick: () => {
+                    useOverlayStore.getState().removeSnackbar(id);
+                    onUndo();
+                },
+                sx: {
+                    fontWeight: 600,
+                },
+            }, undoLabel),
+        });
+        return id;
+    },
+    removeSnackbar: (id) => useOverlayStore.getState().removeSnackbar(id),
+    clearSnackbars: () => useOverlayStore.getState().clearSnackbars(),
+};
+//# sourceMappingURL=overlayStore.js.map

package/esm/src/component/overlay/overlayStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayStore.js","sourceRoot":"","sources":["../../../../src/component/overlay/overlayStore.ts"],"names":[],"mappings":"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"}

package/esm/src/component/overlay/types.d.ts

@@ -0,0 +1,40 @@
+import type { SnackbarOrigin } from '@mui/material';
+import type React from 'react';
+export type SnackbarVariant = 'info' | 'success' | 'warning' | 'error';
+export type SnackbarOptions = {
+    id?: string;
+    message: React.ReactNode;
+    variant?: SnackbarVariant;
+    /**
+     * Auto-close timeout in milliseconds. `undefined` keeps the snackbar open until closed explicitly.
+     * Timed snackbars render a progress bar in `OverlayHost`.
+     */
+    autoHideMs?: number;
+    action?: React.ReactNode;
+    anchorOrigin?: SnackbarOrigin;
+};
+/**
+ * Options for a snackbar with a built-in undo action.
+ * `OverlayHost` renders the same timed-progress indicator as for any other timed snackbar.
+ */
+export type UndoSnackbarOptions = Omit<SnackbarOptions, 'action'> & {
+    undoLabel?: React.ReactNode;
+    onUndo: () => void;
+};
+export type OverlayState = {
+    snackbars: SnackbarOptions[];
+    enqueueSnackbar: (snackbar: SnackbarOptions) => void;
+    removeSnackbar: (id: string) => void;
+    clearSnackbars: () => void;
+};
+export type PermanentOverlayRender = (context: {
+    breakpoint: number;
+}) => React.ReactNode;
+export type PermanentOverlaySlot = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type PermanentOverlayInstance = {
+    id: string;
+    slot: PermanentOverlaySlot;
+    render: PermanentOverlayRender;
+    offset?: number;
+    zIndex?: number;
+};

package/esm/src/component/overlay/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/src/component/overlay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/component/overlay/types.ts"],"names":[],"mappings":""}

package/esm/src/component/responsive/useBreakpoint.d.ts

@@ -0,0 +1,8 @@
+type UseBreakpointOptions = {
+    breakpoints?: readonly number[];
+};
+/**
+ * Returns the nearest configured breakpoint for the current window width.
+ */
+export declare function useBreakpoint({ breakpoints }?: UseBreakpointOptions): number;
+export {};

package/esm/src/component/responsive/useBreakpoint.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+import { DEFAULT_BREAKPOINTS, resolveBreakpoint } from '../../common/responsive/breakpoints';
+/**
+ * Returns the nearest configured breakpoint for the current window width.
+ */
+export function useBreakpoint({ breakpoints = DEFAULT_BREAKPOINTS } = {}) {
+    const [current, setCurrent] = useState(() => typeof window !== 'undefined' ? resolveBreakpoint(window.innerWidth, breakpoints) : breakpoints[0]);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const handler = () => setCurrent(resolveBreakpoint(window.innerWidth, breakpoints));
+        window.addEventListener('resize', handler);
+        return () => window.removeEventListener('resize', handler);
+    }, [breakpoints]);
+    return current;
+}
+//# sourceMappingURL=useBreakpoint.js.map

package/esm/src/component/responsive/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../../src/component/responsive/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AAM5F;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,WAAW,GAAG,mBAAmB,KAA2B,EAAE;IAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACxC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACrG,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAM;QACzC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;QACnF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC9D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,OAAO,CAAA;AAClB,CAAC"}

package/esm/src/component/search-ui/SearchUI.d.ts

@@ -0,0 +1,89 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { SearchUIFiltersConfig } from './filters/SearchUIFilters';
+import { CriterionTypeEnum, ExactCriterionSearchLabelEnum, SearchCriteria, SearchUIConditions } from './filters/types';
+import { GetPagedOrderedSortedListRequest, Order } from '../../common';
+import { TableCreateHeaderType } from '../..';
+import { UseTableParams } from '../table/useTable';
+/**
+ * Параметры запроса поиска, отправляемые в обработчик данных таблицы.
+ * Тип формируется на основе SearchCriteria без служебного флага `initialized`
+ * и стандартных параметров пагинации/сортировки списка.
+ */
+export type SearchParams = Omit<SearchCriteria & GetPagedOrderedSortedListRequest, 'initialized'>;
+/**
+ * Свойства компонента {@link SearchUI}.
+ * @template D Тип строки данных, возвращаемых запросом поиска и отображаемых в таблице.
+ */
+type Props<D extends object> = {
+    /**
+     * Имя контекста настроек, под которым таблица и фильтры сохраняют состояние пользователя.
+     */
+    settingsContextName: string;
+    /**
+     * Полный список критериев, доступных пользователю для выбора.
+     */
+    possibleCriteria: CriterionTypeEnum[];
+    /**
+     * Критерии, которые должны быть активированы при первой загрузке фильтра.
+     */
+    predefinedCriteria?: CriterionTypeEnum[];
+    /**
+     * Допустимые точные метки поиска, отображаемые в выпадающем списке.
+     */
+    exactSearchLabels?: ExactCriterionSearchLabelEnum[];
+    /**
+     * Начальные значения условий фильтрации, кроме списка критериев.
+     */
+    initialSearchConditions?: Partial<Omit<SearchUIConditions, 'criteria'>>;
+    /**
+     * Внешнее управление состоянием фильтров. При изменении значения происходит синхронизация стора.
+     */
+    searchConditions?: Partial<SearchUIConditions>;
+    /**
+     * Функция загрузки данных по текущим параметрам поиска.
+     */
+    searchData: (searchParams: SearchParams) => Promise<D[]>;
+    /**
+     * Фабрика заголовка таблицы.
+     */
+    createTableHeader: TableCreateHeaderType;
+    /**
+     * Фабрика строки таблицы.
+     * @param rowData Данные текущей строки.
+     * @param index Индекс строки.
+     * @param data Все текущие данные таблицы.
+     * @param setData Сеттер для обновления данных таблицы.
+     */
+    createTableRow: (rowData: D, index: number, data: D[], setData: Dispatch<SetStateAction<D[]>>) => React.ReactElement;
+    /**
+     * Кастомизация поведения таблицы (пагинация, отображение, дублирование пагинатора).
+     */
+    tableParams?: Pick<UseTableParams<D>, 'rowsPerPageOptions' | 'duplicatePagination' | 'paginatorActiveActionSx' | 'displayOptions'>;
+    /**
+     * Внешнее управление данными таблицы через React.useState.
+     */
+    dataUseState?: [D[], Dispatch<SetStateAction<D[]>>];
+    /**
+     * Конфигурация виджета фильтров.
+     */
+    config?: SearchUIFiltersConfig;
+};
+/**
+ * Высокоуровневый компонент поискового UI, объединяющий фильтры и таблицу с результатами.
+ * @template D Тип строки данных, отображаемых в таблице.
+ * @param props Свойства компонента.
+ */
+export declare const SearchUI: <D extends object>(props: Props<D>) => React.ReactElement;
+/**
+ * Преобразует внутреннее состояние фильтров и таблицы в параметры запроса для загрузки данных.
+ * @param searchCriteria Текущее состояние критериев поиска.
+ * @param options Параметры пагинации и сортировки таблицы.
+ * @returns Объект параметров, совместимый с обработчиком `searchData`.
+ */
+export declare const createSearchParams: (searchCriteria: SearchCriteria, options: {
+    page: number;
+    pageSize: number;
+    order?: Order;
+    sortIndex: number;
+}) => SearchParams;
+export {};

package/esm/src/component/search-ui/SearchUI.js

@@ -0,0 +1,103 @@
+import React, { useMemo, useState } from 'react';
+import { SearchUIFilters } from './filters/SearchUIFilters';
+import { Box, Divider } from '@mui/material';
+import { PneTable, useTable } from '../..';
+import { useSearchUIStore } from './state/store';
+/**
+ * Высокоуровневый компонент поискового UI, объединяющий фильтры и таблицу с результатами.
+ * @template D Тип строки данных, отображаемых в таблице.
+ * @param props Свойства компонента.
+ */
+export const SearchUI = (props) => {
+    const { settingsContextName, possibleCriteria, predefinedCriteria, exactSearchLabels, initialSearchConditions, searchConditions, searchData, createTableHeader, createTableRow, tableParams, dataUseState, config, } = props;
+    const { searchCriteria, setSearchCriteria, } = useSearchUIStore((store) => ({
+        searchCriteria: store.searchCriteria,
+        setSearchCriteria: store.setSearchCriteria,
+    }));
+    // const [criteria, setCriteria] = useSearchCriteria()
+    const [displayOptions, setDisplayOptions] = useState({
+        ...initialDisplayOptions,
+        ...tableParams?.displayOptions,
+    });
+    const fetchDataExtraDeps = useMemo(() => [searchCriteria], [searchCriteria]);
+    const { loading, paginator, data, setData, sortIndex, setSortIndex, order, setOrder, onSortChange, } = useTable({
+        rowsPerPageOptions: tableParams?.rowsPerPageOptions,
+        duplicatePagination: tableParams?.duplicatePagination,
+        paginatorActiveActionSx: tableParams?.paginatorActiveActionSx,
+        displayOptions: displayOptions,
+        onDisplayOptionsChange: setDisplayOptions,
+        settingsContextName: settingsContextName,
+        dataUseState: dataUseState,
+        fetchDataExtraDeps: fetchDataExtraDeps,
+        fetchData: ({ page, pageSize, order, sortIndex }) => {
+            if (!searchCriteria.initialized) {
+                return Promise.resolve([]);
+            }
+            const searchParams = createSearchParams(searchCriteria, {
+                page,
+                pageSize,
+                order,
+                sortIndex,
+            });
+            return searchData(searchParams);
+        },
+    });
+    return React.createElement(React.Fragment, null,
+        React.createElement(SearchUIFilters, { settingsContextName: settingsContextName, possibleCriteria: possibleCriteria, predefinedCriteria: predefinedCriteria, exactSearchLabels: exactSearchLabels, initialSearchConditions: initialSearchConditions, searchConditions: searchConditions, onFiltersUpdate: setSearchCriteria, config: config }),
+        React.createElement(Divider, null),
+        React.createElement(Box, { sx: tableBoxSx },
+            React.createElement(PneTable, { data: data, createTableHeader: createTableHeader, sortOptions: {
+                    order,
+                    setOrder,
+                    sortIndex,
+                    setSortIndex,
+                    onSortChange,
+                }, createRow: (item, index, arr) => createTableRow(item, index, arr, setData), paginator: paginator, loading: loading })));
+};
+const initialDisplayOptions = {
+    pageSize: 50,
+    sortColumnIndex: 1,
+    sortAsc: true,
+};
+const tableBoxSx = {
+    p: '16px 16px 0 16px',
+};
+/**
+ * Преобразует внутреннее состояние фильтров и таблицы в параметры запроса для загрузки данных.
+ * @param searchCriteria Текущее состояние критериев поиска.
+ * @param options Параметры пагинации и сортировки таблицы.
+ * @returns Объект параметров, совместимый с обработчиком `searchData`.
+ */
+export const createSearchParams = (searchCriteria, options) => ({
+    startNum: options.page * options.pageSize,
+    rowCount: options.pageSize + 1,
+    orderBy: options.sortIndex,
+    sortOrder: options.order,
+    exactSearchLabel: searchCriteria.exactSearchLabel,
+    exactSearchValue: searchCriteria.exactSearchValue,
+    ordersSearchLabel: searchCriteria.ordersSearchLabel,
+    ordersSearchValue: searchCriteria.ordersSearchValue,
+    status: searchCriteria.status,
+    threeD: searchCriteria.threeD,
+    currencies: searchCriteria.currencies,
+    countries: searchCriteria.countries,
+    dateFrom: searchCriteria.dateFrom,
+    dateTo: searchCriteria.dateTo,
+    orderDateType: searchCriteria.orderDateType,
+    cardTypes: searchCriteria.cardTypes,
+    transactionTypes: searchCriteria.transactionTypes,
+    transactionStatuses: searchCriteria.transactionStatuses,
+    transactionSessionStatuses: searchCriteria.transactionSessionStatuses,
+    projectCurrencyId: searchCriteria.projectCurrencyId,
+    projectCurrencyConvert: searchCriteria.projectCurrencyConvert,
+    groupTypes: searchCriteria.groupTypes,
+    multigetCriteria: searchCriteria.multigetCriteria,
+    recurrenceTypes: searchCriteria.recurrenceTypes,
+    recurrenceStatuses: searchCriteria.recurrenceStatuses,
+    mfoConfigurationTypes: searchCriteria.mfoConfigurationTypes,
+    markerTypes: searchCriteria.markerTypes,
+    markerStatus: searchCriteria.markerStatus,
+    processorLogEntryType: searchCriteria.processorLogEntryType,
+    errorCode: searchCriteria.errorCode,
+});
+//# sourceMappingURL=SearchUI.js.map

package/esm/src/component/search-ui/SearchUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUI.js","sourceRoot":"","sources":["../../../../src/component/search-ui/SearchUI.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/search-ui/SearchUIProvider.d.ts

@@ -0,0 +1,114 @@
+import React from 'react';
+import { AbstractEntity, AutoCompleteChoice, AutoCompleteChoiceWithStatus, Country, Status } from '../..';
+import { CriterionTypeEnum, LinkedEntityTypeEnum, MultigetCriterion, SearchUITemplate, TransactionSessionStatuses } from "./filters/types";
+type GetMatchLinkedItemsRequest = {
+    type: LinkedEntityTypeEnum;
+    searchString: string;
+    startRow: number;
+    numRows: number;
+    status: Status | null;
+    criteria: MultigetCriterion[];
+};
+type AbstractSearchUIRequest = {
+    contextName: string;
+    templateName: string;
+};
+type SaveSearchUITemplateRequest = AbstractSearchUIRequest & {
+    template: SearchUITemplate;
+};
+type GetProjectCurrenciesRequest = {
+    searchConditions: CriterionTypeEnum[];
+    multigetCriteria: MultigetCriterion[];
+};
+/**
+ * Набор функций и флагов, который описывает среду выполнения SearchUI.
+ * Конкретное приложение обязано переопределить нужные обработчики,
+ * чтобы выдавать списки сущностей, значения по умолчанию и скрывать/показывать
+ * элементы интерфейса.
+ *
+ * @remarks
+ * SearchUI считывает эти значения из {@link SearchUIDefaultsContext}. Все методы
+ * имеют заглушки в {@link initialSearchUIDefaults}, но в рабочем коде следует
+ * передавать реализацию через {@link SearchUIProvider}, иначе поисковой интерфейс
+ * не получит данные и не сможет отобразить нужные фильтры.
+ *
+ * @example
+ * ```tsx
+ * <SearchUIProvider
+ *   defaults={{
+ *     getCountries: fetchCountries,
+ *     showProjectsCriterion: () => true,
+ *   }}
+ * >
+ *   <SearchUI {...props} />
+ * </SearchUIProvider>
+ * ```
+ *
+ * @see src/stories/SearchUI.stories.tsx
+ */
+export type SearchUIDefaults = {
+    getDefaultCurrency: () => AbstractEntity;
+    getMatchLinkedItems: (request: GetMatchLinkedItemsRequest) => Promise<AbstractEntity[]>;
+    getSearchTemplates: (contextName: string) => Promise<SearchUITemplate[]>;
+    saveSearchTemplate: (request: SaveSearchUITemplateRequest) => Promise<void>;
+    deleteSearchTemplate: (request: AbstractSearchUIRequest) => Promise<void>;
+    searchTemplateExists: (request: AbstractSearchUIRequest) => Promise<boolean>;
+    getProjectAvailableCurrencies: (request: GetProjectCurrenciesRequest) => Promise<AutoCompleteChoiceWithStatus[]>;
+    getCardTypes: () => Promise<AbstractEntity[]>;
+    getCurrencies: () => Promise<AbstractEntity[]>;
+    getCountries: () => Promise<Country[]>;
+    getMFOTypes: () => Promise<AbstractEntity[]>;
+    getTransactionTypes: () => Promise<AbstractEntity[]>;
+    getTransactionStatuses: () => Promise<AbstractEntity[]>;
+    getTransactionSessionStatuses: () => Promise<TransactionSessionStatuses>;
+    getTransactionMarkerTypes: () => Promise<AbstractEntity[]>;
+    getRecurringPaymentTypes: () => Promise<AbstractEntity[]>;
+    getRecurringPaymentStatuses: () => Promise<AbstractEntity[]>;
+    getProcessorLogEntryTypes: () => Promise<AbstractEntity[]>;
+    searchErrorCodes: (request: {
+        searchString?: string;
+    }) => Promise<AutoCompleteChoice[]>;
+    showProcessorsCriterion: () => boolean;
+    showGatesCriterion: () => boolean;
+    showProjectsCriterion: () => boolean;
+    showEndpointsCriterion: () => boolean;
+    showMerchantsCriterion: () => boolean;
+    showManagersCriterion: () => boolean;
+    showResellersCriterion: () => boolean;
+    showDealersCriterion: () => boolean;
+    showCompaniesCriterion: () => boolean;
+    showProjectCurrencyCriterion: () => boolean;
+    showProjectCodeGrouping: () => boolean;
+    showManagerGrouping: () => boolean;
+    /**
+     * gate related are: GATE, PROCESSOR, MID
+     */
+    showGateRelatedGroupings: () => boolean;
+    showCounterpartyGrouping: () => boolean;
+};
+type Props = {
+    defaults: Partial<SearchUIDefaults>;
+    children: React.ReactNode;
+};
+export declare const initialSearchUIDefaults: SearchUIDefaults;
+/**
+ * React-контекст, предоставляющий SearchUIDefaults вглубь дерева.
+ * Используйте `useContext(SearchUIDefaultsContext)`, чтобы получить доступ
+ * к настройкам внутри кастомных фильтров.
+ */
+export declare const SearchUIDefaultsContext: React.Context<SearchUIDefaults>;
+/**
+ * Провайдер, который объединяет {@link initialSearchUIDefaults} с пользовательскими
+ * значениями и делает их доступными всему UI поиска.
+ *
+ * Разместите компонент вокруг областей, где монтируется `SearchUI` (см. пример в
+ * `src/stories/SearchUI.stories.tsx`). Так вы определяете, какие источники данных,
+ * шаблоны и флаги видимости должен использовать конкретный экран.
+ *
+ * @param props.defaults Частичный объект SearchUIDefaults. Укажите только то, что
+ *                       нужно переопределить, остальные значения будут взяты
+ *                       из {@link initialSearchUIDefaults}.
+ * @param props.children Дерево компонентов, которые должны читать контекст.
+ */
+export declare const SearchUIProvider: (props: Props) => React.JSX.Element;
+export {};

package/esm/src/component/search-ui/SearchUIProvider.js

@@ -0,0 +1,85 @@
+import React, { createContext } from 'react';
+const NOT_CONFIGURED_ERROR = 'Search UI default setting is not configured. Use SearchUIProvider and useContext(SearchUIDefaultsContext)';
+const NOT_CONFIGURED_CALLBACK = () => {
+    throw new Error(NOT_CONFIGURED_ERROR);
+};
+const createEmptyTransactionSessionStatuses = () => ({
+    APPROVED: [],
+    PROCESSING: [],
+    UNKNOWN: [],
+    FILTERED: [],
+    ERROR: [],
+    PENDING_RETURNS: [],
+    VALIDATING_3D: [],
+    VERIFICATING_PHONE: [],
+    INVOICED: [],
+    SENT: [],
+    ALL: [],
+});
+export const initialSearchUIDefaults = {
+    getDefaultCurrency: () => ({ id: 1, displayName: '123' }),
+    getMatchLinkedItems: () => Promise.resolve([]),
+    getSearchTemplates: () => Promise.resolve([]),
+    saveSearchTemplate: () => Promise.resolve(undefined),
+    deleteSearchTemplate: () => Promise.resolve(undefined),
+    searchTemplateExists: () => Promise.resolve(false),
+    getProjectAvailableCurrencies: () => Promise.resolve([]),
+    getCardTypes: () => Promise.resolve([]),
+    getCurrencies: () => Promise.resolve([]),
+    getCountries: () => Promise.resolve([]),
+    getMFOTypes: () => Promise.resolve([]),
+    getTransactionTypes: () => Promise.resolve([]),
+    getTransactionStatuses: () => Promise.resolve([]),
+    getTransactionSessionStatuses: () => Promise.resolve(createEmptyTransactionSessionStatuses()),
+    getTransactionMarkerTypes: () => Promise.resolve([]),
+    getRecurringPaymentTypes: () => Promise.resolve([]),
+    getRecurringPaymentStatuses: () => Promise.resolve([]),
+    getProcessorLogEntryTypes: () => Promise.resolve([]),
+    searchErrorCodes: () => Promise.resolve([]),
+    showProcessorsCriterion: () => true,
+    showGatesCriterion: () => true,
+    showProjectsCriterion: () => true,
+    showEndpointsCriterion: () => true,
+    showMerchantsCriterion: () => true,
+    showManagersCriterion: () => true,
+    showResellersCriterion: () => true,
+    // showSuperiorsCriterion: () => true,
+    showDealersCriterion: () => true,
+    showCompaniesCriterion: () => true,
+    showProjectCurrencyCriterion: () => true,
+    // showFormPaymentTemplatesCriterion: () => true,
+    // showFormFinishTemplatesCriterion: () => true,
+    // showFormWaitTemplatesCriterion: () => true,
+    // showFormPayment3dsTemplatesCriterion: () => true,
+    showProjectCodeGrouping: () => true,
+    showManagerGrouping: () => true,
+    showGateRelatedGroupings: () => true,
+    showCounterpartyGrouping: () => true,
+};
+/**
+ * React-контекст, предоставляющий SearchUIDefaults вглубь дерева.
+ * Используйте `useContext(SearchUIDefaultsContext)`, чтобы получить доступ
+ * к настройкам внутри кастомных фильтров.
+ */
+export const SearchUIDefaultsContext = createContext(initialSearchUIDefaults);
+/**
+ * Провайдер, который объединяет {@link initialSearchUIDefaults} с пользовательскими
+ * значениями и делает их доступными всему UI поиска.
+ *
+ * Разместите компонент вокруг областей, где монтируется `SearchUI` (см. пример в
+ * `src/stories/SearchUI.stories.tsx`). Так вы определяете, какие источники данных,
+ * шаблоны и флаги видимости должен использовать конкретный экран.
+ *
+ * @param props.defaults Частичный объект SearchUIDefaults. Укажите только то, что
+ *                       нужно переопределить, остальные значения будут взяты
+ *                       из {@link initialSearchUIDefaults}.
+ * @param props.children Дерево компонентов, которые должны читать контекст.
+ */
+export const SearchUIProvider = (props) => {
+    const { defaults, children, } = props;
+    return React.createElement(SearchUIDefaultsContext.Provider, { value: {
+            ...initialSearchUIDefaults,
+            ...defaults,
+        } }, children);
+};
+//# sourceMappingURL=SearchUIProvider.js.map

package/esm/src/component/search-ui/SearchUIProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIProvider.js","sourceRoot":"","sources":["../../../../src/component/search-ui/SearchUIProvider.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/search-ui/filters/CriterionContainer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CriterionTypeEnum } from './types';
+interface IProps {
+    type: CriterionTypeEnum;
+}
+export declare const CriterionContainer: (props: IProps) => React.JSX.Element;
+export {};