@redneckz/wildless-cms-uni-blocks 0.2.74 → 0.2.77

package/src/ComparisonTable/ComparisonTableContent.ts

@@ -1,43 +0,0 @@
-import type { LinkContent } from '../model/LinkContent';
-import type { Picture } from '../model/Picture';
-import type { ButtonProps } from '../ui-kit/ButtonProps';
-import type { IconName } from '../ui-kit/IconProps';
-
-export type Row = {
-  header: RowHeader;
-  data: CellData[][];
-};
-
-export type RowData = Row[] | undefined;
-
-export interface CellData {
-  label?: string;
-  description?: string;
-  icons?: IconName[];
-  image?: Picture;
-  buttons?: ButtonProps[];
-}
-
-export interface ColumnHeader {
-  title?: string;
-  icon?: IconName;
-  image?: Picture;
-  link?: LinkContent;
-}
-export interface Column {
-  header?: ColumnHeader;
-  data?: CellData[][];
-}
-
-export interface RowHeader {
-  title?: string;
-  icon?: IconName;
-}
-
-export interface ComparisonTableContent {
-  title?: string;
-  rowHeaders?: RowHeader[];
-  columns?: Column[];
-  visibleRowLength?: number;
-  isColoredFirstColumn?: boolean;
-}

package/src/ComparisonTable/HeaderCell.tsx

@@ -1,50 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { LinkContent } from '../model/LinkContent';
-import type { Picture } from '../model/Picture';
-import { Button } from '../ui-kit/Button';
-import { Icon } from '../ui-kit/Icon';
-import type { IconName } from '../ui-kit/IconProps';
-import { Img } from '../ui-kit/Img';
-import { Title } from '../ui-kit/Title';
-import { BORDER_CLASSES, GRADIENT } from './constants';
-
-export interface HeaderCellProps {
-  icon?: IconName;
-  image?: Picture;
-  title?: string;
-  link?: LinkContent;
-}
-
-export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) => (
-  <div
-    className={`w-80 box-border flex flex-col items-center rounded-t-md border-b-0 px-7 pt-7 pb-12 ${BORDER_CLASSES} ${GRADIENT}`}
-    role="columnheader"
-    scope="col"
-  >
-    {icon && !image?.src && (
-      <Icon
-        className="h-[63px] w-[63px] min-w-[63px] min-h-[63px] mb-4"
-        name={icon}
-        width="63"
-        height="63"
-      />
-    )}
-    {image?.src && <Img className="mb-4" image={image} />}
-    {title && (
-      <Title size="S" className="font-medium m-0 text-center text-white">
-        {title}
-      </Title>
-    )}
-    {link?.text && (
-      <div className="mt-auto w-full">
-        <Button
-          href={link.href}
-          target={link.target}
-          className="mt-4 w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active"
-        >
-          <div className="text-xs py-[11px]">{link.text}</div>
-        </Button>
-      </div>
-    )}
-  </div>
-));

package/src/ComparisonTable/index.ts

@@ -1,3 +0,0 @@
-export { ComparisonTable } from './ComparisonTable';
-export type { ComparisonTableProps } from './ComparisonTable';
-export type { ComparisonTableContent } from './ComparisonTableContent';

package/src/ContentPage.fixture.tsx

@@ -1,58 +0,0 @@
-import { context, mobileContext } from './setup-fixture';
-
-import { Blocks } from './Blocks';
-import { BlockDecorator, ContentPage } from './ContentPage';
-import { MobileBlocks } from './MobileBlocks';
-import { toMobilePage } from './toMobilePage';
-import type { ContentPageDef } from './types';
-
-const data = require('./ContentPage.page.json');
-
-const blockDecorator: BlockDecorator = ({ blockClassName, block, render }, i) => (
-  <div
-    key={i}
-    className={`relative flex items-stretch ${blockClassName}`}
-    onClick={() => console.log('Edit', block)}
-  >
-    {render({ block, blockClassName: `${blockClassName} w-full` })}
-    <button
-      className="absolute w-8 h-8 top-4 right-4 border rounded-full"
-      onClick={(e) => {
-        console.log('Delete', block);
-        e.stopPropagation();
-      }}
-    >
-      ╳
-    </button>
-  </div>
-);
-
-export default {
-  default: (
-    <ContentPage
-      className="bg-main"
-      context={context}
-      blocksRegistry={Blocks}
-      data={data as ContentPageDef}
-    />
-  ),
-  mobile: (
-    <ContentPage
-      className="bg-secondary-text"
-      context={mobileContext}
-      blocksRegistry={MobileBlocks}
-      data={toMobilePage(data as ContentPageDef)}
-    />
-  ),
-  editor: (
-    <div style={{ background: "url('grid.svg')", height: '100%' }}>
-      <ContentPage
-        className="bg-transparent"
-        context={context}
-        blocksRegistry={Blocks}
-        data={data as ContentPageDef}
-        blockDecorator={blockDecorator}
-      />
-    </div>
-  ),
-};

