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

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/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()}
+  />
 ));

package/mobile/src/retail/components/FormStatus/FormStatus.tsx

@@ -1,7 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Headline } from '../../../components/Headline/Headline';
 import { useMobileMode } from '../../../hooks/useMobileMode';
-import { type DescriptionProps, type LabelProps } from '../../../model/HeadlineType';
+import {
+  type DescriptionProps,
+  type LabelProps,
+  type TitleProps,
+} from '../../../model/HeadlineType';
 import { BlockWrapper } from '../../../ui-kit/BlockWrapper';
 import { inputColumnStyles } from '../../../ui-kit/FormField/inputColumnStyle';
 import { Link } from '../../../ui-kit/Link/Link';
@@ -11,17 +15,17 @@ import { type UniBlockProps } from '../../../UniBlock/UniBlockProps';
 import { noop } from '../../../utils/noop';
 import { style } from '../../../utils/style';
 
-type CreditCardFormStatusProps = UniBlockProps & {
-  title?: string;
-  description?: string;
-  interval?: number;
-  sectionInfoTitle?: string;
-  sectionInfo?: (LabelProps & DescriptionProps)[];
-  sectionAdditionalTitle?: string;
-  sectionInfoAdditional?: (LabelProps & DescriptionProps)[];
-  buttonText?: string;
-  onExpire?: () => void;
-};
+type CreditCardFormStatusProps = UniBlockProps &
+  TitleProps &
+  DescriptionProps & {
+    interval?: number;
+    sectionInfoTitle?: string;
+    sectionInfo?: (LabelProps & DescriptionProps)[];
+    sectionAdditionalTitle?: string;
+    sectionInfoAdditional?: (LabelProps & DescriptionProps)[];
+    buttonText?: string;
+    onExpire?: () => void;
+  };
 
 export const FormStatus = JSX<CreditCardFormStatusProps>(
   ({
@@ -61,8 +65,7 @@ const SectionInfo = ({
   title,
   items,
   countColumns = false,
-}: {
-  title?: string;
+}: TitleProps & {
   items?: (LabelProps & DescriptionProps)[];
   countColumns?: boolean;
 }) => {

package/mobile/src/retail/components/VerifyPhoneDialog/VerifyPhoneDialog.tsx

@@ -3,6 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 
 import { Headline } from '../../../components/Headline/Headline';
+import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { Button } from '../../../ui-kit/Button/Button';
 import { ButtonTitle } from '../../../ui-kit/Button/ButtonTitle';
 import { Dialog } from '../../../ui-kit/DialogManager/Dialog';
@@ -19,14 +20,13 @@ import { InputCode } from './InputCode';
 import { SubmitButton } from './SubmitButton';
 import { useVerifyPhoneDialogSubmit } from './useVerifyPhoneDialogSubmit';
 
-export interface VerifyPhoneDialogProps {
+export interface VerifyPhoneDialogProps extends OnCloseProps {
   phone: string;
   code?: boolean;
   withDescription?: boolean;
   codeLength?: number;
   consents?: string[];
   onSuccess?: (smsCode?: string) => void;
-  onClose?: () => void;
 }
 
 export const VerifyPhoneDialog = JSX<VerifyPhoneDialogProps>(

package/mobile/src/retail/inputs.tsx

@@ -89,7 +89,6 @@ export const InputsConsentsMap = {
   consentInformFlg: ConsentField,
   consentPfrFlg: ConsentField,
   consentInformMaterialsFlg: ConsentField,
-  consentPhotoFlg: ConsentField,
   consentFATCA: ConsentField,
 };
 

package/mobile/src/retail/model/LeadFormData.ts

@@ -1,7 +1,8 @@
-export interface DictionaryItem {
+import type { DescriptionProps } from '../../model/HeadlineType';
+
+export interface DictionaryItem extends DescriptionProps {
   type?: string;
   key?: string;
   value?: string;
   displayOrder?: number;
-  description?: string;
 }

package/mobile/src/retail/model/LeadFormState.ts

@@ -16,7 +16,6 @@ export interface CreditCardFormConsents {
   consentOthersFlg?: boolean;
   consentInformFlg?: boolean;
   consentInformMaterialsFlg?: boolean;
-  consentPhotoFlg?: boolean;
 }
 
 export interface DebitCardFormConsents {
@@ -84,7 +83,9 @@ export type File = {
 
 export type FormRetailConsents = CreditFormConsents &
   CreditCardFormConsents &
-  DebitCardFormConsents;
+  DebitCardFormConsents & {
+    consentPhotoFlg?: boolean;
+  };
 
 // TODO Какая то часть должна быть взята из RetailAPI
 export interface LeadFormState extends FormRetailConsents, FormStateDeliveryType {

package/mobile/src/retail/utils/getOrganizationParams.ts

@@ -78,7 +78,7 @@ export const getOrganizationActivityType = (
 export const getEmployeesNumberOption = (
   options: DictionaryItem[] | null,
   count?: number,
-): { key: string; text: string } | null => {
+): { key: string; text?: string } | null => {
   if (!count) {
     return null;
   }

package/mobile/src/retail/utils/renderStep.tsx

@@ -25,7 +25,9 @@ export const renderStep = <SectionsProps extends SectionsRetailProps>({
     const cleanElements = [
       !checkCondition({ condition }, getValue(field)) ? renderTitle(title) : null,
       ...renderInputs({ field, inputs, params }),
-    ].filter(Boolean);
+    ]
+      .filter(Boolean)
+      .map((_, j) => ({ ..._, key: _.key ?? `elem-${j}` }));
 
     return cleanElements.length ? (
       <div key={`section-${i}`} className={style(inputColumnStyles(columns), 'grid gap-x-m')}>

package/mobile/src/retail/validator/validatorObj.ts

@@ -13,6 +13,7 @@ import {
   jobNumberValidator,
   lengthStringValidator,
   nameRetailValidator,
+  notLaterDateValidator,
   numberValidator,
   serieValidator,
   snilsValidator,
@@ -48,7 +49,7 @@ const validatorRetailObj: Record<string, Validator> = {
   lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
   experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
   jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
-  beginDate: defaultValidator('Укажите дату заключения трудового договора'),
+  beginDate: notLaterDateValidator('Укажите дату заключения трудового договора'),
   addressFact: addressDaDataValidator(),
   addressRegistration: addressDaDataValidator(),
   addressRetail: defaultSelectValidator('Выберите адрес банка'),
@@ -75,7 +76,7 @@ const validatorRetailObj: Record<string, Validator> = {
   dulNumber: numberValidator('Укажите номер паспорта'),
   dulSubdivisionCode: numberValidator('Укажите код подразделения'),
   dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
-  participantDateRegistration: defaultValidator('Укажите дату регистрации'),
+  participantDateRegistration: notLaterDateValidator('Укажите дату регистрации'),
   retirementIncome: defaultValidator(),
   otherIncome: defaultValidator(),
   wages: defaultValidator(),

package/mobile/src/retail/validator/validators.ts

@@ -85,6 +85,9 @@ export const passportValidator = (birthDate?: Date) =>
 export const deliveryDateValidator = (errorMsg: string) =>
   validator((_) => _?.getTime() >= new Date().getTime())(errorMsg);
 
+export const notLaterDateValidator = (errorMsg: string) =>
+  validator((_) => _?.getTime() <= new Date().getTime())(errorMsg);
+
 export const numberValidator = (errorMsg: string) =>
   validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
 

package/mobile/src/services/search/search.ts

@@ -1,3 +1,4 @@
+import { type TitleProps } from '../../model/HeadlineType';
 import { compareBy, desc } from '../../utils/Comparator';
 import { zip } from '../../utils/fp/zip';
 import { jaroWinklerDistance } from '../../utils/jaroWinklerDistance';
@@ -5,9 +6,8 @@ import { joinMaps } from './joinMaps';
 import { textRank } from './textRank';
 import { tokenize } from './tokenize';
 
-export interface CorpusItem {
+export interface CorpusItem extends TitleProps {
   uri?: string;
-  title?: string;
 }
 
 type Stem = string;

package/mobile/src/services/search/textRank.ts

@@ -5,7 +5,7 @@ import { tokenize } from './tokenize';
 
 export const textRank =
   (queryTokens: string[]) =>
-  (text: string | undefined): number => {
+  (text?: string): number => {
     const textTokens = tokenize(text || '');
 
     return textTokens.length

package/mobile/src/services/search/useSearch.ts

@@ -1,6 +1,8 @@
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
+import { useRouter, type Router } from '../../external/useRouter';
+import { adjustHref } from '../../utils/adjustHref';
 import { fetchJSON } from '../../utils/fetchJSON';
 import { type Nullable } from '../../utils/Nullable';
 import { joinPath } from '../../utils/url';
@@ -28,13 +30,18 @@ export const useSearch = ({
 }: SearchParams): [SearchResult | null, SearchInputProps] => {
   const [query, setQuery] = useState(initialQuery || '');
 
+  const router = useRouter();
+
   useEffect(() => {
     if (initialQuery !== undefined && initialQuery !== null) {
       setQuery(initialQuery);
     }
   }, [initialQuery]);
 
-  const { data } = useAsyncData(basePathList?.length ? basePathList : null, fetchSearchIndex);
+  const { data } = useAsyncData(
+    basePathList?.length ? basePathList : null,
+    fetchSearchIndex(router),
+  );
 
   const [result, setResult] = useState<SearchResult | null>(null);
 
@@ -47,28 +54,32 @@ export const useSearch = ({
   return [result, { value: query, onChange: setQuery }];
 };
 
-const fetchSearchIndex = async (...basePathList: (string | null)[]): Promise<SearchIndex[]> =>
-  (
-    await Promise.allSettled(
-      basePathList.map(async (basePath) => [
-        basePath,
-        await fetchJSON(joinPath(basePath, SEARCH_INDEX_FILENAME)),
-      ]),
+const fetchSearchIndex =
+  (router: Router) =>
+  async (...basePathList: (string | null)[]): Promise<SearchIndex[]> =>
+    (
+      await Promise.allSettled(
+        basePathList.map(async (basePath) => [
+          basePath,
+          await fetchJSON(joinPath(basePath, SEARCH_INDEX_FILENAME)),
+        ]),
+      )
     )
-  )
-    .map((_) => (_.status === 'fulfilled' ? _.value : []) as FetchSearchIndexResult)
-    .map(getSearchIndex);
+      .map((_) => (_.status === 'fulfilled' ? _.value : []) as FetchSearchIndexResult)
+      .map(getSearchIndex(router));
 
-const getSearchIndex = ([basePath, result]: FetchSearchIndexResult): SearchIndex => {
-  if (!result) {
-    return {};
-  }
+const getSearchIndex =
+  (router: Router) =>
+  ([basePath, result]: FetchSearchIndexResult): SearchIndex => {
+    if (!result) {
+      return {};
+    }
 
-  return {
-    ...result,
-    corpus: result.corpus?.map((_) => ({
-      ..._,
-      uri: _.uri === 'index' ? basePath : joinPath(basePath, _.uri),
-    })),
+    return {
+      ...result,
+      corpus: result.corpus?.map((_) => ({
+        ..._,
+        uri: _.uri === 'index' ? basePath : adjustHref(router)(_.uri, basePath),
+      })),
+    };
   };
-};

package/mobile/src/ui-kit/BaseFiltration/BaseFiltrationContent.ts

@@ -1,5 +1,5 @@
 import { type ButtonVersion } from '../../model/ButtonVersion';
-import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 
 /**
  * @title Кнопка сброса

package/mobile/src/ui-kit/BaseFiltration/FiltrationSchemaContent.ts

@@ -1,10 +1,5 @@
 import { type TitleProps } from '../../model/HeadlineType';
 
-/**
- * @title Заголовок
- */
-type Title = string;
-
 /**
  * @title Ключи
  */
@@ -15,8 +10,7 @@ type Enum = string[];
  */
 type EnumNames = string[];
 
-export type StringArray = {
-  title?: Title;
+export type StringArray = TitleProps & {
   /**
    * @default array
    * @hidden

package/mobile/src/ui-kit/BaseFiltration/HotFilterBase.ts

@@ -1,4 +1,4 @@
-import { type TextProps } from '../../model/HeadlineType';
+import type { TextProps } from '../../model/HeadlineType';
 
 /**
  * @title Кнопка фильтрации

package/mobile/src/ui-kit/BaseProductTile/BaseProductTileContent.ts

@@ -24,8 +24,6 @@ export interface TileImageOptions extends ComponentType {
 
 /** @title Цены */
 export type PriceItem = LabelProps & {
-  /** @title Название */
-  label?: string;
   /** @title Сумма */
   amount?: number;
   /** @title Единица измерения */

package/mobile/src/ui-kit/BaseTile/BaseTile.tsx

@@ -94,7 +94,7 @@ export const BaseTile = JSX<BaseTileProps>(
 
 const renderMiddleContent = (insetTitle: VNode, children: VNode) =>
   insetTitle || children ? (
-    <div className="grow space-y-lg min-w-fit">
+    <div className="grow space-y-lg w-fit">
       {insetTitle}
       {children}
     </div>

package/mobile/src/ui-kit/Calculator/CalculatorProps.ts

@@ -23,8 +23,7 @@ export type RateProps = {
   rate: number;
 };
 
-export interface CalcCurrencyProps extends ComponentType {
-  title?: string;
+export interface CalcCurrencyProps extends ComponentType, TitleProps {
   value?: number | string;
   fractionDigits?: number;
   fixed?: boolean;

package/mobile/src/ui-kit/Calculator/UnknownRate.tsx

@@ -1,13 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type TitleProps } from '../../model/HeadlineType';
 import { Icon } from '../Icon/Icon';
 import { Paragraph } from '../Paragraph/Paragraph';
 import { Text } from '../Text/Text';
 
-export interface UnknownRateProps {
-  title?: string;
-}
-
-export const UnknownRate = JSX<UnknownRateProps>(({ title = 'Ставка' }) => (
+export const UnknownRate = JSX<TitleProps>(({ title = 'Ставка' }) => (
   <div className="space-y-s min-w-96">
     <Text size="text-l" font="font-light" color="text-secondary-text">
       {title}

package/mobile/src/ui-kit/Calculator/renderRate.tsx

@@ -1,9 +1,10 @@
+import { type TitleProps } from '../../model/HeadlineType';
 import { type VNode } from '../../model/VNode';
 import { CalculatorValue } from './CalculatorValue';
 import { Rate, type RateProps } from './Rate';
-import { UnknownRate, type UnknownRateProps } from './UnknownRate';
+import { UnknownRate } from './UnknownRate';
 
-interface RenderRateProps extends RateProps, UnknownRateProps {
+interface RenderRateProps extends RateProps, TitleProps {
   children?: VNode;
 }
 

package/mobile/src/ui-kit/DatePicker/DatePickerControl.tsx

@@ -8,6 +8,7 @@ import { DatePicker } from './DatePicker';
 
 export interface DatePickerControlProps extends DefaultControlType, ControlProps<Date> {
   minDate?: Date;
+  maxDate?: Date;
 }
 
 export const DatePickerControl = JSX<DatePickerControlProps>(

package/mobile/src/ui-kit/DatePicker/DatePickerInput.tsx

@@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type ComponentType } from '../../model/ComponentType';
 import { type DisabledProps } from '../../model/DisabledProps';
 import { type IconVersion } from '../../model/IconVersion';
+import type { OnClickProps } from '../../model/OnClickProps';
 import { normalizeWithMask } from '../../utils/normalizeWithMask';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
@@ -16,12 +17,11 @@ const ICON_PROPS: { name: IconName; iconVersion: IconVersion; width: string; hei
   height: '24',
 };
 
-interface DatePickerInputProps extends ComponentType, DisabledProps {
+interface DatePickerInputProps extends ComponentType, DisabledProps, OnClickProps {
   setSelectedMonth: (selectedMonth: number) => void;
   setSelectedYear: (selectedYear: number) => void;
   value?: string;
   onChange?: (value: Date) => void;
-  onClick?: () => void;
 }
 
 interface UpdateSelectedDateProps {

package/mobile/src/ui-kit/DialogManager/Dialog.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type ComponentType } from '../../model/ComponentType';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import { type VNode } from '../../model/VNode';
 import { style } from '../../utils/style';
 import { type PreventableEvent } from '../PreventableEvent';
 import { CloseButton } from './CloseButton';
 
-export interface DialogProps extends ComponentType {
+export interface DialogProps extends ComponentType, OnCloseProps {
   head?: VNode;
-  onClose?: () => void;
   onClick?: (e: PreventableEvent) => void;
 }
 

package/mobile/src/ui-kit/DialogManager/useDialog.tsx

@@ -1,10 +1,11 @@
 import type { UNIComponent } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import type { OnCloseProps } from '../../model/OnCloseProps';
 import type { VNode } from '../../model/VNode';
 import type { DialogOptions } from './DialogAction';
 import { useDialogManager } from './useDialogManager';
 
-export function useDialog<Props extends { onClose?: () => void }>(
+export function useDialog<Props extends OnCloseProps>(
   Dialog: UNIComponent<Props>,
   initialProps: Partial<Props> = {},
 ) {

package/mobile/src/ui-kit/Foldable/DefaultFoldButton.tsx

@@ -1,13 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { type LabelProps } from '../../model/HeadlineType';
 import { style } from '../../utils/style';
 import { Button, type ButtonProps } from '../Button/Button';
 import { ButtonTitle } from '../Button/ButtonTitle';
 import { ToggleIcon } from '../Icon/ToggleIcon';
 
-interface DefaultFoldButtonProps extends ButtonProps {
+interface DefaultFoldButtonProps extends ButtonProps, LabelProps {
   isUnfolded?: boolean;
   short?: boolean;
-  label?: string;
 }
 
 export const DefaultFoldButton = JSX<DefaultFoldButtonProps>(

package/mobile/src/ui-kit/InnerTable/InnerTable.tsx

@@ -1,21 +1,20 @@
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type JSONRefObject } from '../../data/JSONRefObject';
+import type { OnClickProps } from '../../model/OnClickProps';
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { Text } from '../Text/Text';
 import { InnerTableBody } from './InnerTableBody';
-import { TableInnerButton } from './InnerTableButton';
 import { InnerTableHeader } from './InnerTableHeader';
 import { type TableFetchData, type TariffsTableInnerContent } from './InnerTableProps';
 
-export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps {
-  onClick?: () => void;
+export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps, OnClickProps {
   tableSource?: JSONRefObject & TableFetchData;
 }
 
 const EMPTY_DATA = 'Данных нет';
 
-export const InnerTable = UniBlock<InnerTableProps>(({ tableSource, pdfUrl, onClick }) => {
+export const InnerTable = UniBlock<InnerTableProps>(({ tableSource }) => {
   const tableData = tableSource?.tableData;
   const [activeTabIndex, setActiveTabIndex] = useState(0);
   const handleActiveTabIndex = useCallback((_: number) => setActiveTabIndex(_), []);
@@ -28,15 +27,12 @@ export const InnerTable = UniBlock<InnerTableProps>(({ tableSource, pdfUrl, onCl
         currencies={currencies}
         activeTabIndex={activeTabIndex}
         setActiveTabIndex={handleActiveTabIndex}
-        linkToPDF={pdfUrl} //TODO: need link to service
       />
       <InnerTableBody activeTabIndex={activeTabIndex} items={items} />
-      <TableInnerButton className="mt-xl" onClick={onClick} isOpen />
     </div>
   ) : (
-    <div className="my-lg space-y-m text-center">
+    <div className="space-y-m text-center">
       <Text size="text-h6">{EMPTY_DATA}</Text>
-      <TableInnerButton onClick={onClick} isOpen />
     </div>
   );
 });

package/mobile/src/ui-kit/InnerTable/InnerTableBody.tsx

@@ -8,27 +8,25 @@ export interface InnerTableBodyProps {
   items: DataItem[];
 }
 
-export const InnerTableBody = JSX<InnerTableBodyProps>(({ activeTabIndex, items }) => {
-  return (
-    <div>
-      {items.map((_, tableIdx) => {
-        const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
+export const InnerTableBody = JSX<InnerTableBodyProps>(({ activeTabIndex, items }) => (
+  <div>
+    {items.map((_, tableIdx) => {
+      const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
 
-        return (
-          <div key={key} className="w-full @container">
-            <div className="flex py-m sm:px-m bg-white @4xl:bg-gray relative">
-              <Text size="text-xl" align="text-left">
-                {_.title}
-              </Text>
-            </div>
-            <div className="w-full sm:pl-xs overflow-hidden transition-height duration-500 ease-in-out">
-              <div className="relative">
-                <InnerTableBodyItem rows={_.rowsData} />
-              </div>
+      return (
+        <div key={key} className="w-full @container">
+          <div className="flex py-m px-m bg-white @4xl:bg-gray relative">
+            <Text size="text-xl" align="text-left">
+              {_.title}
+            </Text>
+          </div>
+          <div className="w-full sm:pl-xs overflow-hidden transition-height duration-500 ease-in-out">
+            <div className="relative">
+              <InnerTableBodyItem rows={_.rowsData} />
             </div>
           </div>
-        );
-      })}
-    </div>
-  );
-});
+        </div>
+      );
+    })}
+  </div>
+));