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

package/src/components/ProductBlock/ProductBlock.tsx

@@ -1,5 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
 import type { BlockVersion } from '../../model/BlockVersion';
 import { VersionStyleMap } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
@@ -18,30 +17,16 @@ const breadcrumbsStyleMap: Record<BlockVersion, string> = {
 };
 
 export const ProductBlock = JSX<ProductBlockProps>((props) => {
-  const {
-    context,
-    className = '',
-    breadcrumbs,
-    backwardButton,
-    version = 'primary',
-    ...otherProps
-  } = props;
-  const router = context.useRouter();
-  const { handlerDecorator } = context;
+  const { className = '', breadcrumbs, backwardButton, version = 'primary', ...rest } = props;
   const buttonVersion = version === 'primary' ? version : 'white';
 
   return (
     <BlockWrapper
-      context={context}
       className={`font-sans overflow-hidden p-[50px] flex flex-col box-border min-h-[454px] ${VersionStyleMap[version]} ${className}`}
-      {...otherProps}
+      {...rest}
     >
       {backwardButton?.text
-        ? renderBackwardButton(
-            useLink({ router, handlerDecorator }, backwardButton),
-            buttonVersion,
-            'mb-10 -mt-2.5',
-          )
+        ? renderBackwardButton(backwardButton, buttonVersion, 'mb-10 -mt-2.5')
         : null}
       {breadcrumbs?.length ? (
         <div className="text-xs-light mb-6">
@@ -49,16 +34,14 @@ export const ProductBlock = JSX<ProductBlockProps>((props) => {
             breadcrumbs.map((breadcrumb, i) => (
               <Breadcrumb
                 key={String(i)}
-                {...useLink(
-                  { router, handlerDecorator },
-                  { className: breadcrumbsStyleMap[version], ...breadcrumb },
-                )}
+                className={breadcrumbsStyleMap[version]}
+                {...breadcrumb}
               />
             )),
           )}
         </div>
       ) : null}
-      <ProductBlockInner context={context} version={version} {...otherProps} />
+      <ProductBlockInner version={version} {...rest} />
     </BlockWrapper>
   );
 });

package/src/components/ProductBlock/ProductBlockInner.mobile.tsx

