@redneckz/wildless-cms-uni-blocks 0.5.11 → 0.5.13

package/src/react/IntersectionObserverTag.tsx

@@ -1,33 +0,0 @@
-import React, { ReactNode, useCallback, useRef } from 'react';
-import type { IntersectionObserverComponent } from '../components/ContentPage/ContentPageContext';
-
-export const IntersectionObserverTag: IntersectionObserverComponent = (props) => {
-  const {
-    tag: _tag = 'section',
-    observerCallback,
-    observerOptions,
-    className = '',
-    anchor = null,
-    children,
-  } = props;
-
-  const intersectionObserver = useRef<IntersectionObserver>();
-
-  const ref = useCallback(
-    (tag: HTMLElement | null | undefined) => {
-      if (!tag) {
-        return;
-      }
-
-      if (intersectionObserver.current) {
-        intersectionObserver.current.disconnect();
-      }
-
-      intersectionObserver.current = new IntersectionObserver(observerCallback, observerOptions);
-      intersectionObserver.current.observe(tag);
-    },
-    [observerCallback, observerOptions],
-  );
-
-  return React.createElement(_tag, { ref, className, id: anchor }, children as ReactNode);
-};

package/src/ui-kit/Foldable/useActiveHandler.ts

@@ -1,33 +0,0 @@
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { IconName } from '../../icons/IconName';
-
-export const foldableBlockClassNames = 'transition-all duration-300 max-h-0 overflow-hidden';
-
-export interface ActiveHandler {
-  initialState?: boolean;
-}
-
-export const useActiveHandler = ({ initialState = false }: ActiveHandler) => {
-  const [isActive, setIsActive] = useState(initialState);
-  const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-
-  const handleToggle = (e) => {
-    const currentTarget = e.currentTarget as HTMLElement;
-
-    if (!currentTarget) {
-      return;
-    }
-
-    setIsActive(!isActive);
-    const wrapperBlock = currentTarget.previousSibling as HTMLElement;
-    const contentBlock = wrapperBlock.getElementsByClassName(
-      foldableBlockClassNames,
-    )[0] as HTMLElement;
-
-    contentBlock.style.maxHeight = contentBlock.style.maxHeight
-      ? ''
-      : `${contentBlock.scrollHeight}px`;
-  };
-
-  return { icon, handleToggle, isActive };
-};

package/src/utils/getAccordionItems.ts

@@ -1,10 +0,0 @@
-export const getAccordionItems = (items) =>
-  items?.map((item) => ({
-    label: item.text || '',
-    blocks: [
-      {
-        accordionBlockType: 'LinkList',
-        documents: item.items || [],
-      },
-    ],
-  }));