@redneckz/wildless-cms-uni-blocks 0.14.842 → 0.14.844

package/bundle/bundle.umd.js

@@ -137,7 +137,7 @@
     const Headline = JSX(({ className, version = '', headlineVersion = 'XL', title, description, align = 'text-center', as, isEmbedded = false, isTheme = false, ...rest }) => {
         const versionStyle = headlineVersionStyles[headlineVersion];
         const descriptionStyle = { marginTop: versionStyle.descriptionStyle };
-        return (jsxs(BlockWrapper, { className: style({ '@container-normal': isEmbedded }, className), defaultPadding: isEmbedded ? '' : 'p-6xl', version: version, isTheme: isTheme, ...rest, children: [title ? (jsx(Heading, { className: style('whitespace-pre-wrap', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? (jsx(Paragraph, { size: versionStyle.descriptionSize, font: versionStyle.descriptionWeight, align: align, ...descriptionStyle, children: description })) : null] }));
+        return (jsxs(BlockWrapper, { className: style({ '@container-normal': isEmbedded }, className), defaultPadding: isEmbedded ? '' : 'p-6xl', version: version, isTheme: isTheme, ...rest, children: [title ? (jsx(Heading, { className: style('whitespace-normal', align), ...versionStyle?.title, as: as || versionStyle?.title.as, title: title })) : null, description ? (jsx(Paragraph, { size: versionStyle.descriptionSize, font: versionStyle.descriptionWeight, align: align, ...descriptionStyle, children: description })) : null] }));
     });
 
     const DEFAULT_SLOT_NAME = null;
@@ -632,7 +632,7 @@
                                     imageAlign,
                                 }), buttons ? jsx("div", { className: "self-end", children: buttons }) : null] })] })] }));
     });
-    const renderMiddleContent = (insetTitle, children) => insetTitle || children ? (jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] })) : null;
+    const renderMiddleContent = (insetTitle, children) => insetTitle || children ? (jsxs("div", { className: "grow space-y-lg w-fit", children: [insetTitle, children] })) : null;
     const imageAlwaysOnRightContainerStyle = (isImage) => style(isImage ? 'row-span-2' : '@xl:row-span-2');
     const renderUnitContainer = (childrenBlocks) => childrenBlocks?.length ? (jsx("div", { className: "flex items-start justify-end", children: childrenBlocks })) : null;
 
@@ -5084,7 +5084,7 @@
         .then((res) => res.text())
         .then((text) => text === 'OK');
 
-    const ICON_SIZE$1 = { width: '118', height: '24' };
+    const ICON_SIZE = { width: '118', height: '24' };
 
     const logoTitleSizeStyle = '';
 
@@ -5110,7 +5110,7 @@
         'bg-white': 'text-primary-text',
         transparent: 'text-white',
     };
-    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage(bgColor, logo?.image, ICON_SIZE$1), showTitle
+    const Logo = JSX(({ className, href = '/', logo, children, targetBlank, bgColor = 'bg-white', showTitle = true, data, }) => (jsxs("a", { className: style('inline-flex items-center font-sans no-underline', className), href: logo?.href ?? href, target: targetBlank ? '_blank' : '_self', "aria-label": logo?.title ?? 'Россельхозбанк', ...getAspectsAttributes(data), children: [renderImage(bgColor, logo?.image, ICON_SIZE), showTitle
                 ? children ?? (jsx("div", { className: "ml-s", children: jsx(Text, { font: "font-medium", color: TEXT_COLOR[bgColor], size: logoTitleSizeStyle, children: logo?.title ?? 'Россельхозбанк' }) }))
                 : null] })));
 
@@ -6582,9 +6582,9 @@
     };
 
     const EMPTY_SCHEMA = {};
