pne-ui 4.0.8 → 4.0.11

package/esm/src/component/search-ui/filters/SearchUIFilters.js

@@ -0,0 +1,226 @@
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { SearchUIFiltersHeaderActions, SearchUIFiltersHeaderLeft, SearchUIFiltersHeaderMainRow, SearchUIFiltersHeaderRight, SearchUIFiltersHeaderSearch, } from './styled';
+import { CriterionTypeEnum, } from './types';
+import SearchUITemplatesMenu from './component/template/SearchUITemplatesMenu';
+import { useTranslation } from 'react-i18next';
+import { useSearchUIFiltersStore } from './state/store';
+import { Box, Chip, IconButton } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import isEqual from 'lodash/isEqual';
+import SearchUIAddFilter from './component/select/SearchUIAddFilter';
+import { CriterionContainer } from './CriterionContainer';
+import { overlayActions, PneButton } from '../../..';
+import { SearchUIDefaultsContext } from "../SearchUIProvider";
+import { createClearCriteriaUndoSnapshot } from './state/undo';
+import { isCriterionAvailable } from './criterionAvailability';
+/**
+ * Панель фильтров поискового интерфейса с поддержкой шаблонов и динамических критериев.
+ * @param props Свойства компонента.
+ */
+export const SearchUIFilters = (props) => {
+    const { t } = useTranslation();
+    const { settingsContextName, possibleCriteria = [], predefinedCriteria = [], exactSearchLabels = [], initialSearchConditions, searchConditions, config, onFiltersUpdate, } = props;
+    const defaults = useContext(SearchUIDefaultsContext);
+    const adjustedPossibleCriteria = filterAvailableCriteria(defaults, [
+        ...new Set([
+            ...possibleCriteria,
+            ...predefinedCriteria
+        ])
+    ]);
+    const setInitialState = useSearchUIFiltersStore(s => s.setInitialState);
+    const loadTemplates = useSearchUIFiltersStore(s => s.loadTemplates);
+    const criteria = useSearchUIFiltersStore(s => s.criteria);
+    const clearCriteria = useSearchUIFiltersStore(s => s.clearCriteria);
+    const restoreClearCriteriaSnapshot = useSearchUIFiltersStore(s => s.restoreClearCriteriaSnapshot);
+    const addCriterion = useSearchUIFiltersStore(s => s.addCriterion);
+    const conflictingCriteriaGroups = useSearchUIFiltersStore(s => s.config?.conflictingCriteriaGroups);
+    const hideTemplatesSelect = useSearchUIFiltersStore(s => s.config?.hideTemplatesSelect);
+    const hideShowFiltersButton = useSearchUIFiltersStore(s => s.config?.hideShowFiltersButton);
+    const manualSearch = useSearchUIFiltersStore(s => s.config?.manualSearch);
+    const hasUnappliedFilters = useSearchUIFiltersStore(s => s.hasUnappliedFilters);
+    const triggerSearch = useSearchUIFiltersStore(s => s.triggerSearch);
+    const exactSearchLabel = useSearchUIFiltersStore(s => s.exactSearchLabel);
+    const updateConditions = useSearchUIFiltersStore(s => s.updateConditions);
+    const filtersState = useSearchUIFiltersStore(s => s);
+    const [showFilters, setShowFilters] = useState(true);
+    const pendingClearCriteriaUndoRef = useRef(null);
+    const clearPendingClearCriteriaUndo = (dismissSnackbar = true) => {
+        const pending = pendingClearCriteriaUndoRef.current;
+        if (!pending)
+            return;
+        if (pending.timeoutId) {
+            clearTimeout(pending.timeoutId);
+        }
+        if (dismissSnackbar) {
+            overlayActions.removeSnackbar(pending.snackbarId);
+        }
+        pendingClearCriteriaUndoRef.current = null;
+    };
+    useEffect(() => {
+        setInitialState({
+            defaults: defaults,
+            settingsContextName: settingsContextName,
+            possibleCriteria: adjustedPossibleCriteria,
+            predefinedCriteria: predefinedCriteria,
+            exactSearchLabels: exactSearchLabels,
+            exactSearchLabel: exactSearchLabel || exactSearchLabels[0],
+            criteria: predefinedCriteria,
+            config: config,
+            onFiltersUpdate: onFiltersUpdate,
+            ...initialSearchConditions
+        });
+    }, []);
+    useEffect(() => {
+        loadTemplates();
+    }, []);
+    useEffect(() => {
+        if (searchConditions) {
+            updateConditions(searchConditions, {
+                forceSearch: true,
+                resetTemplate: true,
+            });
+        }
+    }, [searchConditions]);
+    useEffect(() => {
+        const unsubscribe = useSearchUIFiltersStore.subscribe(state => {
+            const pending = pendingClearCriteriaUndoRef.current;
+            if (!pending)
+                return;
+            const currentSnapshot = createClearCriteriaUndoSnapshot(state);
+            if (isEqual(currentSnapshot, pending.baseline)) {
+                return;
+            }
+            clearPendingClearCriteriaUndo();
+        });
+        return () => {
+            clearPendingClearCriteriaUndo();
+            unsubscribe();
+        };
+    }, []);
+    const someCriteriaAdded = criteria.length > 0;
+    const showFiltersCountChip = someCriteriaAdded && !showFilters;
+    const removablePredefinedCriteria = config?.removablePredefinedCriteria ?? [];
+    const nonRemovablePredefinedCriteria = predefinedCriteria.filter(criterion => !removablePredefinedCriteria.includes(criterion));
+    const nothingToClear = criteria.every(criterion => nonRemovablePredefinedCriteria.includes(criterion));
+    const criteriaOptions = adjustedPossibleCriteria
+        .filter(criterion => !criteria.includes(criterion))
+        .filter(criterion => isCriterionAvailable(criterion, filtersState, config))
+        .filter(possibleC => {
+        let show = true;
+        conflictingCriteriaGroups?.forEach(group => {
+            if (group.includes(possibleC) && group.some(conflictingC => criteria.includes(conflictingC))) {
+                show = false;
+            }
+        });
+        return show;
+    });
+    const allCriteriaAdded = criteriaOptions.length === 0;
+    const showClearAllButton = !nothingToClear;
+    const showTemplatesMenu = !hideTemplatesSelect;
+    const showAddFilterButton = !allCriteriaAdded;
+    const showMainActionsRow = showClearAllButton || showTemplatesMenu || showAddFilterButton;
+    const handleClearCriteria = () => {
+        const snapshotBeforeClear = createClearCriteriaUndoSnapshot(useSearchUIFiltersStore.getState());
+        clearPendingClearCriteriaUndo();
+        clearCriteria();
+        const baseline = createClearCriteriaUndoSnapshot(useSearchUIFiltersStore.getState());
+        const autoHideMs = 5000;
+        const snackbarId = overlayActions.showUndoSnackbar({
+            message: t('react.searchUI.clearAll.cleared', { defaultValue: 'All filters cleared' }),
+            undoLabel: t('react.searchUI.undo', { defaultValue: 'Undo' }),
+            autoHideMs,
+            onUndo: () => {
+                clearPendingClearCriteriaUndo(false);
+                restoreClearCriteriaSnapshot(snapshotBeforeClear);
+            },
+        });
+        pendingClearCriteriaUndoRef.current = {
+            snackbarId,
+            baseline,
+            timeoutId: setTimeout(() => {
+                clearPendingClearCriteriaUndo(false);
+            }, autoHideMs),
+        };
+    };
+    return React.createElement(Box, { sx: { px: '16px' } },
+        React.createElement(Box, { sx: headerSx },
+            React.createElement(Box, { sx: headerPrimaryRowSx },
+                hideShowFiltersButton ? null : React.createElement(IconButton, { onClick: () => setShowFilters(prev => !prev), size: 'small', color: 'primary' },
+                    React.createElement(ExpandMoreIcon, { fontSize: 'small', sx: { transform: showFilters ? 'rotate(180deg)' : 'rotate(-90deg)' } })),
+                React.createElement(Box, { sx: titleSx, component: 'span' }, t('react.searchUI.filters')),
+                showFiltersCountChip ? React.createElement(Chip, { size: 'small', color: 'primary', variant: 'outlined', label: criteria.length, sx: nowrapChipSx }) : null),
+            React.createElement(SearchUIFiltersHeaderActions, null,
+                showMainActionsRow ? React.createElement(SearchUIFiltersHeaderMainRow, null,
+                    React.createElement(SearchUIFiltersHeaderLeft, null, showClearAllButton ? React.createElement(PneButton, { onClick: handleClearCriteria, color: 'pneNeutral', size: 'small', sx: nowrapButtonSx }, t('clear.all')) : null),
+                    React.createElement(SearchUIFiltersHeaderRight, null,
+                        showTemplatesMenu ? React.createElement(SearchUITemplatesMenu, null) : null,
+                        showAddFilterButton ? React.createElement(SearchUIAddFilter, { options: criteriaOptions, onChange: criterion => {
+                                setShowFilters(true);
+                                addCriterion(criterion);
+                            } }) : null)) : null,
+                manualSearch ? React.createElement(SearchUIFiltersHeaderSearch, null,
+                    React.createElement(PneButton, { onClick: triggerSearch, color: 'primary', size: 'small', variant: 'contained', disabled: !hasUnappliedFilters, sx: nowrapButtonSx }, t('react.searchUI.search'))) : null)),
+        showFilters ? React.createElement(Box, null, criteria.map((criterion) => React.createElement(CriterionContainer, { key: criterion, type: criterion }))) : null);
+};
+const titleSx = {
+    display: 'flex',
+    lineHeight: '32px',
+    fontSize: '20px',
+    fontWeight: '700',
+    color: '#323745', //TODO theme это должно приходить из темы
+};
+const headerSx = {
+    display: 'flex',
+    alignItems: 'center',
+    columnGap: '12px',
+    width: '100%',
+    py: '15px',
+    '@media (max-width: 599px)': {
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        rowGap: '8px',
+    },
+};
+const headerPrimaryRowSx = {
+    display: 'flex',
+    alignItems: 'center',
+    columnGap: '12px',
+    flexWrap: 'nowrap',
+    width: 'auto',
+    '@media (max-width: 599px)': {
+        width: '100%',
+    },
+};
+const nowrapButtonSx = {
+    whiteSpace: 'nowrap',
+};
+const nowrapChipSx = {
+    whiteSpace: 'nowrap',
+};
+/**
+ * Фильтрует список критериев в соответствии с доступностью, предоставленной настройками по умолчанию.
+ * @param defaults Значения по умолчанию из {@link SearchUIDefaultsContext}.
+ * @param criteria Критерии, которые требуется проверить.
+ * @returns Подмножество критериев, доступных пользователю.
+ */
+export const filterAvailableCriteria = (defaults, criteria) => {
+    const visibilityFlags = {
+        [CriterionTypeEnum.PROJECT_CURRENCY]: defaults.showProjectCurrencyCriterion(),
+        [CriterionTypeEnum.PROCESSOR]: defaults.showProcessorsCriterion(),
+        [CriterionTypeEnum.GATE]: defaults.showGatesCriterion(),
+        [CriterionTypeEnum.PROJECT]: defaults.showProjectsCriterion(),
+        [CriterionTypeEnum.ENDPOINT]: defaults.showEndpointsCriterion(),
+        [CriterionTypeEnum.MERCHANT]: defaults.showMerchantsCriterion(),
+        [CriterionTypeEnum.MANAGER]: defaults.showManagersCriterion(),
+        [CriterionTypeEnum.RESELLER]: defaults.showResellersCriterion(),
+        [CriterionTypeEnum.DEALER]: defaults.showDealersCriterion(),
+        [CriterionTypeEnum.COMPANY]: defaults.showCompaniesCriterion(),
+        // [CriterionTypeEnum.SUPE]: defaults.showSuperiorsCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormPaymentTemplatesCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormFinishTemplatesCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormWaitTemplatesCriterion(),
+        // [CriterionTypeEnum.X]: defaults.showFormPayment3dsTemplatesCriterion(),
+    };
+    return (criteria || []).filter(c => visibilityFlags[c] !== false);
+};
+//# sourceMappingURL=SearchUIFilters.js.map

