@redneckz/wildless-cms-uni-blocks 0.2.73 → 0.2.76

package/src/TextBlock.fixture.tsx

@@ -1,116 +0,0 @@
-import { context } from './setup-fixture';
-import { TextBlock } from './TextBlock';
-import { Picture } from './model/Picture';
-
-const image: Picture = {
-  src: 'bank-card.png',
-  format: 'webp',
-  size: {
-    width: 48,
-    height: 48,
-  },
-};
-
-export default (
-  <div className="font-sans overflow-hidden">
-    <div>
-      <p>Private clients</p>
-      <div className="flex flex-col gap-6" data-theme="pc">
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="big"
-          image={image}
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="none"
-        />
-        <TextBlock
-          context={context}
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
-      </div>
-    </div>
-    <div>
-      <p>Business clients</p>
-      <div className="flex flex-col gap-6" data-theme="bc">
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
-      </div>
-    </div>
-    <div>
-      <p>Ecosystem own</p>
-      <div className="flex flex-col gap-6" data-theme="eo">
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
-      </div>
-    </div>
-  </div>
-);

package/src/TextBlock.tsx

@@ -1,63 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from './Img';
-import type { Picture } from './model/Picture';
-import type { TextBlockContent, TextBlockVersion } from './TextBlockContent';
-import type { UniBlockProps } from './types';
-
-export interface TextBlockProps extends TextBlockContent, UniBlockProps {}
-
-const textBlockStyleMaps: Record<
-  TextBlockVersion,
-  { background: string; icon: string; title: string; description: string }
-> = {
-  primary: {
-    background: 'bg-white',
-    icon: 'bg-primary-main text-white',
-    title: 'text-base',
-    description: 'text-secondary-text',
-  },
-  secondary: {
-    background: 'bg-primary-main',
-    icon: 'bg-white text-primary-main',
-    title: 'text-white',
-    description: 'text-white',
-  },
-  'secondary-light': {
-    background: 'bg-primary-main/10',
-    icon: 'bg-primary-main text-white',
-    title: 'text-base',
-    description: 'text-secondary-text',
-  },
-};
-
-export const TextBlock = JSX<TextBlockProps>(
-  ({ title, description, blockVersion = 'primary', iconVersion, image, className }) => {
-    const textBlockStyleMap = textBlockStyleMaps[blockVersion];
-    return (
-      <section
-        className={`font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`}
-      >
-        {iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null}
-        {iconVersion && iconVersion === 'big' ? renderImage(image) : null}
-        <div className="py-0.5">
-          {title && <div className={`font-medium mb-1 ${textBlockStyleMap.title}`}>{title}</div>}
-          {description && (
-            <div className={`text-sm ${textBlockStyleMap.description}`}>{description}</div>
-          )}
-        </div>
-      </section>
-    );
-  },
-);
-
-function renderIcon(className: string) {
-  return (
-    <div className={`pt-1.5 pr-4`}>
-      <div className={`rounded-full h-4 w-4 text-center text-xs ${className}`}>i</div>
-    </div>
-  );
-}
-
-function renderImage(image?: Picture) {
-  return image?.src ? <Img className="pt-0.5 pr-3" image={image} /> : null;
-}

package/src/TextBlockContent.ts

@@ -1,12 +0,0 @@
-import type { Picture } from './model/Picture';
-
-export type TextBlockVersion = 'primary' | 'secondary' | 'secondary-light';
-export type TextBlockIconVersion = 'none' | 'small' | 'big';
-
-export interface TextBlockContent {
-  title?: string;
-  description?: string;
-  blockVersion?: TextBlockVersion;
-  iconVersion?: TextBlockIconVersion;
-  image?: Picture;
-}

package/src/Tile.fixture.tsx