package/src/ContentPage.tsx

@@ -1,88 +0,0 @@
-import { JSX, PropsWithChildren } from '@redneckz/uni-jsx';
-import type { BlockContent } from './BlockContent';
-import { LikeControl } from './LikeControl';
-import { Placeholder } from './Placeholder';
-import type { BlockDef, ContentPageDef, UniBlockProps } from './types';
-
-interface BlockDecoratorProps<VNode> {
-  blockClassName: string;
-  block: BlockDef;
-  render: (props: { blockClassName: string; block: BlockDef }) => VNode;
-}
-
-export type BlockDecorator<VNode = any> = (
-  props: BlockDecoratorProps<VNode>,
-  index?: number | string,
-) => any;
-
-export interface ContentPageProps extends UniBlockProps {
-  blocksRegistry: Record<
-    string,
-    (props: PropsWithChildren<UniBlockProps & BlockContent, any>, context?: any) => any
-  >;
-  data: ContentPageDef;
-  blockDecorator?: BlockDecorator;
-}
-
-const defaultBlockDecorator: BlockDecorator = ({ blockClassName, block, render }) =>
-  render({ blockClassName, block });
-
-export const ContentPage = JSX<ContentPageProps>(
-  ({
-    className,
-    context,
-    blocksRegistry,
-    data: { style: pageStyle, blocks, likeControl, colorPalette = 'pc' },
-    blockDecorator = defaultBlockDecorator,
-  }) => {
-    return (
-      <section className="relative" data-theme={colorPalette}>
-        <div className={`grid grid-cols-12 gap-1 ${style2className(pageStyle)} ${className || ''}`}>
-          {blocks?.length ? blocks.map(renderBlock) : null}
-        </div>
-        {likeControl && (
-          <div className="flex items-end absolute bottom-0 right-0 h-full pointer-events-none">
-            <LikeControl
-              className="rounded-tl-lg sticky bottom-0 pointer-events-auto"
-              context={context}
-            />
-          </div>
-        )}
-      </section>
-    );
-
-    function renderBlock(block: BlockDef, i: number) {
-      const { type } = block;
-      if (!(type in blocksRegistry)) {
-        console.warn(`No block with "${type}" is registered`);
-      }
-
-      const BlockComponent = blocksRegistry[type] || Placeholder;
-      return blockDecorator(
-        {
-          blockClassName: style2className(block.style),
-          block,
-          render: (props) => {
-            const { version, content, blocks } = props.block;
-            return (
-              <BlockComponent
-                key={`${type}-${i}`}
-                className={props.blockClassName}
-                version={version}
-                context={context}
-                {...content}
-              >
-                {blocks?.length ? blocks.map(renderBlock) : null}
-              </BlockComponent>
-            );
-          },
-        },
-        `block-${i}`,
-      );
-    }
-  },
-);
-
-function style2className(style: string[] | undefined | null): string {
-  return style ? style.join(' ') : '';
-}

package/src/ContentPageHead.tsx

@@ -1,26 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { ContentPageMeta } from './types';
-
-export interface ContentPageHeadProps {
-  HeadComponent: Function;
-  data: ContentPageMeta;
-}
-
-export const ContentPageHead = JSX<ContentPageHeadProps>(({ HeadComponent, data, children }) => {
-  const { title, description, keywords, robots, og } = data;
-  return (
-    <HeadComponent>
-      <title>{title}</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-      {description && <meta name="description" content={description} />}
-      {keywords && <meta name="keywords" content={keywords.join(',')} />}
-      {robots && <meta name="robots" content={robots.join(',')} />}
-      {og
-        ? Object.entries(og).map(([key, value]) => (
-            <meta key={key} name={`og:${key}`} content={value} />
-          ))
-        : null}
-      {children}
-    </HeadComponent>
-  );
-});