package/esm/src/component/search-ui/filters/SearchUIFilters.js.map

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onClick: () => void;
+}
+declare const SearchUIFiltersCriterionHeaderClearButton: (props: IProps) => React.JSX.Element;
+export default SearchUIFiltersCriterionHeaderClearButton;

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SearchUIFiltersCriterionHeaderButton } from '../../styled';
+const SearchUIFiltersCriterionHeaderClearButton = (props) => {
+    const { onClick } = props;
+    return (React.createElement(SearchUIFiltersCriterionHeaderButton, { onClick: onClick },
+        React.createElement(EraseIcon, null)));
+};
+export default SearchUIFiltersCriterionHeaderClearButton;
+const EraseIcon = () => {
+    return React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M6 14.667H14", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M1.94047 11.7205L4.28048 14.0605C5.06048 14.8405 6.3338 14.8405 7.10714 14.0605L14.0605 7.10713C14.8405 6.32713 14.8405 5.0538 14.0605 4.28046L11.7205 1.94047C10.9405 1.16047 9.66717 1.16047 8.89384 1.94047L1.94047 8.8938C1.16047 9.66713 1.16047 10.9405 1.94047 11.7205Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M4.74609 6.08691L9.91276 11.2536", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
+};
+//# sourceMappingURL=SearchUIFiltersCriterionHeaderClearButton.js.map

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIFiltersCriterionHeaderClearButton.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,oCAAoC,EAAC,MAAM,cAAc,CAAC;AAMlE,MAAM,yCAAyC,GAAG,CAAC,KAAa,EAAE,EAAE;IAChE,MAAM,EACF,OAAO,EACV,GAAG,KAAK,CAAC;IAEV,OAAO,CACH,oBAAC,oCAAoC,IAAC,OAAO,EAAE,OAAO;QAClD,oBAAC,SAAS,OAAE,CACuB,CAC1C,CAAC;AACN,CAAC,CAAA;AAED,eAAe,yCAAyC,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,OAAO,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QACjG,8BAAM,CAAC,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE;QACvF,8BACI,CAAC,EAAC,gRAAgR,EAClR,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAChE;QACF,8BACI,CAAC,EAAC,kCAAkC,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAC5E,cAAc,EAAC,OAAO,GACxB,CACA,CAAA;AACV,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    onClick: () => void;
+}
+declare const SearchUIFiltersCriterionHeaderRemoveButton: (props: IProps) => React.JSX.Element;
+export default SearchUIFiltersCriterionHeaderRemoveButton;

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SearchUIFiltersCriterionHeaderButton } from '../../styled';
+const SearchUIFiltersCriterionHeaderRemoveButton = (props) => {
+    const { onClick } = props;
+    return React.createElement(SearchUIFiltersCriterionHeaderButton, { onClick: onClick },
+        React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M12 4L4 12", stroke: "#809EAE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M4 4L12 12", stroke: "#809EAE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+export default SearchUIFiltersCriterionHeaderRemoveButton;
+//# sourceMappingURL=SearchUIFiltersCriterionHeaderRemoveButton.js.map

package/esm/src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchUIFiltersCriterionHeaderRemoveButton.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,oCAAoC,EAAC,MAAM,cAAc,CAAC;AAMlE,MAAM,0CAA0C,GAAG,CAAC,KAAa,EAAE,EAAE;IACjE,MAAM,EACF,OAAO,EACV,GAAG,KAAK,CAAA;IAET,OAAO,oBAAC,oCAAoC,IAAC,OAAO,EAAE,OAAO;QACzD,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC1F,8BAAM,CAAC,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE;YACpG,8BAAM,CAAC,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,CAClG,CAC6B,CAAA;AAC3C,CAAC,CAAA;AAED,eAAe,0CAA0C,CAAC"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CardTypesCriterion: () => React.JSX.Element;

package/esm/src/component/search-ui/filters/component/criterion/CardTypesCriterion.js

@@ -0,0 +1,20 @@
+import React, { useContext, useEffect, useState } from 'react';
+import SearchUIAbstractEntitySelect from '../select/SearchUIAbstractEntitySelect';
+import { useSearchUIFiltersStore } from '../../state/store';
+import { SearchUIDefaultsContext } from "../../../SearchUIProvider";
+export const CardTypesCriterion = () => {
+    const [availableCardTypes, setAvailableCardTypes] = useState([]);
+    const cardTypes = useSearchUIFiltersStore(s => s.cardTypes);
+    const setCardTypesCriterion = useSearchUIFiltersStore(s => s.setCardTypesCriterion);
+    const { getCardTypes } = useContext(SearchUIDefaultsContext);
+    useEffect(() => {
+        getCardTypes()
+            .then(response => {
+            setAvailableCardTypes(response);
+        })
+            // .catch(raiseUIError)
+            .catch(console.error);
+    }, []);
+    return React.createElement(SearchUIAbstractEntitySelect, { value: cardTypes, options: availableCardTypes, onChange: setCardTypesCriterion });
+};
+//# sourceMappingURL=CardTypesCriterion.js.map

package/esm/src/component/search-ui/filters/component/criterion/CardTypesCriterion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTypesCriterion.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/CardTypesCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,4BAA4B,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAA;IAElF,MAAM,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAEnF,MAAM,EAAC,YAAY,EAAC,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,EAAE;aACT,IAAI,CAAC,QAAQ,CAAC,EAAE;YACb,qBAAqB,CAAC,QAAQ,CAAC,CAAA;QACnC,CAAC,CAAC;YACF,uBAAuB;aACtB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,oBAAC,4BAA4B,IAChC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,qBAAqB,GACjC,CAAA;AACN,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CountriesCriterion: () => React.JSX.Element;

package/esm/src/component/search-ui/filters/component/criterion/CountriesCriterion.js

@@ -0,0 +1,19 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { SearchUIDefaultsContext } from '../../../SearchUIProvider';
+import { useSearchUIFiltersStore } from '../../state/store';
+import SearchUICountriesSelect from '../select/SearchUICountriesSelect';
+export const CountriesCriterion = () => {
+    const [availableCountries, setAvailableCountries] = useState([]);
+    const countries = useSearchUIFiltersStore(s => s.countries);
+    const setCountriesCriterion = useSearchUIFiltersStore(s => s.setCountriesCriterion);
+    const { getCountries } = useContext(SearchUIDefaultsContext);
+    useEffect(() => {
+        getCountries()
+            .then(response => {
+            setAvailableCountries(response);
+        })
+            .catch(console.error);
+    }, [getCountries]);
+    return React.createElement(SearchUICountriesSelect, { value: countries, options: availableCountries, onChange: setCountriesCriterion });
+};
+//# sourceMappingURL=CountriesCriterion.js.map

package/esm/src/component/search-ui/filters/component/criterion/CountriesCriterion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountriesCriterion.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/CountriesCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAA;AACzD,OAAO,uBAAuB,MAAM,mCAAmC,CAAA;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAA;IAE3E,MAAM,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC3D,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAEnF,MAAM,EAAC,YAAY,EAAC,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,EAAE;aACT,IAAI,CAAC,QAAQ,CAAC,EAAE;YACb,qBAAqB,CAAC,QAAQ,CAAC,CAAA;QACnC,CAAC,CAAC;aACD,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,oBAAC,uBAAuB,IAC3B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,qBAAqB,GACjC,CAAA;AACN,CAAC,CAAA"}

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

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

package/esm/src/component/search-ui/filters/component/criterion/CriterionLeft.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Box } from '@mui/material';
+export const CriterionLeft = (props) => {
+    const { criterionType } = props;
+    const { t } = useTranslation();
+    // const theme = usePneTheme()
+    return React.createElement(Box, { sx: titleSx },
+        React.createElement(Box, { component: 'span', sx: { display: 'inline-block' } }, t('react.CriterionTypeEnum.' + criterionType)));
+};
+const titleSx = {
+    minWidth: '150px',
+    fontSize: '15px',
+    lineHeight: '20px',
+    color: '#38434D', //TODO use theme
+};
+//# sourceMappingURL=CriterionLeft.js.map

package/esm/src/component/search-ui/filters/component/criterion/CriterionLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriterionLeft.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/CriterionLeft.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,GAAG,EAAU,MAAM,eAAe,CAAC;AAQ3C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;IAC1C,MAAM,EACF,aAAa,EAChB,GAAG,KAAK,CAAA;IAET,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAA;IAC5B,8BAA8B;IAE9B,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,OAAO;QACnB,oBAAC,GAAG,IAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC,IAChD,CAAC,CAAC,0BAA0B,GAAG,aAAa,CAAC,CAC5C,CACJ,CAAA;AACV,CAAC,CAAA;AAED,MAAM,OAAO,GAAY;IACrB,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS,EAAE,gBAAgB;CACrC,CAAA"}

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

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

package/esm/src/component/search-ui/filters/component/criterion/CriterionRight.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import SearchUIFiltersCriterionHeaderClearButton from '../button/SearchUIFiltersCriterionHeaderClearButton';
+import SearchUIFiltersCriterionHeaderRemoveButton from '../button/SearchUIFiltersCriterionHeaderRemoveButton';
+import { useSearchUIFiltersStore } from '../../state/store';
+import { Box } from '@mui/material';
+export const CriterionRight = (props) => {
+    const { criterionType } = props;
+    const predefinedCriteria = useSearchUIFiltersStore(s => s.predefinedCriteria);
+    const removablePredefinedCriteria = useSearchUIFiltersStore(s => s.config?.removablePredefinedCriteria);
+    const clearCriterion = useSearchUIFiltersStore(s => s.clearCriterion);
+    const removeCriterion = useSearchUIFiltersStore(s => s.removeCriterion);
+    const clear = () => {
+        clearCriterion(criterionType);
+    };
+    const remove = () => {
+        removeCriterion(criterionType);
+    };
+    const hasRemoveButton = !predefinedCriteria.includes(criterionType)
+        || removablePredefinedCriteria?.includes(criterionType);
+    return React.createElement(Box, { sx: boxSx },
+        React.createElement(SearchUIFiltersCriterionHeaderClearButton, { onClick: clear }),
+        hasRemoveButton && React.createElement(SearchUIFiltersCriterionHeaderRemoveButton, { onClick: remove }));
+};
+const boxSx = {
+    display: 'flex',
+    ml: 'auto',
+    alignItems: 'center',
+};
+//# sourceMappingURL=CriterionRight.js.map

package/esm/src/component/search-ui/filters/component/criterion/CriterionRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriterionRight.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/CriterionRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,yCAAyC,MAAM,qDAAqD,CAAC;AAC5G,OAAO,0CAA0C,MAAM,sDAAsD,CAAC;AAC9G,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,GAAG,EAAU,MAAM,eAAe,CAAC;AAM3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IAC3C,MAAM,EACF,aAAa,EAChB,GAAG,KAAK,CAAA;IAET,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAA;IAC7E,MAAM,2BAA2B,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,2BAA2B,CAAC,CAAA;IACvG,MAAM,cAAc,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,eAAe,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAA;IAEvE,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,cAAc,CAAC,aAAa,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,eAAe,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC;WAC5D,2BAA2B,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IAE3D,OAAO,oBAAC,GAAG,IAAC,EAAE,EAAE,KAAK;QACjB,oBAAC,yCAAyC,IAAC,OAAO,EAAE,KAAK,GAAG;QAC3D,eAAe,IAAI,oBAAC,0CAA0C,IAAC,OAAO,EAAE,MAAM,GAAG,CAChF,CAAA;AACV,CAAC,CAAA;AAED,MAAM,KAAK,GAAY;IACnB,OAAO,EAAE,MAAM;IACf,EAAE,EAAE,MAAM;IACV,UAAU,EAAE,QAAQ;CACvB,CAAA"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CurrenciesCriterion: () => React.JSX.Element;

package/esm/src/component/search-ui/filters/component/criterion/CurrenciesCriterion.js

@@ -0,0 +1,20 @@
+import React, { useContext, useEffect, useState } from 'react';
+import SearchUIAbstractEntitySelect from '../select/SearchUIAbstractEntitySelect';
+import { useSearchUIFiltersStore } from '../../state/store';
+import { SearchUIDefaultsContext } from "../../../SearchUIProvider";
+export const CurrenciesCriterion = () => {
+    const [availableCurrencies, setAvailableCurrencies] = useState([]);
+    const currencies = useSearchUIFiltersStore(s => s.currencies);
+    const setCurrenciesCriterion = useSearchUIFiltersStore(s => s.setCurrenciesCriterion);
+    const { getCurrencies } = useContext(SearchUIDefaultsContext);
+    useEffect(() => {
+        getCurrencies()
+            .then(response => {
+            setAvailableCurrencies(response);
+        })
+            // .catch(raiseUIError)
+            .catch(console.error);
+    }, []);
+    return React.createElement(SearchUIAbstractEntitySelect, { value: currencies, options: availableCurrencies, onChange: setCurrenciesCriterion });
+};
+//# sourceMappingURL=CurrenciesCriterion.js.map

package/esm/src/component/search-ui/filters/component/criterion/CurrenciesCriterion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrenciesCriterion.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/CurrenciesCriterion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,4BAA4B,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAC,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAA;IAEpF,MAAM,UAAU,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IAC7D,MAAM,sBAAsB,GAAG,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAA;IAErF,MAAM,EAAC,aAAa,EAAC,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAE3D,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,EAAE;aACV,IAAI,CAAC,QAAQ,CAAC,EAAE;YACb,sBAAsB,CAAC,QAAQ,CAAC,CAAA;QACpC,CAAC,CAAC;YACF,uBAAuB;aACtB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,oBAAC,4BAA4B,IAChC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,sBAAsB,GAClC,CAAA;AACN,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    showOrdersDateType?: boolean;
+};
+export declare const DateRangeCriterion: (props: Props) => React.JSX.Element;
+export {};