@@ -1,134 +0,0 @@
-import { context } from './setup-fixture';
-
-import { Tile } from './Tile';
-import { Picture } from './model/Picture';
-
-const image: Picture = {
-  src: 'money-1.png',
-  format: 'webp',
-};
-
-const image2: Picture = {
-  src: 'credit-card-1.png',
-  format: 'webp',
-};
-
-const image3: Picture = {
-  src: 'column-1.png',
-  format: 'webp',
-};
-
-const image4: Picture = {
-  src: 'globe-1.png',
-  format: 'webp',
-};
-
-export default {
-  credit: (
-    <div className="grid grid-cols-12">
-      <Tile
-        context={context}
-        className="col-span-8"
-        title="Кредиты"
-        items={[
-          'Кредитный лимит до 10 млн ₽',
-          'Кредиты наличными на любые цели',
-          'Получите деньги без залога и поручителей',
-        ]}
-        buttons={[
-          {
-            text: 'Подробнее',
-            href: '/credit-cards',
-            version: 'secondary',
-          },
-        ]}
-        image={image}
-      />
-    </div>
-  ),
-  mortgage: (
-    <div className="grid grid-cols-12">
-      <Tile
-        context={context}
-        version="secondary"
-        className="col-span-4"
-        title="Ипотека"
-        description={
-          'Широкий выбор ипотечных программ с государственной поддержкой. Специальные предложения от 12,2 %'
-        }
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-      />
-    </div>
-  ),
-  'credit-card': (
-    <div className="grid grid-cols-12">
-      <Tile
-        context={context}
-        className="col-span-6"
-        title="Банковские пластиковые карты"
-        items={['Счета в разных валютах', 'Бесплатное обслуживание', 'Кэшбэк до 15% от покупок']}
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-        image={image2}
-      />
-    </div>
-  ),
-  premium: (
-    <div className="grid grid-cols-12">
-      <Tile
-        context={context}
-        className="col-span-6"
-        title="Премиальные продукты"
-        description={
-          'Выделенные зоны обслуживания и персональный финансовый консультант. Полный спектр премиальных продуктов, подчеркивающих ваш статус'
-        }
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-        image={image3}
-      />
-    </div>
-  ),
-  ecosystem: (
-    <div className="grid grid-cols-12">
-      <Tile
-        context={context}
-        className="col-span-12 pr-28"
-        title="Экосистема «СВОЕ», созданная для людей"
-        items={[
-          'Качественные фермерские продукты напрямую от производителей',
-          'Самая большая база сельских туров по России',
-          'Площадки для создания комфортной жизни за городом',
-          'Подробная база вакансий для жителей сельской местности',
-        ]}
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-        image={image4}
-      />
-    </div>
-  ),
-};

package/src/Tile.tsx

@@ -1,38 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BaseTile } from './BaseTile';
-import type { BlockVersion } from './model/BlockVersion';
-import type { TileContent } from './TileContent';
-import type { UniBlockProps } from './types';
-import { getColSpan } from './utils/getColSpan';
-
-export interface TileProps extends TileContent, UniBlockProps {}
-
-const tileStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
-export const Tile = JSX<TileProps>((props) => {
-  const { children, className, version = 'primary' } = props;
-
-  return (
-    <section
-      className={`font-sans p-9 min-h-[320px] box-border ${className || ''} ${
-        tileStyleMap[version]
-      } ${getContainerPaddingRight(className)} `}
-    >
-      <BaseTile {...props}>{children}</BaseTile>
-    </section>
-  );
-});
-
-function getContainerPaddingRight(className: string = '') {
-  const colSpan = getColSpan(className);
-  if (colSpan <= 6) {
-    return 'pr-9';
-  } else if (colSpan <= 8) {
-    return 'pr-[4.75rem]';
-  } else {
-    return 'pr-[9.4rem]';
-  }
-}

package/src/TileContent.ts

@@ -1,3 +0,0 @@
-import type { BaseTileContent } from './BaseTileContent';
-
-export type TileContent = BaseTileContent;

package/src/toMobilePage.ts