-    const initialFiltrationState$2 = {};
+    const initialFiltrationState$1 = {};
     const BankAccountFiltration = UniBlock(({ className, filtrationSchema = EMPTY_SCHEMA, consumerField = {}, resetButton, ...rest }) => {
-        const [, { blocksToRender }, { field, reset }] = useFiltrationForm(initialFiltrationState$2, {
+        const [, { blocksToRender }, { field, reset }] = useFiltrationForm(initialFiltrationState$1, {
             block: rest.block,
             page: rest.options?.page,
         });
@@ -7442,15 +7442,6 @@
         };
     }) ?? [];
 
-    const titleSize = 'XS';
-
-    const layerBaseStyle = 'z-10 border border-solid w-full h-full';
-    const layerStyle = style(layerBaseStyle, 'absolute hidden @xl:block border-transparent');
-    const CarouselCard = JSX(({ className, title, description, button, ...rest }) => (jsx(BlockWrapper, { className: style('sm:pl-6xl sm:pb-4xl @container-normal', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { className: "relative h-full", children: [jsx("div", { className: style(layerStyle, 'top-9 right-12 bg-green-dark') }), jsx("div", { className: style(layerStyle, 'top-6 right-8 bg-green') }), jsx("div", { className: style(layerStyle, 'top-3 right-4 bg-green-light') }), jsxs("div", { className: style(layerBaseStyle, 'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-more-light'), children: [jsx(Headline, { title: title, description: description, headlineVersion: titleSize, align: "text-left", isEmbedded: true }), renderButtonsSection([button], {
-                            className: 'mt-m sm:mt-6xl sm:justify-center',
-                            isVertical: true,
-                        })] })] }) })));
-
     const cardStyleMap = {
         black: 'bg-black',
         white: 'bg-white',
@@ -9357,7 +9348,7 @@
 
     const DEFAULT_MIN_SUM = 500;
     const DEFAULT_MAX_SUM = 1000000000;
-    const initialFiltrationState$1 = {
+    const initialFiltrationState = {
         sum: {
             min: 10000,
             max: DEFAULT_MAX_SUM,
@@ -9365,7 +9356,7 @@
         period: 3,
     };
     const DepositFiltration = UniBlock(({ className, filtrationSchema = {}, resetButton, sumInput, periodInput, ...rest }) => {
-        const [, { blocksToRender, blocksWithProps }, { field, reset }] = useFiltrationForm(initialFiltrationState$1, {
+        const [, { blocksToRender, blocksWithProps }, { field, reset }] = useFiltrationForm(initialFiltrationState, {
             block: rest.block,
             page: rest.options?.page,
             normalize: (content) => ({ ...content, period: getPeriod(content) }),
@@ -9394,115 +9385,6 @@
         .filter(isRateRow)
         .flatMap((_) => numberRange(_.minMonths, _.maxMonths))).sort((a, b) => a - b) || [];
 
-    const DEFAULT_OPTIONS = [{ key: '10' }, { key: '50' }, { key: '100' }];
-    const PageSizeSelector = ({ itemCount, onItemCountChange }) => {
-        const handleItemCountChange = useCallback(({ key }) => onItemCountChange(Number(key)), []);
-        return (jsxs("div", { className: "mt-2 @lg:mt-0 items-center gap-s hidden @lg:flex", children: [jsx("span", { children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u043E" }), jsx(Select, { className: "min-w-20", onChange: handleItemCountChange, value: { key: String(itemCount) }, options: DEFAULT_OPTIONS, iconVersion: "black" })] }));
-    };
-
-    const paginationBlockStyle = 'py-m @lg:px-lg px-m rounded-md cursor-pointer text-center min-w-10 @lg:min-w-0 hover:bg-primary-hover hover:text-white';
-
-    const checkPageRange = (page, currentPage, totalPages) => (currentPage <= 2 && page <= currentPage + 2) ||
-        (currentPage >= totalPages - 1 && page >= totalPages - 3);
-    const shouldRenderPage = (page, currentPage, totalPages) => (page < currentPage && page >= currentPage - 1) ||
-        (page <= currentPage + 1 && page > currentPage) ||
-        checkPageRange(page, currentPage, totalPages);
-
-    const renderPages = (pagesParams, index) => {
-        const { currentPage, onPageChange, totalPages } = pagesParams;
-        const page = index + 1;
-        if (page === currentPage) {
-            return (jsx("div", { "aria-current": "true", className: "py-m @lg:px-lg px-m bg-primary-main text-center min-w-10 @lg:min-w-0 text-white rounded-md", children: page }, String(index)));
-        }
-        if (page !== 1 && page !== totalPages && shouldRenderPage(page, currentPage, totalPages)) {
-            return (jsx("div", { onClick: () => onPageChange(page), className: paginationBlockStyle, "aria-label": `Страница ${page}`, children: page }, String(index)));
-        }
-        return null;
-    };
-
-    const ICON_SIZE = { width: '24', height: '24' };
-    const PaginationContainer = ({ currentPage, onPageChange, totalPages, }) => {
-        const pages = useMemo(() => Array.from({ length: totalPages }).fill({
-            currentPage,
-            onPageChange,
-            totalPages,
-        }), [totalPages, currentPage]);
-        const handlePrevPage = useCallback(() => {
-            if (currentPage > 1) {
-                onPageChange(currentPage - 1);
-            }
-        }, [currentPage]);
-        const handleNextPage = useCallback(() => {
-            if (currentPage < totalPages) {
-                onPageChange(currentPage + 1);
-            }
-        }, [currentPage, totalPages]);
-        const handleFirstPage = useCallback(() => onPageChange(1), []);
-        const handleLastPage = useCallback(() => onPageChange(totalPages), [totalPages]);
-        return (jsxs("div", { className: "flex gap-m items-center", children: [jsx("div", { onClick: handlePrevPage, children: jsx(Icon, { name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === 1), ...ICON_SIZE }) }), jsxs("div", { className: "flex @lg:gap-2xs", children: [currentPage > 1 ? (jsx("div", { onClick: handleFirstPage, className: paginationBlockStyle, "aria-label": "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 1", children: "1" })) : null, currentPage > 3 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, pages.map(renderPages), currentPage < totalPages - 2 ? jsx("div", { className: "py-m @lg:px-s", children: "..." }) : null, currentPage < totalPages ? (jsx("div", { onClick: handleLastPage, className: paginationBlockStyle, "aria-label": `Страница ${totalPages}`, children: totalPages })) : null] }), jsx("div", { onClick: handleNextPage, children: jsx(Icon, { className: "rotate-180", name: "ArrowLeftIcon", iconVersion: "black", imageClassName: getIconStyle(currentPage === totalPages), ...ICON_SIZE }) })] }));
-    };
-    const getIconStyle = (condition) => condition ? 'opacity-20' : 'cursor-pointer hover:opacity-60';
-
-    const Pagination = ({ currentPage, onPageChange, totalPages, itemCount, onItemCountChange, }) => (jsxs("div", { className: "mt-3xl flex justify-between flex-col @lg:flex-row items-center select-none", role: "navigation", "aria-label": "\u041F\u0430\u0433\u0438\u043D\u0430\u0446\u0438\u044F", children: [jsx(PaginationContainer, { currentPage: currentPage, onPageChange: onPageChange, totalPages: totalPages }), itemCount && onItemCountChange ? (jsx(PageSizeSelector, { itemCount: itemCount, onItemCountChange: onItemCountChange })) : null] }));
-
-    const SearchInput = JSX(({ className, value, autoFocus, onChange, onFocus, placeholder = 'Поиск по сайту' }) => {
-        const handleChange = useCallback((ev) => {
-            onChange && onChange(ev.target?.value || '');
-        }, [onChange]);
-        return (jsxs("div", { className: style('relative', className), role: "form", children: [jsx("div", { className: "absolute h-full flex items-center pl-m pointer-events-none", children: jsx(Img, { image: { icon: 'LoupeIcon', iconVersion: 'black' }, width: "24", height: "24" }) }), jsx("input", { className: style('h-14 w-full px-10 text-l text-black box-border rounded-md', inputValidStyle), value: value, type: "text", name: "search-bar-input", placeholder: placeholder, autoFocus: autoFocus, onChange: handleChange, onFocus: onFocus })] }));
-    });
-
-    const DepositoryFilter = JSX(({ field, onClearFilter, filtrationState }) => (jsxs("div", { className: "grid grid-cols-12 mb-3xl @lg:space-x-xl", children: [jsx(SearchInput, { className: "col-span-12 @lg:col-span-4 mt-auto", placeholder: "\u041F\u043E\u0438\u0441\u043A", ...field('query') }), jsx(DatePicker, { className: "col-span-12 @lg:col-span-3 mt-4 @lg:mt-0", label: "\u041F\u0435\u0440\u0438\u043E\u0434 \u043E\u0442", maxDate: filtrationState.endDate, ...field('startDate') }), jsx(DatePicker, { className: "col-span-12 @lg:col-span-3 mt-4 @lg:mt-0", label: "\u041F\u0435\u0440\u0438\u043E\u0434 \u0434\u043E", minDate: filtrationState.startDate, ...field('endDate') }), jsx("div", { className: "col-span-12 @lg:col-span-2 mt-8 @lg:mt-auto", children: jsx(Button, { type: "reset", className: "w-full", version: "secondary", onClick: onClearFilter, children: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C" }) })] })));
-
-    const DepositoryItem = JSX(({ title, timestamp, publicId }) => {
-        const link = useLink();
-        const { href } = link({ href: `${API_BASE_URI$1}/depository/${publicId}/file` });
-        return (jsxs("div", { className: "flex gap-3 items-center py-lg border-gray border-opacity-50 border-b", children: [jsx(RoundedIcon, { className: "shrink-0", icon: "DocDownloadIcon", iconVersion: "black" }), jsxs("div", { className: "flex flex-col gap-x-6xl lg:flex-row lg:items-center", children: [timestamp ? (jsx(Text, { size: "text-m", "font-weight": "font-light", children: formatDate(timestamp) })) : null, jsx("a", { className: "text-h6 hover:text-primary-active", href: href, download: true, "aria-label": "\u0421\u043A\u0430\u0447\u0430\u0442\u044C", children: title })] })] }, publicId));
-    });
-
-    const DEPOSITARY_URL = `${API_BASE_URI$1}/depository`;
-    const useDepository = ({ size, page, query, startDate, endDate }) => {
-        const formatStartDate = startDate ? formatDate(startDate, true) : '';
-        const formatEndDate = endDate ? formatDate(endDate, true) : '';
-        const searchParams = new URLSearchParams(DEPOSITARY_URL);
-        searchParams.set('page', String(page));
-        searchParams.set('size', String(size));
-        searchParams.set('query', query);
-        searchParams.set('timestampStart', formatStartDate);
-        searchParams.set('timestampEnd', formatEndDate);
-        const queryString = `?${searchParams.toString()}`;
-        const { data } = useAsyncData(DEPOSITARY_URL + queryString, fetchJSONUnsafe);
-        return { items: data?.content, totalPages: data?.totalPages };
-    };
-
-    const DEFAULT_ITEMS_COUNT = 10;
-    const initialFiltrationState = {
-        startDate: undefined,
-        endDate: undefined,
-        query: '',
-    };
-    const Depository = UniBlock(({ className, ...rest }) => {
-        const [currentPage, setCurrentPage] = useState(0);
-        const [itemCount, setItemCount] = useState(DEFAULT_ITEMS_COUNT);
-        const [filtrationState, { field, reset }] = useForm(initialFiltrationState);
-        const { totalPages = 0, items = [] } = useDepository({
-            size: itemCount,
-            page: currentPage,
-            ...filtrationState,
-        });
-        const handleChangePage = useCallback((page) => setCurrentPage(page - 1), []);
-        const handleItemCountChange = useCallback((count) => {
-            if (itemCount !== count) {
-                setItemCount(count);
-                setCurrentPage(0);
-            }
-            else {
-                setItemCount(count);
-            }
-        }, []);
-        return (jsxs(BlockWrapper, { className: style(className, 'container p-6xl'), ...rest, children: [jsx(DepositoryFilter, { filtrationState: filtrationState, field: field, onClearFilter: reset }), jsxs("div", { className: "flex flex-col", children: [jsxs("div", { className: "grid grid-cols-12 pb-lg border-gray border-opacity-50 border-b", children: [jsx("div", { className: "col-span-4 @lg:col-span-2 hidden @lg:block", children: jsx(Text, { size: "text-m", color: "text-secondary-text", children: "\u0414\u0430\u0442\u0430" }) }), jsx("span", { className: "col-span-8 @lg:col-span-10 hidden @lg:block", children: jsx(Text, { size: "text-m", color: "text-secondary-text", children: "\u0422\u0435\u043C\u0430" }) })] }), items.length ? (items.map((params) => jsx(DepositoryItem, { ...params }, String(params.publicId)))) : (jsx(NotFound, { title: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E", description: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B" })), jsx(Pagination, { currentPage: currentPage + 1, onPageChange: handleChangePage, totalPages: totalPages, itemCount: itemCount, onItemCountChange: handleItemCountChange })] })] }));
-    });
-
     const renderErrorContent = (error) => {
         if (error?.contentType === 'Image' && error?.image) {
             return jsx(Img, { image: error.image });
@@ -9728,6 +9610,13 @@
         };
     };
 
+    const SearchInput = JSX(({ className, value, autoFocus, onChange, onFocus, placeholder = 'Поиск по сайту' }) => {
+        const handleChange = useCallback((ev) => {
+            onChange && onChange(ev.target?.value || '');
+        }, [onChange]);
+        return (jsxs("div", { className: style('relative', className), role: "form", children: [jsx("div", { className: "absolute h-full flex items-center pl-m pointer-events-none", children: jsx(Img, { image: { icon: 'LoupeIcon', iconVersion: 'black' }, width: "24", height: "24" }) }), jsx("input", { className: style('h-14 w-full px-10 text-l text-black box-border rounded-md', inputValidStyle), value: value, type: "text", name: "search-bar-input", placeholder: placeholder, autoFocus: autoFocus, onChange: handleChange, onFocus: onFocus })] }));
+    });
+
     const SearchDialog = JSX(({ initialQuery, navigationItems, onClose }) => {
         const basePathList = useMemo(() => navigationItems?.map((_) => _.href || '/'), [navigationItems]);
         const [searchResult, searchInputProps] = useSearch({
@@ -10975,13 +10864,11 @@
         CalculatorRefinancing,
         CardTransfer,
         Carousel,
-        CarouselCard,
         CarouselCatalogCard,
         CarouselRecommendationCard,
         CarouselTariffsCard,
         ContactsBlock,
         DepositFiltration,
-        Depository,
         ErrorBlock,
         Footer,
         GalleryLayout,
@@ -11148,7 +11035,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.841";
+    const packageVersion = "0.14.843";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;