package/esm/src/component/search-ui/filters/component/criterion/DateRangeCriterion.js

@@ -0,0 +1,157 @@
+import React from 'react';
+import SearchUIDateRangeSpecTypeSelect from '../select/SearchUIDateRangeSpecTypeSelect';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import { Box, useMediaQuery } from '@mui/material';
+import { DateRangePicker, LocalizationProvider } from '@mui/x-date-pickers-pro';
+import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { useSearchUIFiltersStore } from '../../state/store';
+import timezone from 'dayjs/plugin/timezone';
+import { PneTextField } from '../../../../..';
+import { SearchUIOrderDateTypeSelect } from '../select/SearchUIOrderDateTypeSelect';
+import { filtersInputSx } from './style';
+dayjs.extend(utc);
+dayjs.extend(timezone);
+const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
+export const DateRangeCriterion = (props) => {
+    const { showOrdersDateType } = props;
+    const dateRangeSpec = useSearchUIFiltersStore(s => s.dateRangeSpec);
+    const setDateRangeCriterion = useSearchUIFiltersStore(s => s.setDateRangeCriterion);
+    const timeSelectionEnabledInConfig = useSearchUIFiltersStore(s => !!s.config?.dateRange?.enableTimeSelection);
+    const changeBeforeCount = (event) => {
+        const value = event.target.value;
+        let beforeCount = 0;
+        if (value) {
+            beforeCount = Number.parseInt(value);
+        }
+        setDateRangeCriterion({
+            ...dateRangeSpec,
+            beforeCount: beforeCount,
+        });
+    };
+    const exactDates = dateRangeSpec.dateRangeSpecType === 'EXACTLY';
+    const daysOrHoursBefore = dateRangeSpec.dateRangeSpecType === 'DAYS_BEFORE'
+        || dateRangeSpec.dateRangeSpecType === 'HOURS_BEFORE';
+    const withInputNear = exactDates || daysOrHoursBefore;
+    const setExactDate = (from, to) => {
+        setDateRangeCriterion({
+            ...dateRangeSpec,
+            dateFrom: from ? dayjs(from).toDate() : null,
+            dateTo: to ? dayjs(to).toDate() : null,
+        });
+    };
+    const handleSetDateRange = (dateRange) => {
+        if (dateRangeSpec.dateRangeSpecType === 'EXACTLY') {
+            setExactDate(dateRange[0], dateRange[1]);
+        }
+        else {
+            throw new Error('Impossible');
+        }
+    };
+    const handleSetDateRangeSpecType = (dateRangeSpecType) => {
+        setDateRangeCriterion({
+            ...dateRangeSpec,
+            dateRangeSpecType: dateRangeSpecType,
+        });
+    };
+    const dateRange = [
+        dateRangeSpec.dateFrom ? dayjs(dateRangeSpec.dateFrom) : null,
+        dateRangeSpec.dateTo ? dayjs(dateRangeSpec.dateTo) : null,
+    ];
+    const enableTimeSelection = showOrdersDateType || timeSelectionEnabledInConfig;
+    const isSmallScreen = useMediaQuery('(max-width:599px)');
+    const stackDateTimePickers = enableTimeSelection && isSmallScreen;
+    const dateTimePickerWrapperSx = stackDateTimePickers
+        ? {
+            ...dateTimePickerContainerSx,
+            ...stackedDateTimePickerContainerSx,
+        }
+        : dateTimePickerContainerSx;
+    return React.createElement(React.Fragment, null,
+        React.createElement(Box, { sx: { display: 'flex', gap: '5px', py: '8px' } },
+            showOrdersDateType ? React.createElement(SearchUIOrderDateTypeSelect, null) : null,
+            React.createElement(SearchUIDateRangeSpecTypeSelect, null)),
+        React.createElement(Box, { sx: { display: 'flex', gap: '5px', pb: withInputNear ? '8px' : 0 } }, withInputNear
+            ? exactDates
+                ? React.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs }, enableTimeSelection
+                    ? React.createElement(Box, { sx: dateTimePickerWrapperSx },
+                        React.createElement(DateTimePicker, { value: dateRange[0], onChange: from => setExactDate(from, dateRange[1]), ampm: false, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], format: DATE_TIME_FORMAT, timeSteps: {
+                                minutes: 1,
+                                seconds: 1,
+                            }, slotProps: {
+                                textField: {
+                                    size: 'small',
+                                    sx: stackDateTimePickers ? dateTimePickerFullWidthInputSx : filtersInputSx,
+                                    variant: 'filled',
+                                    slotProps: {
+                                        htmlInput: { placeholder: DATE_TIME_FORMAT },
+                                        input: { disableUnderline: true },
+                                    },
+                                },
+                                popper: { placement: 'auto' },
+                            } }),
+                        React.createElement(DateTimePicker, { value: dateRange[1], onChange: to => setExactDate(dateRange[0], to), ampm: false, views: ['year', 'month', 'day', 'hours', 'minutes', 'seconds'], format: DATE_TIME_FORMAT, timeSteps: {
+                                minutes: 1,
+                                seconds: 1,
+                            }, slotProps: {
+                                textField: {
+                                    size: 'small',
+                                    sx: stackDateTimePickers ? dateTimePickerFullWidthInputSx : filtersInputSx,
+                                    variant: 'filled',
+                                    slotProps: {
+                                        htmlInput: { placeholder: DATE_TIME_FORMAT },
+                                        input: { disableUnderline: true },
+                                    },
+                                },
+                                popper: { placement: 'auto' },
+                            } }))
+                    : React.createElement(DateRangePicker, { sx: dateRangePickerSx, value: dateRange, onChange: handleSetDateRange, slotProps: {
+                            popper: { placement: 'auto' },
+                        } }))
+                : React.createElement(PneTextField, { value: dateRangeSpec.beforeCount || '', onChange: changeBeforeCount, type: 'number', slotProps: {
+                        htmlInput: { min: 1 },
+                        input: { disableUnderline: true },
+                    }, sx: {
+                        ...filtersInputSx,
+                        ml: '5px',
+                        width: '80px',
+                    }, size: 'small', variant: 'filled' })
+            : null));
+};
+const dateRangePickerSx = {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '40px',
+    '& .MuiFormLabel-root.MuiInputLabel-root': {
+        display: 'none',
+    },
+    '& .MuiInputBase-input.MuiOutlinedInput-input': {
+        p: '0 0 0 5px',
+        height: '20px',
+        fontSize: '14px',
+    },
+    '& .MuiOutlinedInput-notchedOutline': {
+        borderRadius: '0',
+        border: 'transparent !important',
+    },
+    '& .MuiFormControl-root.MuiTextField-root': {
+        m: 0,
+    },
+};
+const dateTimePickerContainerSx = {
+    display: 'flex',
+    alignItems: 'center',
+    columnGap: '8px',
+};
+const stackedDateTimePickerContainerSx = {
+    flexDirection: 'column',
+    alignItems: 'stretch',
+    rowGap: '8px',
+    columnGap: 0,
+};
+const dateTimePickerFullWidthInputSx = {
+    ...filtersInputSx,
+    width: '100%',
+};
+//# sourceMappingURL=DateRangeCriterion.js.map