@redneckz/wildless-cms-uni-blocks 0.14.2 → 0.14.4

package/src/components/Calculator/CreditCalculatorForm.tsx

@@ -1,21 +1,21 @@
 /* eslint-disable max-lines, max-lines-per-function */
 import { JSX } from '@redneckz/uni-jsx';
+import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { style } from '../../utils/style';
 import type {
   CreditCalculatorParamsViewSettings,
   CreditCalculatorProps,
 } from './CalculatorContent';
+import { CalculatorValueBlock } from './CalculatorValueBlock';
+import { CREDIT_DEFAULT_SUM, DEFAULT_MONTHS } from './constants';
 import { renderFootnote } from './renderFootnote';
-import { renderWantedSumInput } from './renderWantedSumInput';
 import { renderMonthsInput } from './renderMonthsInput';
-import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
-import { CREDIT_DEFAULT_SUM, DEFAULT_MONTHS } from './constants';
-import { CreditCalculatorParams, useCreditCalculatorParams } from './useCreditCalculatorParams';
 import { renderPaymentType } from './renderPaymentType';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { renderRate } from './renderRate';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { renderWantedSumInput } from './renderWantedSumInput';
+import { CreditCalculatorParams, useCreditCalculatorParams } from './useCreditCalculatorParams';
 
 export interface CreditCalculatorProp extends CreditCalculatorProps {
   className?: string;

package/src/components/Calculator/DepositCalculatorForm.tsx

@@ -1,21 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { style } from '../../utils/style';
 import type {
   DepositCalculatorParamsViewSettings,
   DepositCalculatorProps,
 } from './CalculatorContent';
-import { renderFootnote } from './renderFootnote';
-import { renderWantedSumInput } from './renderWantedSumInput';
-import { renderMonthsInput } from './renderMonthsInput';
-import { FormFieldRegisterer, useForm } from '../../hooks/useForm';
-import { DEPOSIT_DEFAULT_SUM } from './constants';
-import { DepositCalculatorParams, useDepositCalculatorParams } from './useDepositCalculatorParams';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
+import { DEPOSIT_DEFAULT_SUM } from './constants';
+import { renderFootnote } from './renderFootnote';
 import { renderInterestPayment } from './renderInterestPayment';
-import { renderRegistrationType } from './renderRegistrationType';
+import { renderMonthsInput } from './renderMonthsInput';
 import { renderRate } from './renderRate';
+import { renderRegistrationType } from './renderRegistrationType';
+import { renderWantedSumInput } from './renderWantedSumInput';
+import { DepositCalculatorParams, useDepositCalculatorParams } from './useDepositCalculatorParams';
 
 export interface DepositCalculatorProp extends DepositCalculatorProps {
   className?: string;

package/src/components/Calculator/useBonusCalculatorParams.ts

@@ -29,7 +29,7 @@ export interface BonusCalculatorParams
 
 export const useBonusCalculatorParams = (
   userInputParams: BonusCalculatorUserInputParams,
-  sourceBookDir: string,
+  sourceBookDir?: string,
 ) => {
   const { travelExpenseValue, restExpenseValue } = userInputParams;
   const bonusCalculatorSourceBookParams =

package/src/components/Carousel/Carousel.tsx

@@ -68,6 +68,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
           />
         </div>
         <SwipeListControlDots
+          className="@lg:hidden"
           containerRef={containerRef}
           activeIndex={dotsActiveIndex}
           dotCount={count}

package/src/components/ContentPage/ContentPage.tsx

@@ -35,8 +35,8 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
     useBlockRouterProvider();
 
     return (
-      <div data-theme={colorPalette}>
-        <section className={style('relative @container', pageStyle, className)}>
+      <div className="@container" data-theme={colorPalette}>
+        <section className={style('relative', pageStyle, className)}>
           {slots?.header ? (
             <div className="relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]">
               {renderBlocksList(slots?.header, { ...options, slotName: 'header' })}

package/src/components/Footer/Contacts.tsx

@@ -14,7 +14,7 @@ export const Contacts = JSX<ContactsProps>(({ className = '', items }) => (
     <Button
       version="primary"
       className="w-full"
-      href="https://www.rshb.ru/feedback/question/"
+      href="https://old.rshb.ru/feedback/question/"
       target="_blank"
       ariaLabel="Обратная связь"
       text="Обратная связь"

package/src/components/OfficesAtmsMap/OfficesAtmsMap.tsx

@@ -6,6 +6,7 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
@@ -39,12 +40,9 @@ const FILTRATION_LABELS = {
   billAcceptorEnable: 'Прием наличных',
 };
 
-const FILTRATION_BRANCHES_PREDICATES = {
+const FILTRATION_PREDICATES = {
   safeBoxCaseVolumes: (item: Branch) => Boolean(item.safeBoxCaseVolumes),
   workingSaturday: (item: Branch) => Boolean(item.workSchedule?.workingSaturday),
-};
-
-const FILTRATION_ATMS_PREDICATES = {
   terminalTypeAtms: (item: Atm) => item.terminalType?.toLowerCase() === 'банкомат',
   terminalTypeTerm: (item: Atm) => item.terminalType?.toLowerCase() === 'терминал',
   workAllTime: (item: Atm) => item.workTime?.toLowerCase() === 'круглосуточно',
@@ -95,7 +93,9 @@ export const OfficesAtmsMap = JSX<OfficesAtmsMapProps>(({ data, className = '',
           {renderFiltrationForm(Object.keys(initialState), { field, reset })}
         </div>
         <div className="h-[600px]">
-          <YandexMap points={points} className="h-full" />
+          <ClientOnly>
+            <YandexMap points={points} className="h-full" />
+          </ClientOnly>
         </div>
       </div>
       {filteredOfficesAtmsData.map(dataType === 'offices' ? renderOfficeCard : renderAtmCard)}
@@ -106,17 +106,11 @@ export const OfficesAtmsMap = JSX<OfficesAtmsMapProps>(({ data, className = '',
 const filterOfficesAtms = (data: Branch[] | Atm[], filtrationState: Record<string, boolean>) => {
   const truthyFilters = Object.keys(filtrationState).filter((key) => filtrationState[key]);
 
-  return 'name' in data
-    ? (data as Branch[]).filter(filterOffices(truthyFilters))
-    : (data as Atm[]).filter(filterAtms(truthyFilters));
+  return (data as Array<Branch | Atm>).filter((item) =>
+    truthyFilters.every((filterName) => FILTRATION_PREDICATES[filterName](item)),
+  );
 };
 
-const filterOffices = (filters: string[]) => (item: Branch) =>
-  filters.every((filterName) => FILTRATION_BRANCHES_PREDICATES[filterName](item));
-
-const filterAtms = (filters: string[]) => (item: Atm) =>
-  filters.every((filterName) => FILTRATION_ATMS_PREDICATES[filterName](item));
-
 const getTitle = (name = '', dataType = 'offices') =>
   dataType === 'offices' ? `Офисы филиала ${name}` : `Банкоматы филиала ${name}`;
 

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

@@ -33,7 +33,7 @@ export default {
           buttons={[
             {
               text: 'Отправить заявку',
-              href: 'https://www.rshb.ru/',
+              href: 'https://old.rshb.ru/',
               target: '_blank',
               version: 'primary',
             },

package/src/components/StepsBlock/StepsBlock.fixture.tsx

@@ -115,7 +115,7 @@ export default {
         buttons={[
           {
             text: 'Отправить заявку',
-            href: 'https://www.rshb.ru/',
+            href: 'https://old.rshb.ru/',
             target: '_blank',
             icon: { icon: 'ComfortableCompIcon' },
             iconRight: { icon: 'ComfortableCompIcon' },

package/src/components/StickyBottomMenu/RenderMenuItems.tsx

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { MenuItemProps } from './StickyBottomMenuProps';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { RenderItem } from './RenderItem';
 import { useActiveRoute } from '../../hooks/useActiveRoute';
 
@@ -13,15 +12,10 @@ export const RenderMenuItems = JSX<RenderMenuItems>(({ menuItems, onClick }) =>
   const [activeIndex] = useActiveRoute(menuItems);
 
   return (
-    <BlockWrapper
-      className="fixed bottom-0 left-0 right-0 my-0 mx-auto w-full bg-transparent z-[100]"
-      padding="p-0"
-    >
-      <div className="ml-auto container bg-white flex justify-center shadow-blue-gray">
-        {menuItems.map((_, i) => (
-          <RenderItem key={String(i)} isActive={i === activeIndex} item={_} onClick={onClick} />
-        ))}
-      </div>
-    </BlockWrapper>
+    <div className="ml-auto container bg-white flex justify-center shadow-blue-gray">
+      {menuItems.map((_, i) => (
+        <RenderItem key={String(i)} isActive={i === activeIndex} item={_} onClick={onClick} />
+      ))}
+    </div>
   );
 });

package/src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx

@@ -2,10 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { projectSettings } from '../../ProjectSettings';
 import { useSWRResource } from '../../hooks/useSWRResource';
-import { BurgerMenuDialog } from './BurgerMenuDialog';
 import type { MenuItemProps, StickyBottomMenuProps } from './StickyBottomMenuProps';
 import { RenderMenuItems } from './RenderMenuItems';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 
 export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
   const { menuItems = [] } = useSWRResource<StickyBottomMenuProps>(
@@ -35,9 +35,11 @@ export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
   );
 
   return (
-    <div className="contents">
+    <BlockWrapper
+      className="fixed bottom-0 left-0 right-0 my-0 mx-auto w-full bg-transparent z-[100]"
+      padding="p-0"
+    >
       {<RenderMenuItems menuItems={menuItemsWithButton} onClick={toggle} />}
-      {isBurgerMenuDialogOpen ? <BurgerMenuDialog /> : null}
-    </div>
+    </BlockWrapper>
   );
 });

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

@@ -0,0 +1,66 @@
+import '../../setup-fixture';
+
+import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
+import { Blocks } from '../Blocks';
+import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { SwipeListControlBlock } from './SwipeListControlBlock';
+
+const options = {
+  blocksRegistry: Blocks,
+} as BlockRendererOptions;
+
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <SwipeListControlBlock
+        className="col-span-12"
+        block={{
+          type: 'SwipeListControlBlock',
+          blocks: [
+            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductTile', content: PRODUCT_TILE },
+          ],
+        }}
+        showDots={true}
+        listType="vertical-list"
+        options={options}
+      />
+    </div>
+  ),
+  secondary: (
+    <div className="container grid grid-cols-12">
+      <SwipeListControlBlock
+        className="col-span-12"
+        block={{
+          type: 'SwipeListControlBlock',
+          blocks: [
+            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+          ],
+        }}
+        listType="vertical-list"
+        options={options}
+        version="secondary"
+      />
+    </div>
+  ),
+  transparent: (
+    <div className="container grid grid-cols-12">
+      <SwipeListControlBlock
+        className="col-span-12"
+        block={{
+          type: 'SwipeListControlBlock',
+          blocks: [
+            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+          ],
+        }}
+        listType="vertical-list"
+        options={options}
+        version="transparent"
+      />
+    </div>
+  ),
+};

package/src/components/SwipeListControlBlock/SwipeListControlBlock.fixture.tsx

@@ -60,4 +60,23 @@ export default {
       />
     </div>
   ),
+  showDots: (
+    <div className="container grid grid-cols-12">
+      <SwipeListControlBlock
+        className="col-span-12"
+        showDots={true}
+        block={{
+          type: 'SwipeListControlBlock',
+          blocks: [
+            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductTile', content: PRODUCT_TILE },
+          ],
+        }}
+        listType="vertical-list"
+        options={options}
+      />
+    </div>
+  ),
 };

package/src/content-page-repository/transformHTML.ts

@@ -1,5 +1,5 @@
 import rehypeParse from 'rehype-parse';
-import rehypeSanitize from 'rehype-sanitize';
+import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
 import rehypeStringify from 'rehype-stringify';
 import { unified } from 'unified';
 import { replaceHeadingTags } from './replaceHeadingTags';
@@ -9,9 +9,17 @@ export async function transformHTML(html: string | null | undefined): Promise<st
     return '';
   }
 
+  const extendedSchema = {
+    ...defaultSchema,
+    protocols: {
+      ...defaultSchema.protocols,
+      href: [...(defaultSchema?.protocols?.href || []), 'tel'],
+    },
+  };
+
   const result = await unified()
     .use(rehypeParse)
-    .use(rehypeSanitize)
+    .use(rehypeSanitize, extendedSchema)
     .use(rehypeStringify)
     .process(html);
 

package/src/model/EmptyOptionType.ts

@@ -1,4 +1,4 @@
 /**
- * @title Выберите блок
+ * @title Не выбрано
  */
 export type EmptyOption = null;

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

@@ -9,17 +9,17 @@ export default {
       <div>
         <p>Private clients</p>
         <div className="flex gap-xl" data-theme="pc">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
-          <Button href="https://www.rshb.ru/" target="_blank" text="Link" version="secondary" />
-          <Button href="https://www.rshb.ru/" target="_blank" text="Secondary" version="link" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Primary" version="primary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Link" version="secondary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Secondary" version="link" />
         </div>
       </div>
       <div>
         <p>Business clients</p>
         <div className="flex gap-xl" data-theme="bc">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Primary" version="primary" />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Secondary"
             version="secondary"
@@ -29,9 +29,9 @@ export default {
       <div>
         <p>Ecosystem own</p>
         <div className="flex gap-xl" data-theme="eo">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Primary" version="primary" />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Secondary"
             version="secondary"
@@ -42,14 +42,14 @@ export default {
         <p>Disabled</p>
         <div className="flex gap-xl">
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Primary"
             version="primary"
             disabled
           />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Secondary"
             version="secondary"
@@ -61,7 +61,7 @@ export default {
         <p>With Icon</p>
         <div className="flex gap-xl" data-theme="pc">
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             aboveText="Доступно в"
             appendLeft={
@@ -74,7 +74,7 @@ export default {
             version="secondary"
           />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             aboveText="Загрузите в"
             appendLeft={
@@ -87,7 +87,7 @@ export default {
           />
 
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             appendRight={
               <div>
@@ -104,14 +104,14 @@ export default {
         <div className="flex gap-xl" data-theme="pc">
           <Button
             rounded
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             version="secondary"
             appendLeft={<Img image={{ icon: 'PlayMarketIcon' }} width="20" height="21" />}
           />
           <Button
             rounded
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             version="secondary"
             appendLeft={<Img image={{ icon: 'AppleIcon' }} width="18" height="20" />}
@@ -123,7 +123,7 @@ export default {
   'primary (Private clients)': (
     <div data-theme="pc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="primary"
@@ -133,7 +133,7 @@ export default {
   'secondary (Private clients)': (
     <div data-theme="pc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="secondary"
@@ -143,7 +143,7 @@ export default {
   'primary (Business clients)': (
     <div data-theme="bc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="primary"
@@ -153,7 +153,7 @@ export default {
   'secondary (Business clients)': (
     <div data-theme="bc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="secondary"
@@ -163,7 +163,7 @@ export default {
   'primary (Ecosystem own)': (
     <div data-theme="eo">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="primary"
@@ -173,7 +173,7 @@ export default {
   'secondary (Ecosystem own)': (
     <div data-theme="eo">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="secondary"
@@ -182,7 +182,7 @@ export default {
   ),
   'primary (disabled)': (
     <Button
-      href="https://www.rshb.ru/"
+      href="https://old.rshb.ru/"
       target="_blank"
       text="Оформить кредит"
       version="primary"
@@ -191,7 +191,7 @@ export default {
   ),
   'secondary (disabled)': (
     <Button
-      href="https://www.rshb.ru/"
+      href="https://old.rshb.ru/"
       target="_blank"
       text="Оформить кредит"
       version="secondary"

package/src/ui-kit/ClientOnly.tsx

@@ -0,0 +1,6 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { isSSR } from '@redneckz/uni-jsx/lib/hooks/vue/isSSR';
+
+const isClient = !isSSR();
+
+export const ClientOnly = JSX(({ children }) => (isClient ? children : null));

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

@@ -3,6 +3,6 @@ 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 />,
+  default: <HeaderItem href="https://old.rshb.ru/" target="_blank" text="Россельхозбанк" />,
+  active: <HeaderItem href="https://old.rshb.ru/" target="_blank" text="Россельхозбанк" active />,
 };

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

@@ -2,4 +2,4 @@ import '../../setup-fixture';
 
 import { Logo } from './Logo';
 
-export default <Logo href="https://www.rshb.ru/" />;
+export default <Logo href="https://old.rshb.ru/" />;

package/src/ui-kit/SwipeListControl/SwipeListControl.tsx

@@ -5,6 +5,7 @@ import { SwipeListContainer } from './SwipeListContainer';
 import type { SwipeListControlContent } from './SwipeListControlContent';
 import { SwipeListControlDots } from './SwipeListControlDots';
 import { useSwipeListScroll } from './useSwipeListScroll';
+import { isShowDots } from './isShowDots';
 
 const DEFAULT_GAP = 14;
 
@@ -29,7 +30,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
     version,
     gap = DEFAULT_GAP,
     padding = DEFAULT_PADDING,
-    showDots = true,
+    showDots = isShowDots,
     minHeight,
     children,
     onVisibleIndicesChange,

package/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -19,6 +19,7 @@ const dotStyle =
 const inactiveDotStyle = 'w-2 h-2 opacity-30';
 
 export interface SwipeListControlDotsProps {
+  className?: string;
   containerRef?: { current: HTMLDivElement | null };
   activeIndex?: number;
   dotCount?: number;
@@ -27,7 +28,14 @@ export interface SwipeListControlDotsProps {
 }
 
 export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
-  ({ containerRef, activeIndex, dotCount = 0, listType = 'horizontal-list', version }) => {
+  ({
+    className = '',
+    containerRef,
+    activeIndex,
+    dotCount = 0,
+    listType = 'horizontal-list',
+    version,
+  }) => {
     const handleClick = (idx: number) => {
       if (idx !== activeIndex && containerRef?.current) {
         containerRef.current.children[idx]?.scrollIntoView({
@@ -40,9 +48,10 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
     return dotCount ? (
       <div
         className={style(
-          'flex gap-xs @lg:hidden',
+          'flex gap-xs',
           containerStyles[listType],
           version ? 'group' : '',
+          className,
         )}
         {...(version ? { 'data-ver': version } : {})}
       >

package/src/ui-kit/SwipeListControl/isShowDots.mobile.tsx

@@ -0,0 +1 @@
+export const isShowDots = true;

package/src/ui-kit/SwipeListControl/isShowDots.tsx

@@ -0,0 +1 @@
+export const isShowDots = false;

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

@@ -3,6 +3,6 @@ import '../../setup-fixture';
 import { TopItem } from './TopItem';
 
 export default {
-  default: <TopItem href="https://www.rshb.ru/" target="_blank" text="Экосистема Своё" />,
-  active: <TopItem href="https://www.rshb.ru/" target="_blank" text="Экосистема Своё" active />,
+  default: <TopItem href="https://old.rshb.ru/" target="_blank" text="Экосистема Своё" />,
+  active: <TopItem href="https://old.rshb.ru/" target="_blank" text="Экосистема Своё" active />,
 };