@redneckz/wildless-cms-uni-blocks 0.6.26 → 0.6.27

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

@@ -1,234 +0,0 @@
-import type { Picture } from '../../model/Picture';
-import { context } from '../../react/setup-fixture';
-import { ProductGallery } from './ProductGallery';
-
-const moneyImage: Picture = {
-  src: 'money-1.png',
-  format: 'webp',
-  size: {
-    width: 280,
-    height: 280,
-  },
-  alt: 'Варианты потребительского кредита',
-  sources: [
-    {
-      src: 'money-1.png 1x, money-1-2x.png 2x',
-      format: 'png',
-    },
-  ],
-};
-
-const worker: Picture = {
-  src: 'money-2.png',
-  format: 'webp',
-  alt: 'Варианты потребительского кредита',
-  size: {
-    width: 280,
-    height: 280,
-  },
-  sources: [
-    {
-      src: 'money-2.png 1x, money-2-2x.png 2x',
-      format: 'png',
-    },
-  ],
-};
-
-const creditCard: Picture = {
-  src: 'credit-card-1.png',
-  format: 'webp',
-  alt: 'Варианты потребительского кредита',
-  size: {
-    width: 280,
-    height: 280,
-  },
-};
-
-export default {
-  default: (
-    <div className="p-2">
-      <div className="container grid grid-cols-12">
-        <ProductGallery
-          className="col-span-12"
-          context={context}
-          slides={[
-            {
-              productBlock: {
-                title: 'Акция «Кредит на все, что хочется!»',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: moneyImage,
-              },
-            },
-            {
-              productBlock: {
-                title: 'Ставка от 12,5% годовых на срок до 3 лет!',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: worker,
-              },
-            },
-            {
-              nav: {
-                title: 'Выгодно покупать',
-                description: 'Дополнительные бонусные баллы за покупки',
-              },
-              productBlock: {
-                title: 'Дополнительные бонусные баллы за покупки!',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: creditCard,
-              },
-            },
-            {
-              productBlock: {
-                title: 'Карты Unionpay',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: creditCard,
-              },
-            },
-          ]}
-        />
-      </div>
-    </div>
-  ),
-  primary: (
-    <div className="p-2">
-      <div className="container grid grid-cols-12">
-        <ProductGallery
-          className="col-span-12"
-          context={context}
-          slides={[
-            {
-              productBlock: {
-                title: 'Акция «Кредит на все, что хочется!»',
-                description:
-                  'Кредит наличными без залога и поручительства. Потребительский кредит на любые цели. Нужен только паспорт.',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: moneyImage,
-              },
-            },
-            {
-              productBlock: {
-                title: 'Ставка от 12,5% годовых на срок до 3 лет!',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: worker,
-              },
-            },
-            {
-              nav: {
-                title: 'Выгодно покупать',
-                description: 'Дополнительные бонусные баллы за покупки',
-              },
-              productBlock: {
-                title: 'Дополнительные бонусные баллы за покупки!',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: creditCard,
-              },
-            },
-            {
-              productBlock: {
-                title: 'Карты Unionpay',
-                items: [
-                  'Потребительский кредит по специальной процентной ставке',
-                  'Получите деньги без залога и поручительства',
-                  'Кредитный лимит до 5 млн рублей',
-                ],
-                buttons: [
-                  {
-                    href: 'https://rshb.ru',
-                    text: 'Подробнее',
-                    target: '_blank',
-                    version: 'primary',
-                  },
-                ],
-                image: creditCard,
-              },
-            },
-          ]}
-        />
-      </div>
-    </div>
-  ),
-};

package/src/components/ProductGallery/ProductGallery.mobile.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { ProductGalleryBlock } from './ProductGalleryBlock';
-import type { ProductGalleryContent } from './ProductGalleryContent';
-
-export interface ProductGalleryProps extends ProductGalleryContent, UniBlockProps {}
-
-export const ProductGallery = JSX<ProductGalleryProps>(({ className, context, slides = [] }) => {
-  const galleryBlocks = slides.map((s) => s.productBlock);
-
-  return (
-    <section className={`font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`}>
-      <SwipeListControl context={context}>
-        {galleryBlocks.map((block, i) => (
-          <ProductGalleryBlock key={String(i)} block={block} context={context} />
-        ))}
-      </SwipeListControl>
-    </section>
-  );
-});

package/src/components/ProductGallery/ProductGalleryBlock.tsx

@@ -1,28 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { VersionStyleMap } from '../../model/BlockVersion';
-import type { HeadlineProps } from '../../model/HeadlineType';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
-
-export interface ProductGalleryBlockProps extends UniBlockProps {
-  headlineVersion?: HeadlineProps;
-  block?: ProductBlockInnerContent;
-}
-
-export const ProductGalleryBlock = JSX<ProductGalleryBlockProps>(
-  ({ block, context, className = '' }) => {
-    const version = block?.version ?? 'primary';
-
-    return (
-      <section
-        className={`flex grow-0 shrink-0 basis-full px-4 pt-6 ${VersionStyleMap[version]} ${className}`}
-        role="listitem"
-      >
-        <div className="flex grow">
-          <ProductBlockInner context={context} {...block} />
-        </div>
-      </section>
-    );
-  },
-);

