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

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

@@ -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 || ''}`}>

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

@@ -3,11 +3,12 @@ import { HeadingContent, HeadingType, HeadingTypeContent } from './HeadingConten
 
 export interface HeadingProps extends HeadingContent, HeadingTypeContent {
   className?: string;
+  as?: HeadingType;
 }
 
 const HEADING_STYLE_MAP: Record<HeadingType, string> = {
   h1: 'text-title-xl tracking-[-0.3px]',
-  h2: 'text-title-lg',
+  h2: 'text-title',
   h3: 'text-title-sm',
   h4: 'text-title-xs',
   h5: 'text-title-2xs tracking-[0.2px]',
@@ -15,11 +16,13 @@ const HEADING_STYLE_MAP: 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 m-0 ${HEADING_STYLE_MAP[headingType]} ${className}`}>{title}</Tag>

package/src/utils/changeHashOnScroll.ts

@@ -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}`);
+    }
+  });
+};

package/src/utils/tableFunc.ts

@@ -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;
+  };