@redneckz/wildless-cms-uni-blocks 0.16.3-isr → 0.16.5-credit

package/src/components/SafeDepositRental/RentalPeriod.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { Text } from '../../ui-kit/Text/Text';
-
-const ITEMS = ['От 1 дня', 'До 365 дней'];
-const MIN = 1;
-const MAX = 365;
-
-interface RentalPeriodProps {
-  days: number;
-  setDays: (value: number) => void;
-}
-
-export const RentalPeriod = JSX<RentalPeriodProps>(({ days, setDays }) => (
-  <div className="order-1">
-    <Text size="text-m" font="font-light">
-      Срок аренды
-    </Text>
-    <InputRange min={MIN} max={MAX} value={days} items={ITEMS} onChange={setDays} />
-  </div>
-));

package/src/components/SafeDepositRental/SafeBoxCases.tsx

@@ -1,46 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type SafeBoxCase, type SafeBoxCaseVolume } from './useSafeBoxes';
-import { WrapperSelect } from './WrapperSelect';
-
-interface SafeBoxCasesProps {
-  caseVolumes?: SafeBoxCaseVolume[];
-  selectedCaseVolume: string;
-  onSelectedCaseVolume: (value: string) => void;
-  safeBoxCases?: SafeBoxCase[];
-  selectedBoxSize: string;
-  onSelectedBoxSize: (value: string) => void;
-}
-
-export const SafeBoxCases = JSX<SafeBoxCasesProps>(
-  ({
-    caseVolumes = [],
-    selectedCaseVolume,
-    onSelectedCaseVolume,
-    safeBoxCases = [],
-    selectedBoxSize,
-    onSelectedBoxSize,
-  }) => (
-    <div className="flex flex-col @xl:flex-row gap-m order-1">
-      <div className="flex-1 min-w-0">
-        <WrapperSelect
-          data={caseVolumes}
-          fieldLabel="volume"
-          selected={selectedCaseVolume}
-          setSelected={onSelectedCaseVolume}
-          label="Размер"
-          placeholder="Выберите размер"
-        />
-      </div>
-      <div className="flex-1 min-w-0">
-        <WrapperSelect
-          data={safeBoxCases}
-          fieldLabel="safeBoxCasesSize"
-          selected={selectedBoxSize}
-          setSelected={onSelectedBoxSize}
-          label="Параметры ячейки, мм (ВхШхД)"
-          placeholder="Выберите параметр ячейки"
-        />
-      </div>
-    </div>
-  ),
-);

package/src/components/SafeDepositRental/SafeDepositRental.fixture.mobile.tsx

@@ -1,15 +0,0 @@
-import '../../setup-fixture';
-
-import { SafeDepositRental } from './SafeDepositRental';
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <SafeDepositRental
-        className="col-span-12"
-        footnote="Аренда СЯ, в случае проведения процедуры купли-продажи, с использованием наличных денег
-          или процедуры ипотечной сделки"
-      />
-    </div>
-  ),
-};

package/src/components/SafeDepositRental/SafeDepositRental.fixture.tsx

@@ -1,17 +0,0 @@
-import '../../setup-fixture';
-
-import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
-import { SafeDepositRental } from './SafeDepositRental';
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <SafeDepositRental
-        className="col-span-12"
-        footnote="Аренда СЯ, в случае проведения процедуры купли-продажи, с использованием наличных денег
-          или процедуры ипотечной сделки"
-      />
-      <PopupManager />
-    </div>
-  ),
-};

