npm - @redneckz/wildless-cms-uni-blocks - Versions diffs - 0.3.35 → 0.3.38 - Mend

@@ -16,7 +16,7 @@ export function useLink(
   return {
     ...link,
     href,
-    ariaLabel: link.text,
+    'aria-label': link.text,
     onClick: handlerDecorator((ev: MouseEvent) => {
       const isLocalHref = href && !isURL(href);
       const isLocalTarget = !link.target || link.target === '_self';

@@ -14,7 +14,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
       {isWithText(props) ? (
         <div>
           <div className="text-m-2xs font-light text-left">{aboveText}</div>
-          <div className="text-button-sm text-left">{text}</div>
+          <div className="text-button text-left">{text}</div>
         </div>
       ) : null}
     </div>

@@ -3,6 +3,7 @@ import { HeadingContent, HeadingType, HeadingTypeContent } from './HeadingConten
 export interface HeadingProps extends HeadingContent, HeadingTypeContent {
   className?: string;
+  as?: HeadingType;
 }
 const HeadingClass: Record<HeadingType, string> = {
@@ -15,11 +16,13 @@ const HeadingClass: Record<HeadingType, string> = {
 };
 export const Heading = JSX<HeadingProps>((props) => {
-  const { className, headingType, title } = props;
+  const { className, headingType, title, as } = props;
   if (!headingType) {
     return;
   }
-  const Tag = headingType;
+  const Tag = as || headingType;
   return (
     <Tag className={`font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`}>

@@ -0,0 +1,15 @@
+import { Router } from '../components/ContentPage/ContentPageContext';
+export const changeHashOnScroll = (router: Router, blocks: NodeListOf<Element> | null) => {
+  blocks?.forEach((block) => {
+    const currentHash = globalThis.location.hash;
+    const anchorHash = `#${block?.id}`;
+    if (currentHash === anchorHash) return;
+    const position = block?.getBoundingClientRect();
+    if (position && position.top > 0 && position.top < 150) {
+      router.replace(`#${block?.id}`);
+    }
+  });
+};

@@ -0,0 +1,8 @@
+export type Predicate<Input> = (input: Input) => boolean;
+export const tableFunc =
+  <Input, Output>(table: Array<[Predicate<Input>, Output]>) =>
+  (input: Input): Output | undefined => {
+    const [, output] = table.find(([predicate]) => predicate(input)) || [];
+    return output;
+  };

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.35",
+  "version": "0.3.38",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

@@ -3,6 +3,7 @@ import type { ComparisonTableContent } from './ComparisonTable/ComparisonTableCo
 import type { ExchangeRateTileContent } from './ExchangeRateTile/ExchangeRateTileContent';
 import type { FooterContent } from './Footer/FooterContent';
 import type { GalleryContent } from './Gallery/GalleryContent';
+import type { GracePeriodContent } from './GracePeriod/GracePeriodContent';
 import type { HeaderContent } from './Header/HeaderContent';
 import type { LinkDocsContent } from './LinkDocs/LinkDocsContent';
 import type { LinkListContent } from './LinkList/LinkListContent';
@@ -29,6 +30,7 @@ export type BlockContent =
   | ExchangeRateTileContent
   | FooterContent
   | GalleryContent
+  | GracePeriodContent
   | HeaderContent
   | LinkDocsContent
   | MobileAppTileContent

@@ -5,6 +5,7 @@ import { CreditCalculator } from './CreditCalculator/CreditCalculator';
 import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
 import { Gallery } from './Gallery/Gallery';
+import { GracePeriod } from './GracePeriod/GracePeriod';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { LinkDocs } from './LinkDocs/LinkDocs';
@@ -12,6 +13,7 @@ import { MiniGallery } from './MiniGallery/MiniGallery';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { Navigation } from './Navigation/Navigation';
 import { NavigatorTabs } from './NavigatorTabs/NavigatorTabs';
+import { OtherProducts } from './OtherProducts/OtherProducts';
 import { PictureText } from './PictureText/PictureText';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
@@ -19,7 +21,6 @@ import { ProductGallery } from './ProductGallery/ProductGallery';
 import { ProductGalleryGreen } from './ProductGalleryGreen/ProductGalleryGreen';
 import { ProductTile } from './ProductTile/ProductTile';
 import { PromoTile } from './PromoTile/PromoTile';
-import { OtherProducts } from './OtherProducts/OtherProducts';
 import { Recommendation } from './Recommendation/Recommendation';
 import { StepsBlock } from './StepsBlock/StepsBlock';
 import { TariffsTable } from './TariffsTable/TariffsTable';
@@ -34,6 +35,7 @@ export const Blocks = {
   ExchangeRateTile,
   Footer,
   Gallery,
+  GracePeriod,
   Header,
   Headline,
   LinkDocs,

@@ -29,7 +29,7 @@ export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) =>
       />
     )}
     {image?.src && <Img className="mb-[18px]" image={image} />}
-    {title && <Heading headingType="h4" className="text-center text-white" title={title} />}
+    {title && <Heading headingType="h4" as="h3" className="text-center text-white" title={title} />}
     {link?.text && (
       <div className="mt-auto w-full">
         <Button

@@ -31,7 +31,7 @@ export const TableCell = JSX<TableCellProps>(({ cell, isFirstRow, isLastRow, isF
 const renderCellInner = ({ label, description }: CellData, i: number, isFillGradient: boolean) => (
   <div key={String(i)} className="first:pt-7 pt-6 last:pb-7">
     {label && (
-      <h5 className={`text-xl font-medium m-0 ${isFillGradient ? 'text-white' : ''}`}>{label}</h5>
+      <h4 className={`text-xl font-medium m-0 ${isFillGradient ? 'text-white' : ''}`}>{label}</h4>
     )}
     {description && (
       <div

@redneckz/wildless-cms-uni-blocks 0.3.35 → 0.3.38