package/src/components/Tabs/renderLinkTab.tsx

@@ -1,42 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-import {
-  ACTIVE_LINK_CLASSES,
-  ACTIVE_TEXT_CLASSES,
-  INACTIVE_LINK_CLASSES,
-  INACTIVE_TEXT_CLASSES,
-  LINK_CLASSES,
-  TEXT_CLASSES,
-} from './tabItemClasses';
-import type { Tab } from './TabsContent';
-
-export interface RenderLinkTabProps extends LinkProps {
-  onClick?: () => void;
-  i: number;
-  currentTab?: Tab;
-}
-
-export const renderLinkTab = ({
-  text,
-  currentTab,
-  onClick,
-  href,
-  target = '_self',
-  i,
-}: RenderLinkTabProps) => {
-  const active = currentTab?.type === 'link' && currentTab.href === href;
-
-  return (
-    <a
-      role="tab"
-      key={String(i)}
-      className={`${LINK_CLASSES} ${active ? ACTIVE_LINK_CLASSES : INACTIVE_LINK_CLASSES}`}
-      target={target}
-      href={href}
-      onClick={onClick}
-    >
-      <span className={`${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`}>
-        {text}
-      </span>
-    </a>
-  );
-};

package/src/services/sitemap/useSitemap.ts

@@ -1,15 +0,0 @@
-import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-import type { Fallback } from '../../model/Fallback';
-import { projectSettings } from '../../ProjectSettings';
-import { fetchJSONUnsafe } from '../../utils/fetchJSON';
-import type { SitemapProps } from './SitemapProps';
-
-export function useSitemap(fallback: Fallback = {}): SitemapProps {
-  const { data } = useAsyncData<SitemapProps>(
-    `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`,
-    fetchJSONUnsafe,
-    { fallback },
-  );
-
-  return data || {};
-}

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

@@ -1,16 +0,0 @@
-import '../../react/setup-fixture';
-
-import { Button } from './Button';
-
-export default {
-  primary: (
-    <div className="p-2">
-      <Button
-        href="https://www.rshb.ru/"
-        target="_blank"
-        text="Оформить кредит"
-        version="primary"
-      />
-    </div>
-  ),
-};

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

@@ -1,87 +0,0 @@
-/* eslint-disable max-lines-per-function */
-/* eslint-disable complexity */
-
-import { JSX } from '@redneckz/uni-jsx';
-import type { ButtonVersion } from '../../model/ButtonVersion';
-import { ButtonInner } from './ButtonInner';
-import type { ButtonWithIconProps } 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-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
-  white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
-  link: 'text-primary-main',
-};
-
-const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
-  primary: 'bg-secondary-dark text-secondary-text',
-  secondary: 'bg-secondary-light text-secondary-text',
-  white: 'bg-white text-primary-text',
-  link: '',
-};
-
-const styleButton = 'w-full text-center font-sans select-none';
-
-export const Button = JSX<ButtonWithIconProps>(
-  ({
-    className,
-    text,
-    aboveText,
-    appendLeft,
-    href,
-    target,
-    onClick,
-    children,
-    disabled,
-    rounded,
-    version = 'primary',
-    ariaLabel,
-    ...rest
-  }) => {
-    // It isn't a valid HTML attribute. Must be excluded from "rest"
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { appendRight, ...buttonInnerRest } = rest;
-    const buttonInner = children ?? (
-      <ButtonInner
-        text={text}
-        aboveText={aboveText}
-        appendLeft={appendLeft}
-        rounded={rounded}
-        version={version}
-      />
-    );
-
-    if (disabled) {
-      return (
-        <div
-          role="button"
-          aria-disabled="true"
-          aria-label={ariaLabel}
-          tabIndex={-1}
-          className={`inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${
-            rounded ? 'rounded-full' : 'rounded-md'
-          } ${className || ''}`}
-        >
-          {buttonInner}
-        </div>
-      );
-    }
-
-    return (
-      <a
-        className={`${styleButton} inline-block cursor-pointer no-underline focus:border focus:border-primary-focus ${
-          buttonStyleMap[version] || ''
-        } ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`}
-        href={href}
-        target={target}
-        onClick={onClick}
-        aria-label={ariaLabel}
-        role={!href ? 'button' : 'link'}
-        {...buttonInnerRest}
-      >
-        {buttonInner}
-      </a>
-    );
-  },
-);

package/src/utils/withoutMobilePath.ts

@@ -1,3 +0,0 @@
-export const MOBILE_URL_PATH = '/mobile';
-
-export const withoutMobilePath = (href?: string) => (href || '').replace(MOBILE_URL_PATH, '');