package/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -1,75 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useRegions, type Region } from '../../hooks/useRegions';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
-import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { type SafeDepositRentalContent } from './SafeDepositRentalContent';
-import { SafeDepositRentalForm } from './SafeDepositRentalForm';
-import { type HandleFormStateChange, type SafeDepositRentalState } from './SafeDepositRentalTypes';
-import { useSafeBoxes } from './useSafeBoxes';
-import { getBranch, getCoordinates } from './utils';
-
-export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlockProps {}
-
-const DEFAULT_DAYS = 26;
-
-export const SafeDepositRental = JSX<SafeDepositRentalProps>(
-  ({ title, footnote, className = '', ...rest }) => {
-    const [showMap, setShowMap] = useState<boolean>(false);
-    const handleShowMap = useCallback(() => setShowMap((_) => !_), []);
-    const [safeDepositState, setStateDepositState] = useState<SafeDepositRentalState>({
-      selectedRegion: '',
-      selectedBranch: '',
-      selectedCaseVolume: '',
-      selectedBoxSize: '',
-      days: DEFAULT_DAYS,
-    });
-
-    const regions = useRegions();
-
-    const selectedRegion = normalizeSelectedRegion(safeDepositState.selectedRegion, regions);
-
-    const branches = useSafeBoxes(selectedRegion);
-
-    const handleChangeSafeDepositState: HandleFormStateChange = useCallback(
-      (state) => setStateDepositState((oldState) => ({ ...oldState, ...state })),
-      [setStateDepositState],
-    );
-
-    const points = getCoordinates(getBranch(branches, safeDepositState.selectedBranch) || branches);
-
-    return (
-      <BlockWrapper className={className} defaultPadding="" {...rest}>
-        <div className="p-4xl space-y-xl">
-          {title ? (
-            <Heading
-              title={title}
-              headingType="h3"
-              as="h2"
-              className="text-primary-text mb-s text-center"
-            />
-          ) : null}
-          <SafeDepositRentalForm
-            regions={regions}
-            branches={branches}
-            data={{ ...safeDepositState, selectedRegion }}
-            onClick={handleShowMap}
-            onChange={handleChangeSafeDepositState}
-          />
-          {footnote ? (
-            <Paragraph size="text-s" font="font-light">
-              {footnote}
-            </Paragraph>
-          ) : null}
-        </div>
-        {points.length && showMap ? <YandexMap points={points} className="h-[640px]" /> : null}
-      </BlockWrapper>
-    );
-  },
-);
-
-const normalizeSelectedRegion = (selectedRegion: string, regions?: Region[]) =>
-  !selectedRegion && regions?.length && regions[0]?.code ? regions[0].code : selectedRegion;

package/src/components/SafeDepositRental/SafeDepositRental.ui.json

@@ -1,8 +0,0 @@
-{
-  "content": {},
-  "style": {
-    "ui:options": {
-      "minCols": 12
-    }
-  }
-}

package/src/components/SafeDepositRental/SafeDepositRentalContent.ts

@@ -1,8 +0,0 @@
-import { type Footnote } from '../../model/Footnote';
-import { type TitleProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @title Аренда сейфовых ячеек
- */
-export type SafeDepositRentalContent = UniBlockContent & Footnote & TitleProps;

package/src/components/SafeDepositRental/SafeDepositRentalFields.tsx

@@ -1,74 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type Region } from '../../hooks/useRegions';
-import { Button } from '../../ui-kit/Button/Button';
-import { Text } from '../../ui-kit/Text/Text';
-import { RadioButtons } from './RadioButtons';
-import { RegionsAndBranches } from './RegionsAndBranches';
-import { RentalPeriod } from './RentalPeriod';
-import { SafeBoxCases } from './SafeBoxCases';
-import { type HandleFormStateChange, type SafeDepositRentalState } from './SafeDepositRentalTypes';
-import { type Branch, type SafeBoxCase, type SafeBoxCaseVolume } from './useSafeBoxes';
-
-export interface SafeDepositRentalFieldsProps extends SafeDepositRentalState {
-  regions?: Region[];
-  safeBoxCases?: SafeBoxCase[];
-  caseVolumes?: SafeBoxCaseVolume[];
-  branches?: Branch[];
-  onClick: () => void;
-  onChange: HandleFormStateChange;
-}
-
-export const SafeDepositRentalFields = JSX<SafeDepositRentalFieldsProps>(
-  ({
-    regions,
-    selectedRegion,
-    branches,
-    selectedBranch,
-    days,
-    selectedCaseVolume,
-    selectedBoxSize,
-    safeBoxCases,
-    caseVolumes,
-    onChange,
-    onClick,
-  }) => (
-    <div className="contents @xl:block flex-1 space-y-xl">
-      <RegionsAndBranches
-        regions={regions}
-        selectedRegion={selectedRegion}
-        onSelectedRegion={(value) => onChange({ selectedRegion: value })}
-        branches={branches}
-        selectedBranch={selectedBranch}
-        onSelectedBranch={onSelectedBranch(onChange)}
-      />
-      <RentalPeriod days={days} setDays={(value) => onChange({ days: value })} />
-      <SafeBoxCases
-        caseVolumes={caseVolumes}
-        selectedCaseVolume={selectedCaseVolume}
-        onSelectedCaseVolume={onSelectedCaseVolume(onChange)}
-        safeBoxCases={safeBoxCases}
-        selectedBoxSize={selectedBoxSize}
-        onSelectedBoxSize={(value) => onChange({ selectedBoxSize: value })}
-      />
-      <div className="order-4">
-        <Text size="text-l" font="font-light" color="text-secondary-text">
-          Тип договора
-        </Text>
-      </div>
-      <div className="contents @md:flex justify-between items-center gap-m">
-        <RadioButtons />
-        <Button className="order-6" version="primary" onClick={onClick}>
-          Офисы на карте
-        </Button>
-      </div>
-    </div>
-  ),
-);
-
-const onSelectedBranch = (onChange: HandleFormStateChange) => (value: string) => {
-  onChange({ selectedBranch: value, selectedCaseVolume: '', selectedBoxSize: '' });
-};
-
-const onSelectedCaseVolume = (onChange: HandleFormStateChange) => (value: string) => {
-  onChange({ selectedCaseVolume: value, selectedBoxSize: '' });
-};

