@enonic/nextjs-adapter 2.0.1 → 2.0.3

package/src/views/BasePart.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import {MetaData, PartData} from '../guillotine/getMetaData';
-import {ComponentRegistry} from '../ComponentRegistry';
-import {XP_COMPONENT_TYPE} from '../utils';
-import {MissingComponent, shouldShowMissingView} from './BaseComponent';
-
-
-export interface PartProps {
-    part: PartData;
-    path: string;
-    data?: any;
-    common?: any; // Content is passed down to componentviews. TODO: Use a react contextprovider instead?
-    meta: MetaData;
-}
-
-interface BasePartProps {
-    component?: PartData;
-    path: string;
-    common?: any;
-    data?: any;
-    error?: string;
-    meta: MetaData;
-}
-
-const BasePart = (props: BasePartProps) => {
-    const {component, data, common, meta, path} = props;
-
-    let partSelection;
-    if (component) {
-        partSelection = ComponentRegistry.getPart(component.descriptor);
-    }
-    const SelectedPartView = partSelection?.view;
-    if (SelectedPartView) {
-        return <SelectedPartView part={component}
-                                 path={path}
-                                 data={data}
-                                 common={common}
-                                 meta={meta}/>;
-    } else if (component?.descriptor) {
-        // empty descriptor usually means uninitialized part
-        console.warn(`BasePart: can not render part '${component.descriptor}': no next view or catch-all defined`);
-        if (shouldShowMissingView(meta)) {
-            return <MissingComponent type={XP_COMPONENT_TYPE.PART} descriptor={component.descriptor}/>;
-        }
-    }
-    return null;
-};
-
-export default BasePart;
-

package/src/views/Fragment.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import BaseComponent, {MissingComponent, shouldShowMissingView} from './BaseComponent';
-import {FragmentData, MetaData, PageComponent, PageData} from '../guillotine/getMetaData';
-import {FRAGMENT_DEFAULT_REGION_NAME, XP_COMPONENT_TYPE} from '../utils';
-
-interface FragmentProps {
-    page?: PageData;
-    component?: FragmentData;
-    common?: any;
-    meta: MetaData;
-}
-
-const FragmentView = (props: FragmentProps) => {
-    const {component, page} = props;
-    const comps: PageComponent[] = [];
-    if (page) {
-        // rendering whole page
-        const regions = page.regions || {};
-        const regionComps = regions[FRAGMENT_DEFAULT_REGION_NAME]?.components;
-        if (regionComps) {
-            comps.push(...regionComps);
-        }
-    } else if (component?.fragment) {
-        // rendering a part of a page
-        comps.push(...component.fragment.components);
-    }
-
-    if (!comps.length && shouldShowMissingView(props.meta)) {
-        return <MissingComponent type={XP_COMPONENT_TYPE.FRAGMENT} descriptor={page?.descriptor || component?.id}/>;
-    } else {
-        const {common, meta} = props;
-
-        return (
-            <>
-                {
-                    comps.map((comp: PageComponent, i: number) => (
-                        <BaseComponent key={i} component={comp} common={common} meta={meta}/>
-                    ))
-                }
-            </>
-        );
-    }
-};
-
-export default FragmentView;

package/src/views/MainView.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-
-import {FetchContentResult} from '../guillotine/fetchContent';
-import SingleComponent from './SingleComponent';
-import BaseContent from './BaseContent';
-import {XP_REQUEST_TYPE} from '../utils';
-
-
-const _MainView = (props: FetchContentResult) => {
-    const {meta} = props;
-
-    // Single-component render:
-    if (meta?.requestType === XP_REQUEST_TYPE.COMPONENT) {
-        return <SingleComponent {...props} />;
-    }
-
-    // meta.requestType="type", and hence content-type based, is standard view for now.
-    return <BaseContent {...props} />;
-};
-
-export default _MainView;

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;