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

package/mobile/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/mobile/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/mobile/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/mobile/src/components/SafeDepositRental/SafeDepositRental.tsx

@@ -4,19 +4,19 @@ import { useSafeBoxes } from '../../hooks/useSafeBoxes';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
+import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
 import type { SafeDepositRentalContent } from './SafeDepositRentalContent';
 import { SafeDepositRentalForm } from './SafeDepositRentalForm';
 import { HandleChangeState, SafeDepositRentalState } from './SafeDepositRentalTypes';
 import { Region, useGetRegions } from './useGetRegions';
 import { getBranch, getCoordinates } from './utils';
-import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
 
 export interface SafeDepositRentalProps extends SafeDepositRentalContent, UniBlockProps {}
 
 const DEFAULT_DAYS = 26;
 
 export const SafeDepositRental = JSX<SafeDepositRentalProps>(
-  ({ title, footnote, context, className = '', ...rest }) => {
+  ({ title, footnote, className = '', ...rest }) => {
     const [showMap, setShowMap] = useState<boolean>(false);
     const [safeDepositState, setStateDepositState] = useState<SafeDepositRentalState>({
       selectedRegion: '',
@@ -44,7 +44,7 @@ export const SafeDepositRental = JSX<SafeDepositRentalProps>(
     const points = getCoordinates(getBranch(branches, safeDepositState.selectedBranch) || branches);
 
     return (
-      <BlockWrapper context={context} className={className} {...rest}>
+      <BlockWrapper className={className} {...rest}>
         <div className="font-sans bg-white px-8 py-12">
           {title ? (
             <Heading

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

@@ -1,25 +1,19 @@
-import { Button } from '../../ui-kit/Button/Button';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
-import type { Step } from './StepsBlockContent';
-import type { StyleType } from './StepsBlockStyleMaps';
 import type { VNode } from '../../model/VNode';
+import { Button } from '../../ui-kit/Button/Button';
 import { renderItems } from './renderItems';
-import { useLink } from '../../hooks/useLink';
+import type { Step } from './StepsBlockContent';
+import type { StyleType } from './StepsBlockStyleMaps';
 
 export const renderStepContent =
   ({
     styleMap,
     isMainButton,
     version,
-    router,
-    handlerDecorator,
   }: {
     styleMap: StyleType;
     isMainButton: boolean;
     version: BlockVersion;
-    router: Router;
-    handlerDecorator?: HandlerDecorator;
   }) =>
   (step: Step, i: number, { length }: { length: number }): VNode => {
     const { label, description, button, items, isDotted } = step;
@@ -51,8 +45,8 @@ export const renderStepContent =
         {button?.text && !isMainButton ? (
           <Button
             className="box-border py-3 h-12 w-full max-w-[240px] mt-auto"
-            {...useLink({ router, handlerDecorator }, button)}
             version={version}
+            {...button}
           >
             {button?.text}
           </Button>

package/mobile/src/components/Tabs/LinkTab.tsx

@@ -0,0 +1,46 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { EventBus } from '../../EventBus/EventBus';
+import { useLink } from '../../hooks/useLink';
+import {
+  ACTIVE_LINK_CLASSES,
+  ACTIVE_TEXT_CLASSES,
+  INACTIVE_LINK_CLASSES,
+  INACTIVE_TEXT_CLASSES,
+  LINK_CLASSES,
+  TEXT_CLASSES,
+} from './tabItemClasses';
+import type { LinkTabData, TabData } from './TabsContent';
+
+interface LinkTabProps {
+  tab: LinkTabData;
+  currentTab?: TabData;
+  onClick?: (tab: TabData) => void;
+}
+
+export const LinkTab = JSX<LinkTabProps>((props) => {
+  const { tab, currentTab, onClick } = props;
+  const active = currentTab?.type === 'link' && currentTab.href === tab.href;
+
+  const handleClick = useCallback(() => {
+    onClick && onClick(tab);
+    EventBus.inst.fire('anchorClick', { isScrolling: true, label: tab.href });
+  }, [tab, onClick]);
+
+  const link = useLink();
+  const adjustedProps = link({ ...tab, onClick: handleClick });
+
+  return (
+    <a
+      role="tab"
+      className={`${LINK_CLASSES} ${active ? ACTIVE_LINK_CLASSES : INACTIVE_LINK_CLASSES}`}
+      target={tab.target}
+      href={adjustedProps.href}
+      onClick={adjustedProps.onClick}
+    >
+      <span className={`${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`}>
+        {tab.text}
+      </span>
+    </a>
+  );
+});

package/mobile/src/components/Tabs/Tabs.tsx

@@ -4,10 +4,10 @@ import { EventBus } from '../../EventBus/EventBus';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderTab } from './renderTab';
-import type { Tab, TabsContent } from './TabsContent';
+import type { TabData, TabsContent } from './TabsContent';
 
 export interface TabActivationEvent {
-  type?: Tab['type'];
+  type?: TabData['type'];
   label?: string;
 }
 
@@ -19,7 +19,7 @@ export interface AnchorClickScrollingEvent {
 export interface TabsBlockProps extends TabsContent, UniBlockProps {}
 
 export const Tabs = JSX<TabsBlockProps>((props) => {
-  const { context, className = '', tabs, page, showCounter, isSticky } = props;
+  const { className = '', tabs, showCounter, isSticky, ...rest } = props;
 
   const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
 
@@ -45,7 +45,7 @@ export const Tabs = JSX<TabsBlockProps>((props) => {
     return undefined;
   }, [currentTab]);
 
-  const handleClick = (selectedTab: Tab) => {
+  const handleClick = (selectedTab: TabData) => {
     if (selectedTab?.type === 'group') {
       EventBus.inst.fire('tab', { type: selectedTab.type, label: selectedTab.ref });
     }
@@ -54,14 +54,14 @@ export const Tabs = JSX<TabsBlockProps>((props) => {
 
   return (
     <BlockWrapper
-      context={context}
       className={`${isSticky ? 'sticky top-1 z-20 ' : ''}box-border flex gap-x-1 ${className}`}
       role="tablist"
+      {...rest}
     >
-      {tabs?.map(renderTab({ onClick: handleClick, currentTab, page, showCounter, context }))}
+      {tabs?.map(renderTab({ onClick: handleClick, currentTab, showCounter, ...rest }))}
     </BlockWrapper>
   );
 });
 
-const checkTab = (event: TabActivationEvent) => (_: Tab) =>
+const checkTab = (event: TabActivationEvent) => (_: TabData) =>
   _.type === 'link' && _.href === `#${event.label}`;

package/mobile/src/components/Tabs/TabsContent.ts

@@ -1,10 +1,10 @@
-import type { LinkProps } from '../../model/LinkProps';
 import type { TitleProps } from '../../model/HeadlineType';
+import type { LinkProps } from '../../model/LinkProps';
 
 /**
  * @title Группа
  */
-export type GroupTab = TitleProps & {
+export type GroupTabData = TitleProps & {
   /** @default group */
   type: 'group';
   /** @title Тег */
@@ -14,7 +14,7 @@ export type GroupTab = TitleProps & {
 /**
  * @title Ссылка
  */
-export type LinkTab = LinkProps & {
+export type LinkTabData = LinkProps & {
   /** @default link */
   type: 'link';
 };
@@ -25,14 +25,14 @@ export type LinkTab = LinkProps & {
  *    "type": "group"
  * }
  */
-export type Tab = GroupTab | LinkTab;
+export type TabData = GroupTabData | LinkTabData;
 
 /**
  * @title Вкладки
  */
 export interface TabsContent {
   /** @title Табы */
-  tabs?: Tab[];
+  tabs?: TabData[];
   /** @title Закрепить сверху */
   isSticky?: boolean;
   /** @title Показывать счетчик блоков во вкладках */

package/mobile/src/components/Tabs/renderGroupTab.tsx

@@ -7,7 +7,7 @@ import {
   LINK_CLASSES,
   TEXT_CLASSES,
 } from './tabItemClasses';
-import type { GroupTab } from './TabsContent';
+import type { GroupTabData } from './TabsContent';
 
 const BADGE_CLASSES =
   'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
@@ -15,8 +15,8 @@ const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
 const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover:text-primary-main';
 
 export const renderGroupTab =
-  ({ onClick, currentTab, showCounter, page }: RenderTabProps) =>
-  (tab: GroupTab, i: number) => {
+  ({ page, currentTab, showCounter, onClick }: RenderTabProps) =>
+  (tab: GroupTabData, i: number) => {
     const active = currentTab === tab;
 
     const count =

package/mobile/src/components/Tabs/renderTab.tsx

@@ -1,28 +1,21 @@
-import { EventBus } from '../../EventBus/EventBus';
-import { useLink } from '../../hooks/useLink';
 import type { ContentPageDef } from '../../model/ContentPageDef';
 import { assertUnreachable } from '../../utils/assertUnreachable';
-import type { ContentPageContext } from '../ContentPage/ContentPageContext';
+import { LinkTab } from './LinkTab';
 import { renderGroupTab } from './renderGroupTab';
-import { renderLinkTab } from './renderLinkTab';
-import type { Tab } from './TabsContent';
+import type { TabData } from './TabsContent';
 
 export interface RenderTabProps {
-  onClick: (tab: Tab) => void;
-  currentTab?: Tab;
   page?: ContentPageDef;
+  currentTab?: TabData;
   showCounter?: boolean;
-  context: ContentPageContext;
+  onClick: (tab: TabData) => void;
 }
 
 export const renderTab =
-  ({ onClick, currentTab, showCounter, page, context }: RenderTabProps) =>
+  ({ page, currentTab, showCounter, onClick }: RenderTabProps) =>
   // Linter doesn't understand that switch processes all cases
   // eslint-disable-next-line consistent-return
-  (tab: Tab, i: number) => {
-    const { useRouter, handlerDecorator } = context;
-    const router = useRouter();
-
+  (tab: TabData, i: number) => {
     const type = tab.type;
 
     if (!(type === 'group' || type === 'link')) {
@@ -31,21 +24,9 @@ export const renderTab =
 
     switch (type) {
       case 'group':
-        return renderGroupTab({ onClick, currentTab, showCounter, page, context })(tab, i);
+        return renderGroupTab({ page, currentTab, showCounter, onClick })(tab, i);
       case 'link': {
-        const link = useLink({ router, handlerDecorator }, tab);
-        const linkClick = link.onClick;
-
-        return renderLinkTab({
-          ...link,
-          onClick: (ev?: { preventDefault: () => void }) => {
-            linkClick(ev);
-            onClick(tab);
-            EventBus.inst.fire('anchorClick', { isScrolling: true, label: tab.href });
-          },
-          currentTab,
-          i,
-        });
+        return <LinkTab key={String(i)} tab={tab} currentTab={currentTab} />;
       }
       default:
         assertUnreachable(type);

package/mobile/src/components/TariffsTable/TariffsTable.tsx

@@ -1,14 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import type { ListOrientation } from '../../model/ListOrientation';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import type {
   CellDef,
   TariffsTableColumn,
   TariffsTableContent,
   TariffsTableRowHeader,
-  TariffsTableTile,
 } from './TariffsTableContent';
 import { TariffsTableHorizontal } from './TariffsTableHorizontal';
 import { TariffsTableVertical } from './TariffsTableVertical';
@@ -18,12 +15,12 @@ export interface TariffsTableProps extends TariffsTableContent, UniBlockProps {}
 export const TariffsTable = JSX<TariffsTableProps>(
   ({
     className,
-    context,
     title,
     description,
     tariffsColumns: columns,
     rowHeaders,
     orientation = 'vertical',
+    ...rest
   }) => {
     const colData = getColData(columns);
     const tiles = getTiles(rowHeaders, colData);
@@ -37,24 +34,16 @@ export const TariffsTable = JSX<TariffsTableProps>(
           <Heading headingType="h2" className={`text-center ${headingMargin}`} title={title} />
         ) : null}
         {description ? <div className="mb-5 text-center text-m">{description}</div> : null}
-        {tiles?.length ? renderOrientationTable(orientation, tiles, context) : null}
+        {orientation === 'vertical' ? (
+          <TariffsTableVertical tiles={tiles} {...rest} />
+        ) : (
+          <TariffsTableHorizontal tiles={tiles} {...rest} />
+        )}
       </section>
     );
   },
 );
 
-function renderOrientationTable(
-  orientation: ListOrientation,
-  tiles: TariffsTableTile[],
-  context: ContentPageContext,
-) {
-  return orientation === 'vertical' ? (
-    <TariffsTableVertical context={context} tiles={tiles} />
-  ) : (
-    <TariffsTableHorizontal context={context} tiles={tiles} />
-  );
-}
-
 const getColData = (columns: TariffsTableColumn[] | undefined) =>
   columns?.[0].data ? columns[0].data : [];
 

package/mobile/src/components/TariffsTable/TariffsTableCell.tsx

@@ -20,7 +20,6 @@ export interface TariffsTableCellProps extends TariffTableContentProps, UniBlock
 
 export const TariffsTableCell = JSX<TariffsTableCellProps>(
   ({
-    context,
     cells,
     rowIdx,
     cellIdx,
@@ -38,7 +37,6 @@ export const TariffsTableCell = JSX<TariffsTableCellProps>(
           ? cells.map(
               renderCellInner({
                 rowIdx,
-                context,
                 cellIdx,
                 setTableInner,
                 tableInner,

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -19,7 +19,7 @@ export interface TariffsTableTile {
  * @hidden
  */
 export interface TariffsTableProps extends UniBlockProps {
-  tiles: TariffsTableTile[];
+  tiles?: TariffsTableTile[];
 }
 
 /**

package/mobile/src/components/TariffsTable/TariffsTableHorizontal.tsx

@@ -3,10 +3,12 @@ import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl
 import type { TariffsTableProps } from './TariffsTableContent';
 import { TariffsTableTileCell } from './TariffsTableTileCell';
 
-export const TariffsTableHorizontal = JSX<TariffsTableProps>(({ tiles, context }) => (
-  <SwipeListControl context={context}>
-    {tiles.map((tile, i) => (
-      <TariffsTableTileCell key={String(i)} tile={tile} context={context} />
-    ))}
-  </SwipeListControl>
-));
+export const TariffsTableHorizontal = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
+  tiles?.length ? (
+    <SwipeListControl {...rest}>
+      {tiles.map((tile, i) => (
+        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
+      ))}
+    </SwipeListControl>
+  ) : null,
+);

package/mobile/src/components/TariffsTable/TariffsTableRenderCell.tsx

@@ -1,13 +1,11 @@
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { EmbeddableCellData } from './EmbeddableCellData';
 import type { TariffTableContentProps } from './TariffsTableCell';
 import type { CellDef } from './TariffsTableContent';
 
 interface TariffTableCellInnerProps extends TariffTableContentProps {
   cellIdx: number;
-  context: ContentPageContext;
   rowIdx: number;
 }
 
@@ -19,7 +17,6 @@ interface RenderCellProps {
 interface CellProps {
   isVisible?: boolean;
   cellIdx: number;
-  context: ContentPageContext;
   rowIdx: number;
   fieldIdx: number;
   displayTable: (props: TariffsTableInnerContent) => void;
@@ -28,7 +25,6 @@ interface CellProps {
 export const renderCellInner =
   ({
     rowIdx,
-    context,
     cellIdx,
     setTableInner,
     tableInner,
@@ -64,7 +60,6 @@ export const renderCellInner =
             fieldIdx: i,
             displayTable,
             isVisible,
-            context,
           },
         })}
       </div>