package/src/components/SafeDepositRental/SafeDepositRentalForm.tsx

@@ -1,62 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks/core';
-import { type Region } from '../../hooks/useRegions';
-import { SafeDepositRentalFields } from './SafeDepositRentalFields';
-import { SafeDepositRentalTotal } from './SafeDepositRentalTotal';
-import { type SafeDepositRentalState } from './SafeDepositRentalTypes';
-import { type Branch, type SafeBoxCase, type SafeBoxCaseVolume } from './useSafeBoxes';
-import { getBranch } from './utils';
-
-export interface SafeDepositRentalFormProps {
-  regions: Region[];
-  branches: Branch[];
-  data: SafeDepositRentalState;
-  onClick: () => void;
-  onChange: (data: Partial<SafeDepositRentalState>) => void;
-}
-
-export const SafeDepositRentalForm = JSX<SafeDepositRentalFormProps>((props) => {
-  const { regions, data, branches, onChange, onClick } = props;
-
-  useEffect(() => {
-    onChange({
-      selectedBranch: '',
-      selectedCaseVolume: '',
-      selectedBoxSize: '',
-    });
-  }, [data.selectedRegion, onChange]);
-
-  const branch = getBranch(branches, data.selectedBranch);
-  const caseVolumes = getCaseVolumes(branch?.safeBoxCaseVolumes);
-
-  const safeBoxCases = getCaseVolume(
-    branch?.safeBoxCaseVolumes,
-    data.selectedCaseVolume,
-  )?.safeBoxCases;
-
-  const tariffs = getTariffs(safeBoxCases, data.selectedBoxSize);
-
-  return (
-    <div className="flex flex-col @4xl:flex-row gap-4xl align-top">
-      <SafeDepositRentalFields
-        {...data}
-        regions={regions}
-        onClick={onClick}
-        branches={branches}
-        caseVolumes={caseVolumes}
-        safeBoxCases={safeBoxCases}
-        onChange={onChange}
-      />
-      <SafeDepositRentalTotal days={data.days} tariffs={tariffs} />
-    </div>
-  );
-});
-
-const getCaseVolumes = (safeBoxCaseVolumes?: SafeBoxCaseVolume[]) =>
-  safeBoxCaseVolumes?.length ? safeBoxCaseVolumes?.filter((_) => _?.safeBoxCases?.length) : [];
-
-const getCaseVolume = (caseVolumes?: SafeBoxCaseVolume[], selectedCaseVolume?: string) =>
-  caseVolumes?.find((_) => _.volume === selectedCaseVolume);
-
-const getTariffs = (safeBoxCases?: SafeBoxCase[], selectedBoxSize?: string) =>
-  safeBoxCases?.find((_) => _.safeBoxCasesSize === selectedBoxSize)?.tariffs;

package/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx

@@ -1,74 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
-import { Text } from '../../ui-kit/Text/Text';
-import { type Tariff } from './useSafeBoxes';
-
-export interface SafeDepositRentalTotalProps {
-  days: number;
-  tariffs?: Tariff[];
-}
-
-export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days, tariffs = [] }) => {
-  const price = calculatePrice(days, tariffs);
-  const imageDescription = 'На рисунке изображена пачка листов\nформата А4';
-
-  return (
-    <div className="contents @xl:flex flex-col justify-between gap-xl order-2">
-      <div className="flex flex-col @xl:flex-row gap-x-6xl gap-y-2xl order-5 @xl:order-none py-2xl @xl:py-0 border-t border-main-divider @xl:border-none">
-        {renderTotal('Аренда за', days)}
-        {renderTotal('Цена', price + ' ₽')}
-      </div>
-      <div className="@xl:hidden order-3 mb-xs">
-        <Paragraph size="text-s" font="font-light" color="text-secondary-text">
-          {imageDescription}
-        </Paragraph>
-      </div>
-      <div className="flex flex-col items-center gap-s order-3 @xl:order-none mb-xl @xl:mb-0 bg-primary-main py-s @xl:p-3xl text-center">
-        <Icon className="@xl:h-60" name="PackA4Icon" />
-        <div className="hidden @xl:inline opacity-80 whitespace-pre-line">
-          <Paragraph size="text-s" font="font-light" color="text-white">
-            {imageDescription}
-          </Paragraph>
-        </div>
-      </div>
-    </div>
-  );
-});
-
-const renderTotal = (label: string, total: string | number) => (
-  <div className="flex justify-between items-center gap-y-xs @xl:flex-col @xl:items-start">
-    <Text size="text-l" font="font-light" color="text-secondary-text">
-      {label}
-    </Text>
-    <span className="text-l @xl:text-h3 text-primary-text">{total}</span>
-  </div>
-);
-
-const calculatePrice = (days: number, tariffs: Tariff[]) => {
-  const tariffType = getTariffType(days);
-
-  const tariffValue = tariffs?.find((_) => _.tariffType === String(tariffType))?.tariffValue || 0;
-
-  return days * tariffValue;
-};
-
-const getTariffType = (days: number) => {
-  let tariffType = 1;
-
-  switch (true) {
-    case days > 30 && days <= 90:
-      tariffType = 2;
-      break;
-
-    case days > 90 && days <= 180:
-      tariffType = 3;
-      break;
-
-    case days > 180 && days <= 365:
-      tariffType = 4;
-      break;
-  }
-
-  return tariffType;
-};

package/src/components/SafeDepositRental/SafeDepositRentalTypes.ts

@@ -1,9 +0,0 @@
-export interface SafeDepositRentalState {
-  selectedRegion: string;
-  selectedBranch: string;
-  selectedCaseVolume: string;
-  selectedBoxSize: string;
-  days: number;
-}
-
-export type HandleFormStateChange = (state: Partial<SafeDepositRentalState>) => void;

package/src/components/SafeDepositRental/WrapperSelect.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type Option } from '../../ui-kit/Select/Option';
-import { Select } from '../../ui-kit/Select/Select';
-import { type Currency } from '../ExchangeRateTile/CurrencyProps';
-
-interface WrapperSelectProps {
-  data: Record<string, any>[];
-  fieldLabel: string;
-  fieldValue?: string;
-  selected: string;
-  setSelected: (value: string) => void;
-  label: string;
-  placeholder?: string;
-}
-
-export const WrapperSelect = JSX<WrapperSelectProps>(
-  ({ data, fieldLabel, fieldValue, selected, placeholder = '', setSelected, label }) => {
-    const dataFormat: Option[] = data
-      .filter(Boolean)
-      .map((_) => ({ key: _?.[fieldValue || fieldLabel], text: _?.[fieldLabel] }));
-    const selectedObj = dataFormat.find((_) => _.key === selected);
-
-    return (
-      <Select
-        options={dataFormat}
-        label={label}
-        placeholder={placeholder || selected}
-        onChange={(_) => setSelected(_.key as Currency)}
-        value={selectedObj}
-      />
-    );
-  },
-);

package/src/components/SafeDepositRental/useGetRegions.ts

@@ -1,19 +0,0 @@
-import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-import { API_BASE_URI } from '../../api/apiBaseUrl';
-import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../../utils/fetchJSON';
-
-const REGIONS_URL = `${API_BASE_URI}/regions`;
-
-export interface Region {
-  id?: number;
-  code?: string;
-  name?: string;
-}
-
-const EMPTY_VALUE = [];
-
-export function useGetRegions(): Region[] {
-  const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe as FetchJSONUnsafeType<Region[]>);
-
-  return data || EMPTY_VALUE;
-}

package/src/components/SafeDepositRental/useSafeBoxes.ts

@@ -1,44 +0,0 @@
-import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-import { API_BASE_URI } from '../../api/apiBaseUrl';
-import { fetchJSON } from '../../utils/fetchJSON';
-
-export interface Tariff {
-  tariffType?: string;
-  tariffValue?: number;
-}
-
-export interface SafeBoxCase {
-  safeBoxCasesSize?: string;
-  tariffs?: Tariff[];
-}
-
-export interface SafeBoxCaseVolume {
-  volume?: string;
-  safeBoxCases?: SafeBoxCase[];
-}
-
-export interface Branch {
-  branchCode?: string;
-  address?: string;
-  gpsLatitude?: number;
-  gpsLongitude?: number;
-  safeBoxCaseVolumes?: SafeBoxCaseVolume[];
-}
-
-const SAFEBOXES_URL = `${API_BASE_URI}/safeboxes`;
-const EMPTY_VALUE = [];
-
-export function useSafeBoxes(regionCode?: string): Branch[] {
-  const { data } = useAsyncData(
-    regionCode ? `${SAFEBOXES_URL}?regionCode=${regionCode}` : null,
-    fetchSafeBoxes,
-  );
-
-  return data || EMPTY_VALUE;
-}
-
-const fetchSafeBoxes = async (url: string): Promise<Branch[]> => {
-  const result = await fetchJSON<Branch[]>(url, { method: 'GET' });
-
-  return result || EMPTY_VALUE;
-};