@@ -1,21 +0,0 @@
-import type { BlockDef, ContentPageDef } from './types';
-
-export function toMobilePage(contentPage: ContentPageDef): ContentPageDef {
-  const blocks = contentPage.blocks?.filter(({ mobile }) => !mobile?.hidden).map(toMobileBlock);
-  return {
-    ...contentPage,
-    blocks,
-  };
-}
-
-function toMobileBlock(block: BlockDef): BlockDef {
-  const { mobile } = block;
-  if (mobile) {
-    return {
-      ...block,
-      style: mobile.style?.length ? mobile.style : block.style,
-    };
-  } else {
-    return block;
-  }
-}

package/src/ui-kit/ArrowButton.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-
-export interface ArrowButtonProps {
-  onClick?: () => void;
-  ariaLabel?: string;
-  className?: string;
-}
-
-export const ArrowButton = JSX<ArrowButtonProps>(({ className, onClick, ariaLabel }) => {
-  return (
-    <button
-      className={`${className} border-none no-underline w-12 h-12 rounded-3xl bg-white flex text-black hover:text-primary-main`}
-      style={{ boxShadow: '0px 4px 25px rgba(0, 0, 0, 0.07)' }}
-      onClick={onClick}
-      aria-label={ariaLabel}
-    >
-      <svg
-        className="m-auto"
-        width="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path d="M7 12L3 8L7 4" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
-        <path
-          d="M14 9C14.5523 9 15 8.55228 15 8C15 7.44772 14.5523 7 14 7L14 9ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9L8 7ZM14 7L8 7L8 9L14 9L14 7Z"
-          fill="currentColor"
-        />
-      </svg>
-    </button>
-  );
-});

package/src/ui-kit/BlockItem.fixture.tsx

@@ -1,5 +0,0 @@
-import '../setup-fixture';
-
-import { BlockItem } from './BlockItem';
-
-export default <BlockItem text="Совершайте любые личные покупки" />;

package/src/ui-kit/Button.fixture.tsx

@@ -1,135 +0,0 @@
-import '../setup-fixture';
-
-import { Button } from './Button';
-import { IconButton } from './IconButton';
-
-export default {
-  all: (
-    <div className="font-sans overflow-hidden">
-      <div>
-        <p>Private clients</p>
-        <div className="flex gap-6" data-theme="pc">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
-          <Button
-            href="https://www.rshb.ru/"
-            target="_blank"
-            text="Secondary"
-            version="secondary"
-          />
-        </div>
-      </div>
-      <div>
-        <p>Business clients</p>
-        <div className="flex gap-6" data-theme="bc">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
-          <Button
-            href="https://www.rshb.ru/"
-            target="_blank"
-            text="Secondary"
-            version="secondary"
-          />
-        </div>
-      </div>
-      <div>
-        <p>Ecosystem own</p>
-        <div className="flex gap-6" data-theme="eo">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
-          <Button
-            href="https://www.rshb.ru/"
-            target="_blank"
-            text="Secondary"
-            version="secondary"
-          />
-        </div>
-      </div>
-      <div>
-        <p>Disabled</p>
-        <div className="flex gap-6">
-          <Button
-            href="https://www.rshb.ru/"
-            target="_blank"
-            text="Primary"
-            version="primary"
-            disabled
-          />
-          <Button
-            href="https://www.rshb.ru/"
-            target="_blank"
-            text="Secondary"
-            version="secondary"
-            disabled
-          />
-        </div>
-      </div>
-      <div>
-        <p>With Icon</p>
-        <div className="flex gap-6" data-theme="pc">
-          <IconButton
-            href="https://www.rshb.ru/"
-            target="_blank"
-            aboveText="Доступно в"
-            text="Google Play"
-            version="secondary"
-            icon="PlayMarketIcon"
-          />
-          <IconButton
-            href="https://www.rshb.ru/"
-            target="_blank"
-            aboveText="Загрузите в"
-            text="App Store"
-            version="secondary"
-            icon="AppleIcon"
-          />
-        </div>
-      </div>
-    </div>
-  ),
-  'primary (Private clients)': (
-    <div data-theme="pc">
-      <Button href="https://www.rshb.ru/" target="_blank" text="Сайт РСХБ" version="primary" />
-    </div>
-  ),
-  'secondary (Private clients)': (
-    <div data-theme="pc">
-      <Button href="https://www.rshb.ru/" target="_blank" text="Сайт РСХБ" version="secondary" />
-    </div>
-  ),
-  'primary (Business clients)': (
-    <div data-theme="bc">
-      <Button href="https://www.rshb.ru/" target="_blank" text="Сайт РСХБ" version="primary" />
-    </div>
-  ),
-  'secondary (Business clients)': (
-    <div data-theme="bc">
-      <Button href="https://www.rshb.ru/" target="_blank" text="Сайт РСХБ" version="secondary" />
-    </div>
-  ),
-  'primary (Ecosystem own)': (
-    <div data-theme="eo">
-      <Button href="https://www.rshb.ru/" target="_blank" text="Сайт РСХБ" version="primary" />
-    </div>
-  ),
-  'secondary (Ecosystem own)': (
-    <div data-theme="eo">
-      <Button href="https://www.rshb.ru/" target="_blank" text="Сайт РСХБ" version="secondary" />
-    </div>
-  ),
-  'primary (disabled)': (
-    <Button
-      href="https://www.rshb.ru/"
-      target="_blank"
-      text="Сайт РСХБ"
-      version="primary"
-      disabled
-    />
-  ),
-  'secondary (disabled)': (
-    <Button
-      href="https://www.rshb.ru/"
-      target="_blank"
-      text="Сайт РСХБ"
-      version="secondary"
-      disabled
-    />
-  ),
-};

