@redneckz/wildless-cms-uni-blocks 0.16.3-credit → 0.16.4-credit

package/src/components/TariffsTable/TariffsTableRow.tsx

@@ -1,11 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { Img } from '../../ui-kit/Img/Img';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { Text } from '../../ui-kit/Text/Text';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { COLUMN_WIDTH, firstCellStyle } from './constants';
+import { renderHeader } from './renderHeader';
 import { TableCarouselContainer } from './TableCarouselContainer';
 import { TariffsTableCell } from './TariffsTableCell';
 import { type Data } from './TariffsTableContent';
@@ -13,63 +10,26 @@ import { TariffsTableRowContainer } from './TariffsTableRowContainer';
 
 export interface TariffsTableRowProps extends UniBlockProps {
   row: Data;
-  activeIndex: number;
-  rowIdx: number;
 }
 
 export const TariffsTableRow = JSX<TariffsTableRowProps>(
-  ({ row: { header, data }, activeIndex, rowIdx, ...rest }) => {
+  ({ row: { header, data = [] }, ...rest }) => {
     const [tableInner, setTableInner] = useState<TariffsTableInnerContent | undefined>(undefined);
-    const handleSetTableInner = useCallback(
-      (_: TariffsTableInnerContent | undefined) => setTableInner(_),
-      [],
-    );
-    const [openTableInnerIdx, setOpenTableInnerIdx] = useState<number | undefined>(undefined);
-    const handleOpenTableInnerIdx = useCallback(
-      (_: number | undefined) => setOpenTableInnerIdx(_),
-      [],
-    );
-    const onHideContentClick = () => setTableInner(undefined);
+    const handleSetTableInner = useCallback((_?: TariffsTableInnerContent) => {
+      setTableInner(_);
+    }, []);
 
     return (
-      <TariffsTableRowContainer
-        onHideContentClick={onHideContentClick}
-        tableInner={tableInner}
-        {...rest}
-      >
-        <div className={style('text-s', firstCellStyle)}>
-          <div className="flex gap-m items-center" role="cell">
-            {header?.icon ? (
-              <Img
-                className="hidden @4xl:block max-w-6 shrink-0"
-                image={header.icon}
-                width="24"
-                height="24"
-              />
-            ) : null}
-            {header?.title ? (
-              <Text size="text-m" font="font-light" color="text-primary-text">
-                {header?.title}
-              </Text>
-            ) : null}
-          </div>
-        </div>
+      <TariffsTableRowContainer tableInner={tableInner} {...rest}>
+        {renderHeader(header)}
         {data?.length ? (
-          <TableCarouselContainer
-            activeIndex={activeIndex}
-            columnWidth={COLUMN_WIDTH}
-            version="tariff"
-          >
+          <TableCarouselContainer version="tariff">
             {data.map((cells, i) => (
               <TariffsTableCell
                 key={String(i)}
                 cells={cells}
-                rowIdx={rowIdx}
-                cellIdx={i}
-                setTableInner={handleSetTableInner}
+                onSetTable={handleSetTableInner}
                 tableInner={tableInner}
-                openTableInnerIdx={openTableInnerIdx}
-                setOpenTableInnerIdx={handleOpenTableInnerIdx}
                 {...rest}
               />
             ))}

package/src/components/TariffsTable/TariffsTableRowContainer.tsx

@@ -3,27 +3,21 @@ import { InnerTable } from '../../ui-kit/InnerTable/InnerTable';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { style } from '../../utils/style';
-import { dividerStyle } from './constants';
 
 export interface TariffsTableRowContainerProps extends UniBlockProps {
   tableInner?: TariffsTableInnerContent;
-  onHideContentClick?: () => void;
+  onClick?: (_?: TariffsTableInnerContent) => void;
 }
 
+export const DIVIDER_STYLE = 'border-main-divider lg:border-b w-full py-s lg:py-xl';
+
 export const TariffsTableRowContainer = JSX<TariffsTableRowContainerProps>(
-  ({ children, tableInner, onHideContentClick }) => (
-    <div className="self-start flex flex-col" role="row">
-      <div
-        className={style(
-          dividerStyle,
-          'flex flex-col @4xl:flex-row gap-y-xs gap-x-5xl pb-lg @4xl:pt-lg',
-        )}
-      >
-        {children}
-      </div>
+  ({ children, tableInner, onClick }) => (
+    <div className={style('self-start flex flex-col gap-xl', DIVIDER_STYLE)} role="row">
+      <div className={style('flex flex-col lg:flex-row gap-x-5xl gap-y-xs')}>{children}</div>
       {tableInner ? (
         <div className="origin-top animate-expansion">
-          <InnerTable {...tableInner} onClick={onHideContentClick} />
+          <InnerTable {...tableInner} onClick={onClick} />
         </div>
       ) : null}
     </div>

package/src/components/TariffsTable/TariffsTableWrapper.tsx

@@ -1,27 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type CarouselControls } from '../../hooks/useCarouselControls';
-import { renderArrows } from '../../ui-kit/LinkButton/renderArrows';
 
-interface WrapperProps {
-  controls: CarouselControls;
-}
-
-export const TariffsTableWrapper = JSX<WrapperProps>(({ children, controls }) => {
-  const { isScrollAvailable } = controls;
-
-  return (
-    <div role="table" className="overflow-x-auto w-auto grid md:block">
-      <div className="relative space-y-xs">
-        {children}
-        {renderArrows({
-          ...controls,
-          btnClass: ['top-28', 'top-11'],
-          className: 'right-7',
-        })}
-      </div>
-      {isScrollAvailable ? (
-        <div className="absolute top-0 right-0 bottom-0 w-20 bg-opacity-to-white" />
-      ) : null}
-    </div>
-  );
-});
+export const TariffsTableWrapper = JSX(({ children }) => (
+  <div role="table" className="overflow-x-auto w-auto grid relative gap-y-xs">
+    {children}
+  </div>
+));

package/src/components/TariffsTable/dataFixture.tsx

@@ -1,9 +1,8 @@
 /* eslint-disable max-lines */
 import { type Picture } from '../../model/Picture';
+import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import {
-  type InnerTableBlockDef,
-  type LabelDescriptionCellDef,
-  type RichTextDef,
+  type CellDef,
   type TariffsTableColumn,
   type TariffsTableContent,
   type TariffsTableRowHeader,
@@ -23,30 +22,25 @@ const image: Picture = {
   title: 'Платёжные системы',
 };
 
-const LABEL_BLOCK: LabelDescriptionCellDef = {
-  tableCellType: 'LabelDescription',
+const LABEL_BLOCK: CellDef = {
   label: 'Заголовок без описания',
 };
 
-const LABEL_DESCRIPTION_BLOCK: LabelDescriptionCellDef = {
+const LABEL_DESCRIPTION_BLOCK: CellDef = {
   label: 'Ячейка 1-2',
-  tableCellType: 'LabelDescription',
+
   description: 'Описание',
 };
 
-const TABLE_BLOCK: InnerTableBlockDef = {
-  tableCellType: 'Table',
+const TABLE_BLOCK: TariffsTableInnerContent = {
   tableSource: { $ref: '/wcms-resources/tariffs-inner-table-data.json' },
-  pdfUrl: '#',
 };
 
-const DESCRIPTION_BLOCK: LabelDescriptionCellDef = {
-  tableCellType: 'LabelDescription',
+const DESCRIPTION_BLOCK: CellDef = {
   description: 'Описание без заголовка',
 };
 
-const RICHTEXT_BLOCK: RichTextDef = {
-  tableCellType: 'RichText',
+const RICHTEXT_BLOCK: CellDef = {
   __html: `
     <ul>
       <li>Элемент списка 1</li>
@@ -77,29 +71,24 @@ export const columns: TariffsTableColumn[] = [
         {
           label: 'Бесплатно',
           description: 'В банкоматах и кассах Россельхозбанка и банков-партнеров',
-          tableCellType: 'LabelDescription',
         },
         {
           label: 'Бесплатно',
           description: 'В сторонних банкоматах - 1 раз в месяц, далее 1% минимум 150 руб',
-          tableCellType: 'LabelDescription',
         },
       ],
       [LABEL_BLOCK],
       [
         {
           label: 'Платёжные системы картинкой',
-          tableCellType: 'LabelDescription',
         },
         {
           image: image,
-          tableCellType: 'Img',
         },
       ],
       [
-        { label: 'Кнопки-иконки', tableCellType: 'LabelDescription' },
+        { label: 'Кнопки-иконки' },
         {
-          tableCellType: 'Buttons',
           buttons: [
             {
               icon: { icon: 'AppleIcon' },
@@ -121,7 +110,6 @@ export const columns: TariffsTableColumn[] = [
       [
         {
           label: 'Бесплатно',
-          tableCellType: 'LabelDescription',
         },
       ],
       [
@@ -135,7 +123,6 @@ export const columns: TariffsTableColumn[] = [
             },
             alt: 'Деньги',
           },
-          tableCellType: 'Img',
         },
       ],
     ],

package/src/components/TariffsTable/renderCell.tsx

@@ -0,0 +1,42 @@
+import { Img } from '../../ui-kit/Img/Img';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
+import { RichText } from '../../ui-kit/RichText/RichText';
+import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
+import { Text } from '../../ui-kit/Text/Text';
+import type { CellDef } from './TariffsTableContent';
+
+export const renderCell = (
+  { label, description, __html, isDotted, buttons, image }: CellDef,
+  i: number,
+) => (
+  <div className="grid gap-xs" key={String(i)}>
+    {renderLabel(label)}
+    {renderDescription(description)}
+    {renderRich({ __html, isDotted })}
+    {renderButtonsSection(buttons, {
+      buttonClassName: 'basis-0',
+    })}
+    {image?.src ? <Img image={image} /> : null}
+  </div>
+);
+
+const renderLabel = (label?: string) =>
+  label ? (
+    <div>
+      <Text size="text-h6">{label}</Text>
+    </div>
+  ) : null;
+
+const renderDescription = (description?: string) =>
+  description ? (
+    <div className="text-l font-light">
+      <Text color="text-secondary-text">{description}</Text>
+    </div>
+  ) : null;
+
+const renderRich = ({ __html, isDotted }: RichTextProps) =>
+  __html ? (
+    <div className="flex flex-col justify-between items-start text-h6">
+      <RichText __html={__html} isDotted={isDotted} itemSize="list-m" />
+    </div>
+  ) : null;

package/src/components/TariffsTable/renderHeader.tsx

@@ -0,0 +1,19 @@
+import { Img } from '../../ui-kit/Img/Img';
+import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
+import type { TariffsTableRowHeader } from './TariffsTableContent';
+
+const FIRST_CELL_STYLES = 'w-80 flex-shrink-0 sticky left-0 bg-white';
+
+export const renderHeader = ({ title, icon }: TariffsTableRowHeader) => (
+  <div className={style('flex gap-m items-center', FIRST_CELL_STYLES)} role="cell">
+    {icon ? (
+      <Img className="hidden lg:block max-w-6 shrink-0" image={icon} width="24" height="24" />
+    ) : null}
+    {title ? (
+      <Text size="text-m" font="font-light" color="text-primary-text">
+        {title}
+      </Text>
+    ) : null}
+  </div>
+);

package/src/data/CommonData.ts

@@ -1,14 +1,14 @@
 import { type AspectsProps } from '../model/AspectsProps';
+import { type TitleProps } from '../model/HeadlineType';
 import { type LogoType } from '../model/LogoType';
 import { type PlaceholderProps } from '../model/PlaceholderProps';
 
 export type SearchHeaderProps = AspectsProps & PlaceholderProps & { ariaLabel: string };
 
-export interface CommonData {
+export interface CommonData extends TitleProps {
   logo?: LogoType;
   search?: SearchHeaderProps;
   dropdownMenuAriaLabel?: string;
   chatBotAriaLabel?: string;
   backwardButton?: string;
-  title?: string;
 }

package/src/hooks/useAspects/aspects/forwardQuery.ts

@@ -4,7 +4,7 @@ import { type PreventableEventWithTarget } from '../../../ui-kit/PreventableEven
 import { adjustSessionQuery } from '../../../utils/adjustSessionQuery';
 import { isURL } from '../../../utils/url';
 
-export const forwardQuery = (ev: PreventableEventWithTarget) => {
+export const forwardQuery = async (ev: PreventableEventWithTarget) => {
   const anchor = (ev.target as Element | null)?.closest('a');
   const navigator = locationNavigator();
 

package/src/hooks/useAspects/handleAspects.ts

@@ -7,8 +7,12 @@ export type HandleAspectsProps = {
   ev: PreventableEventWithTarget;
 };
 
-export const handleAspects = ({ aspectsAttributes, aspects, ev }: HandleAspectsProps) => {
+export const handleAspects = async ({ aspectsAttributes, aspects, ev }: HandleAspectsProps) => {
   for (const { aspectName, params } of aspectsAttributes ?? []) {
-    aspects[aspectName ?? '']?.(ev, params);
+    const aspectFn = aspects[aspectName ?? ''];
+
+    if (aspectFn) {
+      await aspectFn(ev, params);
+    }
   }
 };

package/src/hooks/useAspects/useAspects.ts

@@ -14,7 +14,7 @@ export interface AspectsAttribute {
 }
 
 export interface Aspects {
-  [key: string]: (ev: PreventableEventWithTarget, data?: AspectData) => void;
+  [key: string]: (ev: PreventableEventWithTarget, data?: AspectData) => Promise<void>;
 }
 
 export function useAspects(): Aspects {

package/src/hooks/useLink.ts

@@ -9,6 +9,8 @@ import { adjustHref } from '../utils/adjustHref';
 import { getBasePath } from '../utils/getBasePath';
 import { hasPrefix, isLocalURL } from '../utils/url';
 
+const RESERVED_PREFIX = ['/api'];
+
 export interface Clickable {
   onClick(ev?: PreventableEvent): void;
 }
@@ -40,5 +42,5 @@ export function useLink() {
 
 const isClientRouting = (href: string | undefined, target?: Target, basePath?: string) =>
   isLocalURL(href, target) &&
-  !env.SUB_PORTALS?.split(',')?.some(hasPrefix(href)) &&
+  ![...RESERVED_PREFIX, ...(env.SUB_PORTALS?.split(',') ?? [])].some(hasPrefix(href)) &&
   hasPrefix(href)(basePath || '/');

package/src/model/ContentPageBase.ts

@@ -1,4 +1,5 @@
 import { type JSONRefObject } from '../data/JSONRefObject';
+import { type TitleProps } from './HeadlineType';
 
 /**
  * @title Цветовая палитра
@@ -7,9 +8,7 @@ import { type JSONRefObject } from '../data/JSONRefObject';
 export type ColorPalette = 'pc' | 'bc' | 'eo' | 'pr' | 'ul';
 
 /** @title Страница */
-export interface ContentPageBase {
-  /** @title Заголовок */
-  title?: string;
+export interface ContentPageBase extends TitleProps {
   /** @title Слаг */
   slug?: string;
   /** @title Данные навигации по сайту */

package/src/model/LinkProps.ts

@@ -1,5 +1,5 @@
 import { type AspectsProps } from './AspectsProps';
-import { type TextProps } from './HeadlineType';
+import type { TextProps } from './HeadlineType';
 
 /**
  * @title Таргет (target)

package/src/model/OnClickProps.ts

@@ -0,0 +1,3 @@
+export interface OnClickProps {
+  onClick?: () => void;
+}

package/src/model/OnCloseProps.ts

@@ -0,0 +1,3 @@
+export interface OnCloseProps {
+  onClose?: () => void;
+}

package/src/model/onClick.ts

@@ -0,0 +1,3 @@
+export interface OnClickProps {
+  onClick?: () => void;
+}

package/src/model/onClose.ts

@@ -0,0 +1,3 @@
+export interface OnCloseProps {
+  onClose?: () => void;
+}

package/src/retail/api/getCardTypes.ts

@@ -1,11 +1,11 @@
+import type { DescriptionProps } from '../../model/HeadlineType';
 import { fetchRetailJSON } from './doRequest';
 
-export type CardTypeData = {
+export type CardTypeData = DescriptionProps & {
   type: string;
   key: string;
   value: string;
   displayOrder: number;
-  description: string;
 };
 
 export const getCardTypes = async (paymentSystemTypeCd: string, creditProgramId: string) => {

package/src/retail/components/CaptchaDialog/CaptchaDialog.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 
 import { Button } from '../../../ui-kit/Button/Button';
 import { SubmitButton } from '../../../ui-kit/Button/SubmitButton';
@@ -12,10 +13,9 @@ import { Logo } from '../../../ui-kit/Logo/Logo';
 import { checkCaptcha } from '../../api/checkCaptcha';
 import { createCaptcha } from '../../api/createCaptcha';
 
-export interface CaptchaDialogProps {
+export interface CaptchaDialogProps extends OnCloseProps {
   phoneNumber: string;
   sendCode?: () => void;
-  onClose?: () => void;
 }
 
 export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, onClose }) => {

package/src/retail/components/ConsentBkiDialog/ConsentBkiDialog.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 
 import { Button } from '../../../ui-kit/Button/Button';
 import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
@@ -9,9 +10,8 @@ import { RadioButtonGroup } from '../../../ui-kit/RadioButtonGroup/RadioButtonGr
 import { noop } from '../../../utils/noop';
 import { useDocumentDialog } from '../DocumentDialog/useDocumentDialog';
 
-export interface ConsentBkiDialogProps {
+export interface ConsentBkiDialogProps extends OnCloseProps {
   onSubmit?: (confirmStatus: string) => void;
-  onClose?: () => void;
 }
 
 const defaultConsentText = {

package/src/retail/components/DocumentDialog/DocumentDialog.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMobileMode } from '../../../hooks/useMobileMode';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { Button } from '../../../ui-kit/Button/Button';
 import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
 
-export interface DocumentDialogProps {
+export interface DocumentDialogProps extends OnCloseProps {
   src: string;
-  onClose?: () => void;
   onDocumentRead?: () => void;
 }
 

package/src/retail/components/DraftDialog/DraftActionButton.tsx

@@ -1,15 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type IconName } from '../../../icons/IconName';
+import { type DescriptionProps, type TitleProps } from '../../../model/HeadlineType';
+import type { OnClickProps } from '../../../model/OnClickProps';
 import { Img } from '../../../ui-kit/Img/Img';
 import { Text } from '../../../ui-kit/Text/Text';
 import { noop } from '../../../utils/noop';
 
-export interface DraftActionButtonProps {
-  title: string;
-  icon: IconName;
-  description?: string;
-  onClick?: () => void;
-}
+export type DraftActionButtonProps = TitleProps &
+  DescriptionProps &
+  OnClickProps & {
+    icon: IconName;
+  };
 
 export const DraftActionButton = JSX<DraftActionButtonProps>(
   ({ title, icon, description, onClick = noop }) => (
@@ -20,9 +21,11 @@ export const DraftActionButton = JSX<DraftActionButtonProps>(
     >
       <Img image={{ icon, iconVersion: 'normal' }} width="78" height="78" />
       <div className="flex flex-col items-start gap-xs md:w-72 md:mr-lg">
-        <Text font="font-medium" size="text-s">
-          {title}
-        </Text>
+        {title ? (
+          <Text font="font-medium" size="text-s">
+            {title}
+          </Text>
+        ) : null}
         {description ? (
           <Text color="text-secondary-text" size="text-xs">
             {description}

package/src/retail/components/DraftDialog/DraftDialog.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { locationNavigator } from '../../../external/locationNavigator';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
 import { Heading } from '../../../ui-kit/Heading/Heading';
 import { formatDate } from '../../../utils/formatDate';
@@ -11,11 +12,10 @@ import { DraftActionButton } from './DraftActionButton';
 import { parseDraftTask } from './parseDraftTask';
 import { creditCodesToProgrammIdMap, creditProgramCodeToProductIdMap } from './utils';
 
-export interface DraftDialogProps {
+export interface DraftDialogProps extends OnCloseProps {
   task: Task;
   isFromLead?: boolean;
   sendAspects?: (profileId: number, taskId: number) => void;
-  onClose?: () => void;
 }
 
 export const DraftDialog = JSX<DraftDialogProps>(function ({

package/src/retail/components/DraftDialog/EmptyDraftDialog.tsx

@@ -1,17 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { locationNavigator } from '../../../external/locationNavigator';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { Button } from '../../../ui-kit/Button/Button';
 import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
 import { Heading } from '../../../ui-kit/Heading/Heading';
 import { Paragraph } from '../../../ui-kit/Paragraph/Paragraph';
 import { noop } from '../../../utils/noop';
 
-export interface EmptyDraftDialogProps {
-  onClose?: () => void;
-}
-
-export const EmptyDraftDialog = JSX<EmptyDraftDialogProps>(function ({ onClose = noop }) {
+export const EmptyDraftDialog = JSX<OnCloseProps>(function ({ onClose = noop }) {
   const navigator = locationNavigator();
 
   const handleGoNewTask = useCallback(() => {

package/src/retail/components/DraftDialog/useDraftDialog.tsx

@@ -1,13 +1,13 @@
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { useDialog } from '../../../ui-kit/DialogManager/useDialog';
 import { type Task } from '../../api/draftTasksKZO';
 import { DraftDialog } from './DraftDialog';
 import { EmptyDraftDialog } from './EmptyDraftDialog';
 
-type useDraftDialogOpenProps = {
+type useDraftDialogOpenProps = OnCloseProps & {
   task?: Task;
   isFromLead?: boolean;
   sendAspects?: (profileId: number, taskId: number) => void;
-  onClose?: () => void;
 };
 
 export const useDraftDialog = () => {

package/src/retail/components/Fields/BeginDateField.tsx

@@ -9,5 +9,6 @@ export const BeginDateField = JSX<CustomFieldProps>(({ field, input }) => (
     {...field(input?.name ?? '')}
     {...input}
     disabled={isEsiaAuthorize(field, input)}
+    maxDate={new Date()}
   />
 ));

package/src/retail/components/Fields/ParticipantDateRegistrationField.tsx

@@ -3,5 +3,9 @@ import { DatePickerControl } from '../../../ui-kit/DatePicker/DatePickerControl'
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 
 export const ParticipantDateRegistrationField = JSX<CustomFieldProps>(({ field, input }) => (
-  <DatePickerControl label="Дата регистрации по месту жительства" {...field(input?.name ?? '')} />
+  <DatePickerControl
+    label="Дата регистрации по месту жительства"
+    {...field(input?.name ?? '')}
+    maxDate={new Date()}
+  />
 ));