package/src/components/SafeDepositRental/utils.ts

@@ -1,24 +0,0 @@
-import { type BalloonPoints } from '../OfficesAtmsMap/YandexMapProps';
-import { type Branch } from './useSafeBoxes';
-
-export const getCoordinates = (data?: Branch | Branch[]): BalloonPoints[] => {
-  const getBalloon = () => void 0;
-
-  if (Array.isArray(data)) {
-    return data
-      .map((_) => ({
-        coords: [Number(_.gpsLatitude), Number(_.gpsLongitude)].filter(Boolean),
-        content: getBalloon(),
-      }))
-      .filter((_) => _.coords && _.coords.length === 2);
-  }
-
-  if (data?.gpsLatitude && data?.gpsLongitude) {
-    return [{ coords: [data.gpsLatitude, data.gpsLongitude] }];
-  }
-
-  return [];
-};
-
-export const getBranch = (branches: Branch[], selectedBranch: string) =>
-  branches.find((_) => _.branchCode === selectedBranch);

package/src/components/TariffsTable/EmbeddableCellData.tsx

@@ -1,79 +0,0 @@
-import { Img } from '../../ui-kit/Img/Img';
-import { type ImageContent } from '../../ui-kit/Img/ImgProps';
-import {
-  TableInnerButton,
-  type InnerTableButtonProps,
-} from '../../ui-kit/InnerTable/InnerTableButton';
-import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-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 LabelDescriptionCell } from './TariffsTableContent';
-
-export type EmbeddableCellDataType =
-  | LabelDescriptionCell
-  | LinkButtonContent
-  | ImageContent
-  | RichTextProps
-  | InnerTableButtonProps;
-
-interface TableCellDataProps extends InnerTableButtonProps {
-  isVisible?: boolean;
-  displayTable: (props: TariffsTableInnerContent) => void;
-}
-
-const renderButtonsCellData = ({ buttons }: ButtonsSectionContent) =>
-  renderButtonsSection(buttons, {
-    buttonClassName: 'basis-0',
-  });
-
-const renderLabelDescriptionCellData = ({ label, description }: LabelDescriptionCell) => (
-  <div className="space-y-2xs">
-    {label ? (
-      <div>
-        <Text size="text-h6">{label}</Text>
-      </div>
-    ) : null}
-    {description ? (
-      <div className="lg:text-l font-light text-xs">
-        <Text color="text-secondary-text">{description}</Text>
-      </div>
-    ) : null}
-  </div>
-);
-
-const renderImgCellData = ({ image }: ImageContent) => (image?.src ? <Img image={image} /> : null);
-
-const renderRichTextCellData = ({ __html, isDotted = true }: RichTextProps) => (
-  <div className="flex flex-col justify-between items-start text-h6">
-    <RichText __html={__html} isDotted={isDotted} itemSize="list-m" />
-  </div>
-);
-
-const renderInnerTableCellData = ({
-  isVisible,
-  displayTable,
-  tableSource,
-  pdfUrl,
-  isOpen,
-}: TableCellDataProps) =>
-  isVisible ? (
-    <TableInnerButton
-      className="w-fit"
-      isOpen={isOpen}
-      onClick={() => {
-        displayTable({ tableSource, pdfUrl });
-      }}
-    />
-  ) : null;
-
-export const EmbeddableCellData = {
-  Buttons: renderButtonsCellData,
-  Img: renderImgCellData,
-  RichText: renderRichTextCellData,
-  LabelDescription: renderLabelDescriptionCellData,
-  Table: renderInnerTableCellData,
-};

package/src/components/TariffsTable/TableTileHeader.tsx

@@ -1,15 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { type TariffsTableRowHeader } from './TariffsTableContent';
-
-export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => (
-  <div className="mb-xs">
-    {title ? (
-      <Text size="text-l" font="font-light">
-        {title}
-      </Text>
-    ) : null}
-    {icon ? <Img className="ml-auto min-w-6" image={icon} width="24" height="24" /> : null}
-  </div>
-));

package/src/components/TariffsTable/TariffsTableHorizontal.tsx

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableHorizontal = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <SwipeListControl {...rest} padding={undefined}>
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </SwipeListControl>
-  ) : null,
-);