@enonic/nextjs-adapter 2.0.0-B3 → 2.0.1

package/views/Region.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { MetaData, PageComponent, PageData } from '../guillotine/getMetaData';
-export interface RegionProps {
-    name: string;
-    components?: PageComponent[];
-    className?: string;
-    common?: any;
-    meta: MetaData;
-}
-export interface RegionsProps {
-    page: PageData | null;
-    name?: string;
-    common?: any;
-    meta: MetaData;
-}
-/** Single region */
-export declare const RegionView: (props: RegionProps) => React.JSX.Element;
-/** Multiple regions, or only one if named in props.selected */
-declare const RegionsView: (props: RegionsProps) => React.JSX.Element;
-export default RegionsView;

package/views/Region.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import { PORTAL_REGION_ATTRIBUTE, RENDER_MODE } from '../utils';
-import BaseComponent from './BaseComponent';
-/** Single region */
-export const RegionView = (props) => {
-    const { name, components, common, meta, className } = props;
-    const regionAttrs = {};
-    if (className) {
-        regionAttrs.className = className;
-    }
-    const children = (components || [])
-        .sort(sortPageComponentsByPath)
-        .map((component, i) => (<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) => {
-    const { page, name, meta, common } = props;
-    const regions = page === null || page === void 0 ? void 0 : 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, i) => {
-            const region = regions[name];
-            return <RegionView key={i} {...region} common={common} meta={meta}/>;
-        })}
-        </>);
-};
-function sortPageComponentsByPath(aComp, bComp) {
-    // 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/views/RichTextView.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { MetaData, RichTextData } from '../guillotine/getMetaData';
-import { DOMNode } from 'html-react-parser';
-export type ReplacerResult = JSX.Element | object | void | undefined | null | false;
-export type Replacer = (domNode: DOMNode, data: RichTextData, meta: MetaData, renderMacroInEditMode: boolean) => ReplacerResult;
-type Props = {
-    data: RichTextData;
-    meta: MetaData;
-    className?: string;
-    tag?: string;
-    renderMacroInEditMode?: boolean;
-    customReplacer?: Replacer;
-};
-export declare function createReplacer(allData: RichTextData, meta: MetaData, renderMacroInEditMode?: boolean, customReplacer?: Replacer): (domNode: DOMNode) => ReplacerResult;
-declare const RichTextView: ({ className, tag, data, meta, renderMacroInEditMode, customReplacer }: Props) => React.JSX.Element;
-export default RichTextView;

package/views/SingleComponent.d.ts

@@ -1,5 +0,0 @@
-/** Render only one component as a result of a request from XP-side .../_/component/... during edit refresh. */
-import React from 'react';
-import { FetchContentResult } from '../guillotine/fetchContent';
-declare const SingleComponent: ({ meta, common }: FetchContentResult) => React.JSX.Element;
-export default SingleComponent;

package/views/StaticContent.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-export interface StaticContentProps extends Record<string, any> {
-    children?: ReactNode | ReactNode[];
-    element?: string;
-    condition: boolean;
-}
-export default function StaticContent({ children, element, condition, ...props }: StaticContentProps): import("react").ReactElement<{
-    ref: import("react").RefObject<unknown>;
-    suppressHydrationWarning: boolean;
-    dangerouslySetInnerHTML: {
-        __html: string;
-    };
-}, string | import("react").JSXElementConstructor<any>> | import("react").DOMElement<{
-    [x: string]: any;
-}, Element>;

package/views/StaticContent.jsx

@@ -1,36 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { createElement, createRef } from 'react';
-function useStaticContent(ref, isServer) {
-    var _a;
-    if (isServer) {
-        return false;
-    }
-    if (((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.innerHTML) === '') {
-        return false;
-    }
-    return true;
-}
-export default function StaticContent(_a) {
-    var { children, element = 'div', condition = true } = _a, props = __rest(_a, ["children", "element", "condition"]);
-    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, Object.assign(Object.assign({}, 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/views/Text.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { MetaData, TextData } from '../guillotine/getMetaData';
-type Props = {
-    meta: MetaData;
-    component: TextData;
-    path: string;
-};
-declare const DefaultTextView: ({ component, meta, path }: Props) => React.JSX.Element;
-export default DefaultTextView;

package/views/Text.jsx

@@ -1,4 +0,0 @@
-import React from 'react';
-import RichTextView from './RichTextView';
-const DefaultTextView = ({ component, meta, path }) => (<RichTextView data={component.value} meta={meta} renderMacroInEditMode={false}/>);
-export default DefaultTextView;

package/views/macros/DefaultMacro.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { MacroProps } from '../BaseMacro';
-declare const DefaultMacro: ({ name, config, meta }: MacroProps) => JSX.Element;
-export default DefaultMacro;

package/views/macros/DefaultMacro.jsx

@@ -1,3 +0,0 @@
-import HTMLReactParser from 'html-react-parser';
-const DefaultMacro = ({ name, config, meta }) => HTMLReactParser(config.body);
-export default DefaultMacro;

package/views/macros/DisableMacro.d.ts

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

package/views/macros/DisableMacro.jsx

@@ -1,2 +0,0 @@
-const DisableMacro = ({ name, config, meta }) => (config.body);
-export default DisableMacro;