package/src/ExchangeRateTile.fixture.tsx

@@ -1,11 +0,0 @@
-import { context } from './setup-fixture';
-
-import { ExchangeRateTile } from './ExchangeRateTile';
-
-export default {
-  default: (
-    <div className="grid grid-cols-12">
-      <ExchangeRateTile context={context} className="col-span-4" />
-    </div>
-  ),
-};

package/src/ExchangeRateTile.tsx

@@ -1,80 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { ExchangeRateTileContent } from './ExchangeRateTileContent';
-import { Tile } from './Tile';
-import type { UniBlockProps } from './types';
-import type { ButtonProps } from './ui-kit/ButtonProps';
-import { Icon } from './ui-kit/Icon';
-
-export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
-
-const CBR_EXCHANGE_RATE_URL = 'https://www.cbr-xml-daily.ru/daily_json.js';
-
-const CURRENCY_CODES = ['USD', 'EUR'];
-const CURRENCY_ICONS_MAP = {
-  USD: 'DollarIcon',
-  EUR: 'EuroIcon',
-};
-
-const buttons: ButtonProps[] = [
-  {
-    text: 'Все показатели',
-    href: 'https://cbr.ru/currency_base/daily/',
-    version: 'secondary',
-  },
-];
-
-export const ExchangeRateTile = JSX<ExchangeRateTileProps>(({ className, context, title }) => {
-  const { data } = context.useAsyncData(CBR_EXCHANGE_RATE_URL, fetchExchangeRate);
-  return (
-    <Tile
-      className={className}
-      context={context}
-      title={title || 'Курсы обмена валют'}
-      buttons={buttons}
-    >
-      <table>
-        <thead>
-          <tr>
-            <CurrencyTH>Валюта</CurrencyTH>
-            <CurrencyTH className="pl-11">Курс</CurrencyTH>
-          </tr>
-        </thead>
-        <tbody>
-          {CURRENCY_CODES.map((code) => {
-            const value = (data?.Valute || {})[code]?.Value;
-            return (
-              <tr key={code}>
-                <CurrencyTD className="pt-4">
-                  <div className="flex items-center">
-                    <Icon name={CURRENCY_ICONS_MAP[code]} width="24" height="24" />
-                    <span className="ml-2">{code}</span>
-                  </div>
-                </CurrencyTD>
-                <CurrencyTD className="pt-4 pl-11">{formatCurrency(value)}</CurrencyTD>
-              </tr>
-            );
-          })}
-        </tbody>
-      </table>
-    </Tile>
-  );
-});
-
-const CurrencyTH = JSX<{ className?: string }>(({ className = '', children }) => (
-  <th className={`text-left font-normal text-sm text-secondary-text ${className}`}>{children}</th>
-));
-
-const CurrencyTD = JSX<{ className?: string }>(({ className = '', children }) => (
-  <td className={`text-left font-normal text-base text-primary-text ${className}`}>{children}</td>
-));
-
-async function fetchExchangeRate(): Promise<{
-  Valute?: Record<string, { CharCode: string; Name?: string; Value: number; Previous?: number }>;
-}> {
-  const response = await fetch(CBR_EXCHANGE_RATE_URL);
-  return await response.json();
-}
-
-const currencyNumberFormat = new Intl.NumberFormat('ru', { style: 'currency', currency: 'RUB' });
-
-const formatCurrency = (value?: number) => (value ? currencyNumberFormat.format(value) : '');

package/src/Footer/Contacts.tsx

