@enonic/nextjs-adapter 2.0.1 → 2.0.2

package/src/views/Region.tsx

@@ -1,89 +0,0 @@
-import React from 'react';
-import {PORTAL_REGION_ATTRIBUTE, RENDER_MODE} from '../utils';
-
-import BaseComponent from './BaseComponent';
-import {MetaData, PageComponent, PageData} from '../guillotine/getMetaData';
-
-export interface RegionProps {
-    name: string;
-    components?: PageComponent[];
-    className?: string;
-    common?: any;                  // Content is passed down for optional consumption in componentviews. TODO: Use a react contextprovider instead?
-    meta: MetaData;
-}
-
-export interface RegionsProps {
-    page: PageData | null;
-    name?: string;
-    common?: any;                  // Content is passed down for optional consumption in componentviews. TODO: Use a react contextprovider instead?
-    meta: MetaData;
-}
-
-/** Single region */
-export const RegionView = (props: RegionProps) => {
-    const {name, components, common, meta, className} = props;
-    const regionAttrs: { [key: string]: string } = {};
-
-    if (className) {
-        regionAttrs.className = className;
-    }
-
-    const children = (components || [])
-        .sort(sortPageComponentsByPath)
-        .map((component: PageComponent, i: number) => (
-            <BaseComponent key={`${regionAttrs.id}-${i}`} component={component} common={common} meta={meta}/>
-        ));
-
-    if (meta.renderMode === RENDER_MODE.EDIT) {
-        regionAttrs.id = name + 'Region';
-        regionAttrs[PORTAL_REGION_ATTRIBUTE] = name;
-    }
-
-    return <div {...regionAttrs}>{children}</div>;
-};
-
-
-/** Multiple regions, or only one if named in props.selected */
-const RegionsView = (props: RegionsProps) => {
-    const {page, name, meta, common} = props;
-    const regions = page?.regions;
-    if (!regions || !Object.keys(regions)) {
-        return null;
-    }
-
-    // Detect if any single region is selected for rendering and if so, handle that
-    if (name) {
-        const selectedRegion = regions[name];
-        if (!selectedRegion) {
-            console.warn(
-                `Region name '${name}' was selected but not found among regions (${JSON.stringify(Object.keys(regions))}). Skipping.`);    // TODO: Throw error instead of this? Return null?
-            return null;
-        }
-        return <RegionView {...selectedRegion} common={common} meta={meta}/>;
-    }
-
-    return (
-        <>
-            {
-                Object.keys(regions).map((name: string, i) => {
-                    const region = regions[name];
-                    return <RegionView key={i} {...region} common={common} meta={meta}/>;
-                })
-            }
-        </>
-    );
-};
-
-function sortPageComponentsByPath(aComp: PageComponent, bComp: PageComponent): number {
-    // sort according to index in region, otherwise there will be a mismatch of views and data
-    // because after 10 components the order will be: /main/1, /main/11, /main/2, /main/3,...
-
-    let pathArr = aComp.path.split('/');
-    const aIndex = +(pathArr[pathArr.length - 1] || 0);
-    pathArr = bComp.path.split('/');
-    const bIndex = +(pathArr[pathArr.length - 1] || 0);
-
-    return aIndex - bIndex;
-}
-
-export default RegionsView;

package/src/views/StaticContent.tsx

@@ -1,40 +0,0 @@
-import {createElement, createRef, ReactNode, useEffect, useState} from 'react';
-
-function useStaticContent(ref, isServer) {
-    if (isServer) {
-        return false;
-    }
-
-    if (ref?.current?.innerHTML === '') {
-        return false;
-    }
-
-    return true;
-}
-
-export interface StaticContentProps extends Record<string, any> {
-    children?: ReactNode | ReactNode[];
-    element?: string;
-    condition: boolean;
-}
-
-export default function StaticContent({children, element = 'div', condition = true, ...props}: StaticContentProps) {
-    const isServer = typeof window === 'undefined';
-    const ref = createRef();
-    const isStatic = useStaticContent(ref, isServer);
-
-    // avoid re-render on the client
-    if (isStatic && condition) {
-        return createElement(element, {
-            ...props,
-            ref,
-            suppressHydrationWarning: true,
-            dangerouslySetInnerHTML: {__html: ''},
-        });
-    }
-
-    // just render if:
-    // - condition is false
-    // - we're in the server or a spa navigation
-    return createElement(element, props, ...[].concat(children));
-}

package/src/views/Text.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import {MetaData, TextData} from '../guillotine/getMetaData';
-import RichTextView from './RichTextView';
-
-type Props = {
-    meta: MetaData,
-    component: TextData,
-    path: string,
-};
-
-const DefaultTextView = ({component, meta, path}: Props) => (
-    <RichTextView data={component.value} meta={meta} renderMacroInEditMode={false}/>
-);
-
-export default DefaultTextView;

package/src/views/macros/DefaultMacro.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import {MacroProps} from '../BaseMacro';
-import HTMLReactParser from 'html-react-parser';
-
-const DefaultMacro = ({name, config, meta}: MacroProps) => (
-    HTMLReactParser(config.body) as JSX.Element
-);
-
-export default DefaultMacro;

package/src/views/macros/DisableMacro.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import {MacroProps} from '../BaseMacro';
-
-const DisableMacro = ({name, config, meta}: MacroProps) => (
-    config.body
-);
-
-export default DisableMacro;