package/src/ui-kit/Button.tsx

@@ -1,66 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { ButtonVersion } from '../model/ButtonVersion';
-import type { ButtonProps } from './ButtonProps';
-
-const buttonStyleMap: Record<ButtonVersion, string> = {
-  primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
-  secondary:
-    'text-primary-main bg-secondary-light hover:bg-secondary-hover active:bg-secondary-active',
-};
-
-const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
-  primary: 'bg-secondary-dark text-secondary-text',
-  secondary: 'bg-secondary-light text-secondary-text',
-};
-
-const styleButton = 'inline-block rounded-md px-8 py-2 text-center font-sans';
-
-export const Button = JSX<ButtonProps>(
-  ({
-    className,
-    text,
-    href,
-    target,
-    onClick,
-    children,
-    disabled,
-    version = 'primary',
-    ariaLabel,
-  }) => {
-    if (disabled) {
-      return (
-        <div
-          role="button"
-          aria-disabled="true"
-          aria-label={ariaLabel}
-          tabIndex="-1"
-          className={`${styleButton} select-none ${buttonDisabledStyleMap[version]} ${
-            className || ''
-          }`}
-        >
-          {children ? (
-            <div>{children}</div>
-          ) : (
-            <div className="text-sm font-medium py-1.5">{text}</div>
-          )}
-        </div>
-      );
-    }
-
-    return (
-      <a
-        className={`${styleButton} no-underline ${buttonStyleMap[version]} ${className || ''}`}
-        href={href}
-        target={target}
-        onClick={onClick}
-        aria-label={ariaLabel}
-      >
-        {children ? (
-          <div>{children}</div>
-        ) : (
-          <div className="text-sm font-medium py-1.5">{text}</div>
-        )}
-      </a>
-    );
-  },
-);

package/src/ui-kit/ButtonProps.ts

@@ -1,10 +0,0 @@
-import type { ButtonVersion } from '../model/ButtonVersion';
-import type { LinkContent } from '../model/LinkContent';
-
-export interface ButtonProps extends LinkContent {
-  className?: string;
-  onClick?: (ev: MouseEvent) => any;
-  version?: ButtonVersion;
-  ariaLabel?: string;
-  disabled?: boolean;
-}

package/src/ui-kit/HeaderItem.fixture.tsx

@@ -1,8 +0,0 @@
-import '../setup-fixture';
-
-import { HeaderItem } from './HeaderItem';
-
-export default {
-  default: <HeaderItem href="https://www.rshb.ru/" target="_blank" text="Россельхозбанк" />,
-  active: <HeaderItem href="https://www.rshb.ru/" target="_blank" text="Россельхозбанк" active />,
-};