@@ -1,73 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../types';
-import { Button } from '../ui-kit/Button';
-import { useLink } from '../useLink';
-import type { ContactInfo } from './FooterContent';
-
-export interface ContactsProps extends UniBlockProps {
-  items?: ContactInfo[];
-  hasButton?: boolean;
-}
-
-export const Contacts = JSX<ContactsProps>(({ className, items, hasButton, context }) => {
-  const router = context.useRouter();
-  const { handlerDecorator } = context;
-
-  return (
-    <div className={`flex flex-col ${className || ''}`}>
-      {items?.length ? items.map(renderContact) : null}
-      {hasButton ? (
-        <Button
-          version="primary"
-          className="my-4"
-          {...useLink(
-            { router, handlerDecorator },
-            {
-              text: 'Обратная связь',
-              href: '/',
-              target: '_blank',
-            },
-          )}
-        />
-      ) : null}
-    </div>
-  );
-});
-
-const renderContact = (item: ContactInfo, index: number) => {
-  const { type, text, description } = item;
-
-  return (
-    <div className="mb-4" key={String(index)}>
-      <div>{renderText(type, text)}</div>
-      <div className="font-sans text-sm text-secondary-text">{description}</div>
-    </div>
-  );
-};
-
-const renderText = (type: ContactInfo['type'], text: string) => {
-  switch (type) {
-    case 'tel':
-      return (
-        <a
-          className="font-sans font-medium text-xl text-primary-text no-underline"
-          href={`tel:${formatTel(text)}`}
-        >
-          {text}
-        </a>
-      );
-    case 'email':
-      return (
-        <a
-          className="font-sans font-medium text-xl text-primary-text no-underline"
-          href={`mailto:${text}`}
-        >
-          {text}
-        </a>
-      );
-    default:
-      return <span>{text}</span>;
-  }
-};
-
-const formatTel = (s: string) => s.replaceAll(/(\-|\s|\(|\)|\D+)/g, '');

package/src/Footer/Footer.fixture.tsx

@@ -1,265 +0,0 @@
-import { context } from '../setup-fixture';
-import { Footer } from './Footer';
-
-const DEFAULT_ORIGIN = 'https://rshb.ru/';
-
-export default (
-  <Footer
-    topItems={[
-      {
-        href: DEFAULT_ORIGIN,
-        text: 'Частным клиентам',
-        target: '_blank',
-        items: [
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредитные карты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Дебетовые карты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредиты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Ипотека',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Вклады и сбережения',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Инвестиции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Страхование',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Премиальным клиентам',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Биометрическая регистрация',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Перевод денег',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Обмен денег',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Акции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Тарифы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Архивная информация',
-          },
-        ],
-      },
-      {
-        href: DEFAULT_ORIGIN,
-        text: 'Бизнес клиентам',
-        target: '_blank',
-        items: [
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'РКО',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредиты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Депозиты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Эквайринг',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Банковские карты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'ВЭД',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Инвестиции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Обмен валюты',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Страхование',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Партнёрские программы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Онлайн-сервисы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Акции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Тарифы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Архивная информация',
-          },
-        ],
-      },
-      {
-        href: DEFAULT_ORIGIN,
-        text: 'О банке',
-        target: '_blank',
-        items: [
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'О банке',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Новости',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Офисы и отделения',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Карьера в банке',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Пресс-центр',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Кредитным организациям',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Закупки',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Непрофильные/Профильные нецелевые активы',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Инсайдерам',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Противодействие коррупции',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Меры безопасности',
-          },
-          {
-            href: DEFAULT_ORIGIN,
-            text: 'Залоговое имущество',
-          },
-        ],
-      },
-    ]}
-    socialMedia={[{ href: 'https://vk.com' }, { href: 'https://ok.ru' }, { href: 'https://t.me' }]}
-    contacts={[
-      {
-        text: '+7 (495) 787-7-787',
-        description: 'Для звонков из-за границы',
-        type: 'tel',
-      },
-      {
-        text: 'example@example.com',
-        description: 'Для писем',
-        type: 'email',
-      },
-      {
-        text: '7787',
-        description: 'Абонентам МТС, Мегафон, Билайн и Tele2',
-        type: 'tel',
-      },
-    ]}
-    relatedEnterprises={[
-      {
-        text: 'РСХБ Страхование',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Страхование жизни',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Управление активами',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Лизинг',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'РСХБ Факторинг',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-    ]}
-    documents={[
-      {
-        text: 'Информация о процентных ставках по договорам банковского вклада с физическими лицами',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Раскрытие информации профессиональным участником рынка ценных бумаг',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Раскрытие информации',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Удостоверяющий центр',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-      {
-        text: 'Финансовая культура',
-        href: DEFAULT_ORIGIN,
-        target: '_blank',
-      },
-    ]}
-    context={context}
-  />
-);