@@ -15,10 +15,7 @@ export type ProductBlockInnerProps = ProductBlockInnerContent & UniBlockProps;
 export const ProductBlockInner = JSX<ProductBlockInnerProps>(
   ({
     className = '',
-    context,
-    title,
     headlineVersion = 'L',
-    description,
     benefits,
     benefitsVersion = 'normal',
     buttons,
@@ -27,28 +24,22 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     version = 'primary',
     isDotted = true,
     label,
+    ...rest
   }) => {
     return (
       <div className={`w-full ${className}`}>
         <div>
           {label ? renderLabel(label, version) : null}
           <Headline
-            context={context}
             className="!p-0 max-w-[600px]"
-            title={title}
-            description={description}
             bgColorHeadline={version}
             headlineVersion={headlineVersion}
+            {...rest}
           />
           <BaseTile
-            context={context}
             buttons={
               buttons?.length ? (
-                <ButtonSection
-                  context={context}
-                  buttons={buttons}
-                  className="flex flex-col mt-5 gap-2.5"
-                />
+                <ButtonSection buttons={buttons} className="flex flex-col mt-5 gap-2.5" />
               ) : null
             }
           >

package/src/components/ProductBlock/ProductBlockInner.tsx

@@ -1,11 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
 import { BaseTile } from '../BaseTile/BaseTile';
-import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { Headline } from '../Headline/Headline';
 import type { ProductBlockInnerContent } from './ProductBlockContent';
 import { renderBenefit } from './renderBenefit';
@@ -15,7 +13,6 @@ export type ProductBlockInnerProps = ProductBlockInnerContent & UniBlockProps;
 export const ProductBlockInner = JSX<ProductBlockInnerProps>(
   ({
     className = '',
-    context,
     title,
     headlineVersion = 'L',
     description,
@@ -27,6 +24,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     version = 'primary',
     isDotted = true,
     textBlockClassName = '',
+    ...rest
   }) => {
     const benefitsCount = benefits?.filter((_) => _.label)?.length;
     const benefitsContainerStyles = getBenefitsContainerStyles(benefitsCount);
@@ -35,15 +33,21 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
       <div className={`flex grow justify-between items-stretch h-full ${className}`}>
         <div className={`flex flex-col ${textBlockClassName}`}>
           <Headline
-            context={context}
             title={title}
             description={description}
             className={`!p-0 max-w-[600px]`}
             bgColorHeadline={version}
             headlineVersion={headlineVersion}
             align="left"
+            {...rest}
           />
-          <BaseTile context={context} buttons={getButtons(context, buttons)}>
+          <BaseTile
+            buttons={
+              buttons?.length ? (
+                <ButtonSection buttons={buttons} className="flex gap-4" {...rest} />
+              ) : null
+            }
+          >
             {benefitsCount ? (
               <div className={benefitsContainerStyles}>
                 {benefits.map(renderBenefit(version, benefitsVersion))}
@@ -66,11 +70,5 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
   },
 );
 
-const getButtons = (context: ContentPageContext, buttons?: ButtonWithIconProps[]) => {
-  return buttons?.length ? (
-    <ButtonSection context={context} buttons={buttons} className="flex gap-4" />
-  ) : null;
-};
-
 const getBenefitsContainerStyles = (benefitsCount = 0) =>
   `gap-6 mt-6 ${benefitsCount > 3 ? 'inline-grid grid-cols-[auto_auto]' : 'flex'}`;

package/src/components/ProductBlock/renderBackwardButton.tsx

@@ -1,7 +1,7 @@
+import type { ButtonVersion } from '../../model/ButtonVersion';
 import { Button } from '../../ui-kit/Button/Button';
-import { Img } from '../../ui-kit/Img/Img';
 import type { BackwardButtonProps } from '../../ui-kit/Button/ButtonProps';
-import type { ButtonVersion } from '../../model/ButtonVersion';
+import { Img } from '../../ui-kit/Img/Img';
 
 export function renderBackwardButton(
   button: BackwardButtonProps,
@@ -12,6 +12,7 @@ export function renderBackwardButton(
   const iconVersion = version === 'primary' ? 'white' : 'black';
   const backwardIcon = button?.icon || { icon: 'ArrowLeftIcon' };
 
+  // TODO Move click handler to Button
   return (
     <div className={`flex items-center cursor-pointer ${className}`} onClick={onClick}>
       <Button

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

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { ProductGallery } from './ProductGallery';
 
@@ -59,7 +59,6 @@ export default {
     <div className="container grid grid-cols-12">
       <ProductGallery
         className="col-span-12"
-        context={context}
         slides={[
           {
             nav: {
@@ -122,7 +121,6 @@ export default {
     <div className="container grid grid-cols-12">
       <ProductGallery
         className="col-span-12"
-        context={context}
         version={'secondary'}
         slides={[
           {

package/src/components/ProductGallery/ProductGallery.tsx

@@ -5,7 +5,6 @@ import { VersionStyleMap } from '../../model/BlockVersion';
 import { BorderVersionStyleMap } from '../../model/BorderVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
 import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
 import type { ProductGalleryContent, ProductGalleryNav } from './ProductGalleryContent';
@@ -31,14 +30,13 @@ const productBlockStyleMap: Record<BlockVersion, StyleType> = {
 };
 
 export const ProductGallery = JSX<ProductGalleryProps>(
-  ({ className = '', context, slides = [], version = 'primary', ...rest }) => {
+  ({ className = '', slides = [], version = 'primary', ...rest }) => {
     const galleryNav = slides.map((s) => s.nav);
     const galleryBlocks = slides.map((s) => s.productBlock);
     const [activeSlideIndex, setActiveSlideIndex] = useState(0);
 
     return (
       <BlockWrapper
-        context={context}
         className={`box-border pt-[50px] overflow-hidden relative font-sans w-100 mb-6 ${className}
         ${VersionStyleMap[version]}`}
         {...rest}
@@ -48,7 +46,7 @@ export const ProductGallery = JSX<ProductGalleryProps>(
           style={{ transform: `translateX(-${activeSlideIndex}00%)` }}
           role="list"
         >
-          {galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context))}
+          {galleryBlocks.map((_, i) => renderProductBlock({ ..._, ...rest, version }, i))}
         </div>
 
         <div className="flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border h-28">
@@ -67,11 +65,7 @@ export const ProductGallery = JSX<ProductGalleryProps>(
   },
 );
 
-function renderProductBlock(
-  block: ProductBlockInnerContent,
-  i: number,
-  context: ContentPageContext,
-) {
+function renderProductBlock(block: ProductBlockInnerContent & UniBlockProps, i: number) {
   const { version } = block;
   const additionalClass = version ? productBlockStyleMap[version].title : '';
 
@@ -84,10 +78,9 @@ function renderProductBlock(
       <div className="flex grow">
         <ProductBlockInner
           className={`pl-[50px] z-10 ${additionalClass}`}
-          context={context}
           textBlockClassName="mb-[154px]"
-          {...block}
           headlineVersion="XXL"
+          {...block}
         />
       </div>
     </section>

package/src/components/ProductTile/ProductTile.fixture.tsx

@@ -1,5 +1,5 @@
-import { context } from '../../react/setup-fixture';
 import type { Picture } from '../../model/Picture';
+import '../../react/setup-fixture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { ProductTile } from './ProductTile';
 import type { ProductTileContent } from './ProductTileContent';
@@ -125,13 +125,12 @@ export const PRODUCT_PENSION_TILE: ProductTileContent = {
 export default {
   credit: (
     <div className="container grid grid-cols-12">
-      <ProductTile context={context} className="col-span-6" {...PRODUCT_TILE} />
+      <ProductTile className="col-span-6" {...PRODUCT_TILE} />
     </div>
   ),
   pension: (
     <div className="container grid grid-cols-12">
       <ProductTile
-        context={context}
         className="col-span-6"
         title="Акция! “Пенсионный кредит”"
         description={'Потребительский кредит на любые цели, без залога и поручительства'}
@@ -144,7 +143,6 @@ export default {
   'long-title-benefits-without-image': (
     <div className="container grid grid-cols-12">
       <ProductTile
-        context={context}
         className="col-span-6"
         title="Кредит пенсионный"
         description={'Для людей в возрасте до 75 лет'}
@@ -156,7 +154,6 @@ export default {
   'credit-card': (
     <div className="container grid grid-cols-12">
       <ProductTile
-        context={context}
         className="col-span-8"
         title="Кредит под залог недвижимости"
         description={'Без переоформления залогой недвижимости на банк'}
@@ -169,7 +166,6 @@ export default {
   'pension-credit': (
     <div className="container grid grid-cols-12">
       <ProductTile
-        context={context}
         className="col-span-4"
         title="Кредит пенсионный"
         description={'Для людей в возрасте до 75 лет'}
@@ -181,7 +177,6 @@ export default {
   'with-add-desc': (
     <div className="container grid grid-cols-12">
       <ProductTile
-        context={context}
         className="col-span-6"
         title="Ипотечное страхование"
         description={'Финансовая защита заемщиков в случае непредвиденных обстоятельств'}
@@ -197,7 +192,6 @@ export default {
   'stretching with long description': (
     <div className="container grid grid-cols-12">
       <ProductTile
-        context={context}
         className="col-span-6"
         {...PRODUCT_TILE}
         benefits={multilineBenefits}

package/src/components/ProductTile/ProductTile.tsx

@@ -14,7 +14,6 @@ export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
 
 export const ProductTile = JSX<ProductTileProps>(
   ({
-    context,
     className = '',
     title,
     headlineVersion = 'S',
@@ -25,39 +24,32 @@ export const ProductTile = JSX<ProductTileProps>(
     image,
     version = 'primary',
     ...rest
-  }) => {
-    return (
-      <BlockWrapper
-        context={context}
-        className={`overflow-hidden font-sans p-9 box-border relative justify-between grid min-h-[364px]
+  }) => (
+    <BlockWrapper
+      className={`overflow-hidden font-sans p-9 box-border relative justify-between grid min-h-[364px]
           ${className} ${VersionStyleMap[version]} ${getTileRightPadding(className)}`}
+      {...rest}
+    >
+      <Headline
+        className={`!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`}
+        as="h2"
+        title={title}
+        description={description}
+        headlineVersion={headlineVersion}
+        bgColorHeadline={version}
+        align="left"
         {...rest}
-      >
-        <Headline
-          context={context}
-          className={`!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`}
-          as="h2"
-          title={title}
-          description={description}
-          headlineVersion={headlineVersion}
-          bgColorHeadline={version}
-          align="left"
-        />
-        {renderBenefits(benefits, version, image)}
-        {additionalDescription
-          ? renderAdditionalDescription(additionalDescription, image, version)
-          : null}
-        {buttons?.length ? (
-          <ButtonSection
-            context={context}
-            buttons={buttons}
-            className="flex self-end mt-5 gap-4 z-10 text-l"
-          />
-        ) : null}
-        {image?.src ? <Img className="absolute right-0 bottom-0" image={image} /> : null}
-      </BlockWrapper>
-    );
-  },
+      />
+      {renderBenefits(benefits, version, image)}
+      {additionalDescription
+        ? renderAdditionalDescription(additionalDescription, image, version)
+        : null}
+      {buttons?.length ? (
+        <ButtonSection buttons={buttons} className="flex self-end mt-5 gap-4 z-10 text-l" />
+      ) : null}
+      {image?.src ? <Img className="absolute right-0 bottom-0" image={image} /> : null}
+    </BlockWrapper>
+  ),
 );
 
 function renderBenefits(benefits: TextBenefit[], version: BlockVersion, image?: Picture) {

package/src/components/PromoTile/PromoTile.fixture.tsx

@@ -1,4 +1,4 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import { getCurrentDate } from '../../utils/getCurrentDate';
 import { PromoTile } from './PromoTile';
 
@@ -6,7 +6,6 @@ export default {
   default: (
     <div className="container grid grid-cols-12">
       <PromoTile
-        context={context}
         className="col-span-4"
         title="Акции и спецпредложения"
         description="Пенсионный кредит по специальной процентной ставке"

package/src/components/PromoTile/PromoTile.tsx

@@ -15,51 +15,44 @@ export interface PromoTileProps extends PromoTileContent, UniBlockProps {}
 export const PromoTile = JSX<PromoTileProps>(
   ({
     className = '',
-    context,
     title = 'Акции и спецпредложения',
     date,
     description,
     buttons = [],
     version = 'primary',
     ...rest
-  }) => {
-    return (
-      <BlockWrapper
-        context={context}
-        className={`bg-white text-primary-text font-sans p-9 box-border ${className} ${
-          VersionStyleMap[version]
-        } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
-        {...rest}
+  }) => (
+    <BlockWrapper
+      className={`bg-white text-primary-text font-sans p-9 box-border ${className} ${
+        VersionStyleMap[version]
+      } ${getTileRightPadding(className)} ${getTileMinHeight(className)} `}
+      {...rest}
+    >
+      <BaseTile
+        title={
+          title ? (
+            <Headline
+              title={title}
+              className={`!p-0 max-w-[600px]`}
+              headlineVersion={getTileHeadingType(className)}
+              bgColorHeadline={version}
+              align="left"
+              as="h2"
+              {...rest}
+            />
+          ) : null
+        }
+        buttons={
+          buttons?.length ? <ButtonSection buttons={buttons} className="flex gap-3" /> : null
+        }
       >
-        <BaseTile
-          context={context}
-          title={
-            title ? (
-              <Headline
-                context={context}
-                title={title}
-                className={`!p-0 max-w-[600px]`}
-                headlineVersion={getTileHeadingType(className)}
-                bgColorHeadline={version}
-                align="left"
-                as="h2"
-              />
-            ) : null
-          }
-          buttons={
-            buttons?.length ? (
-              <ButtonSection context={context} buttons={buttons} className="flex gap-3" />
-            ) : null
-          }
-        >
-          <div className="mt-1.5">
-            {date ? <div className="text-s mb-2">{formatDate(date)}</div> : null}
-            <div className="text-l">{description}</div>
-          </div>
-        </BaseTile>
-      </BlockWrapper>
-    );
-  },
+        <div className="mt-1.5">
+          {date ? <div className="text-s mb-2">{formatDate(date)}</div> : null}
+          <div className="text-l">{description}</div>
+        </div>
+      </BaseTile>
+    </BlockWrapper>
+  ),
 );
 
 function formatDate(date: string) {

package/src/components/Recommendation/Recommendation.fixture.tsx

@@ -1,6 +1,6 @@
 import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import { Recommendation, RecommendationProps } from './Recommendation';
 
 const cowCard: Picture = {
@@ -50,7 +50,6 @@ const socialMedia: LinkProps[] = [
 ];
 
 export const defaultProps: RecommendationProps = {
-  context,
   title: 'Мы в социальных сетях',
   recommendations: [
     {
@@ -85,7 +84,6 @@ export const defaultProps: RecommendationProps = {
 };
 
 export const shortProps: RecommendationProps = {
-  context,
   title: 'Также интересуются',
   recommendations: [
     {

package/src/components/Recommendation/Recommendation.tsx

@@ -1,15 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { BlockVersion } from '../../model/BlockVersion';
+import { VersionStyleMap } from '../../model/BlockVersion';
 import { BorderVersionStyleMap } from '../../model/BorderVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import { VersionStyleMap } from '../../model/BlockVersion';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { RecommendationCard } from './RecommendationCard';
-import type { RecommendationCardTypes, RecommendationContent } from './RecommendationContent';
+import type { RecommendationContent } from './RecommendationContent';
 
 const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
 const CARD_FULL_VIEW_COUNT = 2;
@@ -18,15 +16,12 @@ const CARD_SHIFT = 525;
 export interface RecommendationProps extends RecommendationContent, UniBlockProps {}
 
 export const Recommendation = JSX<RecommendationProps>(
-  ({ context, recommendations = [], className = '', title, version = 'primary', ...rest }) => {
+  ({ recommendations = [], className = '', title, version = 'primary', ...rest }) => {
     const [activeCardIndex, setActiveCardIndex] = useState(0);
 
     return (
       <BlockWrapper
-        context={context}
-        className={`relative font-sans p-9 overflow-hidden text-center 
-          ${VersionStyleMap[version]} 
-          ${className}`}
+        className={`relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`}
         {...rest}
       >
         {title ? <Heading headingType="h3" className="mb-6" title={title} /> : null}
@@ -37,9 +32,14 @@ export const Recommendation = JSX<RecommendationProps>(
             role="list"
           >
             {recommendations?.length
-              ? recommendations.map(
-                  renderRecommendationCard(context, BorderVersionStyleMap[version], version),
-                )
+              ? recommendations.map((card, i) => (
+                  <RecommendationCard
+                    key={String(i)}
+                    version={version}
+                    className={BorderVersionStyleMap[version]}
+                    {...card}
+                  />
+                ))
               : null}
           </div>
           {renderNavButtons({
@@ -63,20 +63,6 @@ export const Recommendation = JSX<RecommendationProps>(
   },
 );
 
-const renderRecommendationCard =
-  (context: ContentPageContext, className: string, version?: BlockVersion) =>
-  (card: RecommendationCardTypes, i: number) => {
-    return (
-      <RecommendationCard
-        key={String(i)}
-        context={context}
-        {...card}
-        version={version}
-        className={className}
-      />
-    );
-  };
-
 const renderNavButtons = ({
   cardsCount,
   activeCardIndex,

package/src/components/Recommendation/RecommendationCard.tsx

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import { Description } from '../../ui-kit/Description/Description';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
@@ -9,12 +8,13 @@ import { BaseTile } from '../BaseTile/BaseTile';
 import { SocialMedia } from '../Footer/SocialMedia';
 import type { RecommendationCardTypes } from './RecommendationContent';
 
-export interface RecommendationCardProps extends RecommendationCardTypes, UniBlockProps {
+export interface RecommendationCardProps extends RecommendationCardTypes {
+  className?: string;
   version?: BlockVersion;
 }
 
 export const RecommendationCard = JSX<RecommendationCardProps>(
-  ({ context, className = '', title, description, items, image, version, socialMedia }) => {
+  ({ className = '', title, description, items, image, version, socialMedia }) => {
     const tileTitle = title ? (
       <Heading headingType="h5" as="h3" className="mb-3.5 z-10" title={title} />
     ) : null;
@@ -27,12 +27,7 @@ export const RecommendationCard = JSX<RecommendationCardProps>(
         className={`relative overflow-hidden text-left border border-solid box-border p-7 min-w-[524px] min-h-[218px] ${className}`}
         role="listitem"
       >
-        <BaseTile
-          context={context}
-          className="flex justify-between"
-          title={tileTitle}
-          image={tileImage}
-        >
+        <BaseTile className="flex justify-between" title={tileTitle} image={tileImage}>
           <div className="h-full flex flex-col justify-between">
             {description ? <Description className="mb-2" description={description} /> : null}
             {items?.length ? (
@@ -43,12 +38,7 @@ export const RecommendationCard = JSX<RecommendationCardProps>(
               />
             ) : null}
             {socialMedia ? (
-              <SocialMedia
-                className="pt-10 pb-0"
-                media={socialMedia}
-                version={version}
-                context={context}
-              />
+              <SocialMedia className="pt-10 pb-0" media={socialMedia} version={version} />
             ) : null}
           </div>
         </BaseTile>

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

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