tooly-powerdoc-renderer 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tooly-powerdoc-renderer",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Powerdoc renderer",
   "main": "build/index.js",
   "scripts": {
@@ -13,10 +13,16 @@
   "author": "aturok",
   "license": "MIT",
   "devDependencies": {
+    "@babel/core": "^7.21.8",
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.5",
     "@emotion/react": "^11.8.1",
     "@emotion/styled": "^11.8.1",
     "@types/react": "^17.0.39",
     "@types/webpack": "^5.28.1",
+    "babel-loader": "^9.1.2",
+    "babel-plugin-emotion": "^11.0.0",
     "react": "^17.0.2",
     "rimraf": "^5.0.0",
     "stream-browserify": "^3.0.0",

package/src/PageContent/index.ts

@@ -3,4 +3,8 @@ export * from './PageContent';
 export * from './RenderingContext';
 export * from './Components/InlineItems';
 
+export * from './Components/Tiles';
+export * from './Components/MediaFiles';
+export * from './Components/Columns';
+
 export type PageContentType = PageContentT;

package/src/index.ts

@@ -3,5 +3,6 @@ import { PageContent as PageContentT } from './PageContent/types';
 export * from './PageContent/PageContent';
 export * from './PageContent/RenderingContext';
 export * from './PageContent/Components/InlineItems';
+export * from './PageContent/Components/common';
 
 export type PageContentType = PageContentT;

package/webpack.config.ts

@@ -41,17 +41,17 @@ const configuration = {
             },
             {
                 test: /\.ts$/,
-                loader: "ts-loader",
-                options: {
-                    configFile: "tsconfig.lib.json",
-                },
+                loader: "babel-loader",
+                // options: {
+                //     configFile: "tsconfig.lib.json",
+                // },
             },
             {
               test: /\.tsx$/,
-              loader: "ts-loader",
-              options: {
-                  configFile: "tsconfig.lib.json",
-              },
+              loader: "babel-loader",
+              // options: {
+              //     configFile: "tsconfig.lib.json",
+              // },
               exclude: /node_modules/,
             },
         ],

package/build/PageContent/Components/Columns.d.ts

@@ -1,6 +0,0 @@
-import { ContentBlock, PageContent as PageContentT } from '../types';
-interface Props extends ContentBlock {
-    columns_content?: PageContentT[];
-}
-export declare const Columns: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/Elements/Icons.d.ts

@@ -1,3 +0,0 @@
-import { IconSettings } from "../../types";
-export declare const maskIconCss: (img: string, color: string, w: number, h: number) => import("@emotion/utils").SerializedStyles;
-export declare const maskIconCssFromSettings: (icon: IconSettings, color: string, scale?: number) => import("@emotion/utils").SerializedStyles;

package/build/PageContent/Components/Elements/Popup.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface Props {
-    isActive?: boolean;
-    close: () => void;
-    noCloseButton?: boolean;
-}
-export declare const PopupWrapperOut: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & {
-    isActive?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Popup: (props: React.PropsWithChildren<Props>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/Elements/Slider.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { IRenderingContextTheme } from '../../RenderingContext';
-export interface SliderItemCssProps {
-    windowWidth?: number;
-    nItems: number;
-}
-export declare const sliderItemCss: (props: SliderItemCssProps, theme: IRenderingContextTheme) => import("@emotion/utils").SerializedStyles;
-export declare const sliderItemCssNoFullWidth: (props: SliderItemCssProps, theme: IRenderingContextTheme) => import("@emotion/utils").SerializedStyles;
-interface Props<T> {
-    items?: T[];
-    gap?: string;
-    ItemComponent: React.ComponentType<T>;
-}
-export declare const Slider: <T extends {
-    title: string;
-    _id: string | number;
-}>(props: Props<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/Elements/SliderArrows.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare const Arrow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    direction: "backward" | "forward";
-}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
-export declare const ArrowsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface Props {
-    goNext: () => void;
-    goPrev: () => void;
-}
-export declare const SliderArrows: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/Elements/SliderPointers.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const SliderPointersWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-interface Props {
-    items: {
-        title?: string;
-    }[];
-    activeItemIdx: number;
-    setActiveItemIdx: (idx: number) => void;
-}
-export declare const SliderPointers: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/Elements/helpers.d.ts

@@ -1,10 +0,0 @@
-export declare const isExternalLink: (link: string | undefined) => boolean | "" | undefined;
-export declare const createLinkProps: (link: string | undefined, forceNewTab?: boolean) => {
-    href: string | undefined;
-    target: string;
-    rel: string;
-} | {
-    href: string | undefined;
-    target?: undefined;
-    rel?: undefined;
-};

package/build/PageContent/Components/Elements/useWindowSize.d.ts

@@ -1,5 +0,0 @@
-export declare const useWindowSize: () => {
-    width: number;
-    height: number;
-    clientWidth: number;
-};

package/build/PageContent/Components/EmbedScript.d.ts

@@ -1,2 +0,0 @@
-import { ContentBlock } from '../types';
-export declare const EmbedScript: (props: ContentBlock) => import("@emotion/react/jsx-runtime").JSX.Element;

package/build/PageContent/Components/Expander.d.ts

@@ -1,8 +0,0 @@
-import { ContentBlock, PageContent as PageContentT } from '../types';
-interface Props extends ContentBlock {
-    content?: PageContentT;
-    open?: boolean;
-    title?: string;
-}
-export declare const Expander: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/Gallery.d.ts

@@ -1,2 +0,0 @@
-import { ContentBlock } from '../types';
-export declare const Gallery: (props: ContentBlock) => import("@emotion/react/jsx-runtime").JSX.Element;

package/build/PageContent/Components/Heading.d.ts

@@ -1,2 +0,0 @@
-import { ContentBlock } from '../types';
-export declare const Heading: (props: ContentBlock) => import("@emotion/react/jsx-runtime").JSX.Element;

package/build/PageContent/Components/InlineItems.d.ts

@@ -1,7 +0,0 @@
-import { Leaf } from '../types';
-interface Props {
-    children: Leaf[];
-}
-export declare const LeafElement: (props: Leaf) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const InlineItems: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/List.d.ts

@@ -1,2 +0,0 @@
-import { ContentBlock } from '../types';
-export declare const List: (props: ContentBlock) => import("@emotion/react/jsx-runtime").JSX.Element;

package/build/PageContent/Components/MediaFiles.d.ts

@@ -1,2 +0,0 @@
-import { ContentBlock } from '../types';
-export declare const MediaFiles: (props: ContentBlock) => import("@emotion/react/jsx-runtime").JSX.Element;

package/build/PageContent/Components/Panel.d.ts

@@ -1,6 +0,0 @@
-import { ContentBlock, PageContent as PageContentT } from '../types';
-interface Props extends ContentBlock {
-    content?: PageContentT;
-}
-export declare const Panel: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/Paragraph.d.ts

@@ -1,3 +0,0 @@
-import { ContentBlock } from '../types';
-export declare const getNonEmptyChild: (children: any[]) => any;
-export declare const Paragraph: (props: ContentBlock) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/build/PageContent/Components/Table.d.ts

@@ -1,2 +0,0 @@
-import { ContentBlock } from '../types';
-export declare const Table: (props: ContentBlock) => import("@emotion/react/jsx-runtime").JSX.Element;

package/build/PageContent/Components/Tiles.d.ts

@@ -1,17 +0,0 @@
-import { ContentBlock } from '../types';
-export interface Tile {
-    id: string;
-    image_url?: string;
-    title?: string;
-    content?: any;
-    link?: string;
-}
-interface Props extends ContentBlock {
-    noArrows?: boolean;
-    tiles?: Tile[];
-    columns?: number;
-    link_label?: string;
-    no_carousel?: string;
-}
-export declare const Tiles: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/Components/common.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { IRenderingContextTheme } from "../RenderingContext";
-import { ContentBlock, CustomField } from "../types";
-export declare const extractCustomBlockFields: (block: ContentBlock) => Record<string, string>;
-export declare const composeCustomBlockFields: (fields: Record<string, any>) => Record<string, CustomField>;
-export declare const OccupyFreeSpace: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const cardStyle: (theme: IRenderingContextTheme) => import("@emotion/utils").SerializedStyles;

package/build/PageContent/PageComponents.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { ContentBlock } from "./types";
-export declare const CustomFieldsBlockType = "custom_fields_block";
-export declare const BlockTypeField = "block_type";
-export declare const createEmptyCustomBlockComponent: (customType: string) => {
-    type: string;
-    fields: {
-        a: {
-            label: string;
-            value: string;
-        };
-    };
-    children: {
-        text: string;
-    }[];
-};
-export type PageComponentType = React.ComponentType<ContentBlock>;
-export declare const PageComponents: Record<string, PageComponentType>;

package/build/PageContent/PageContent.d.ts

@@ -1,8 +0,0 @@
-import { PageContent as PageContentT } from './types';
-import { PageComponentType } from './PageComponents';
-interface Props {
-    content?: PageContentT;
-    customComponents?: Record<string, PageComponentType>;
-}
-export declare const PageContent: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/build/PageContent/RenderingContext.d.ts

@@ -1,166 +0,0 @@
-import React, { ComponentType, PropsWithChildren } from "react";
-import { PageComponentType } from "./PageComponents";
-import { Leaf, MediaFile } from "./types";
-export declare const DefaultSizes: {
-    screen: {
-        s: number;
-        sm: number;
-        m: number;
-        l: number;
-    };
-    sides: {
-        l: string;
-        m: string;
-        s: string;
-    };
-    zIndex: {
-        popup: number;
-    };
-    card: {
-        shadow: string;
-        borderRadius: string;
-    };
-    slider: {
-        gap: {
-            s: string;
-            m: string;
-            l: string;
-        };
-        disableFullWidth: boolean;
-    };
-};
-export declare const DefaultMediaBreakpoints: {
-    s: string;
-    sm: string;
-    m: string;
-    l: string;
-    xl: string;
-};
-export declare const DefaultTheme: {
-    colors: {
-        primary: string;
-        secondary: string;
-        background: string;
-        panelBackground: string;
-        borderInPanel: string;
-        border: string;
-        boxShadow: string;
-        popupOverlay: string;
-    };
-    icons: {
-        drop_down: {
-            icon: string;
-            width: number;
-            height: number;
-        };
-        arrow_left: {
-            icon: string;
-            width: number;
-            height: number;
-        };
-        arrow_right_long: {
-            icon: string;
-            width: number;
-            height: number;
-        };
-        close: {
-            icon: string;
-            width: number;
-            height: number;
-        };
-    };
-};
-export interface IRenderingContext {
-    device: typeof DefaultMediaBreakpoints;
-    sizes: typeof DefaultSizes;
-    theme: typeof DefaultTheme;
-    mediaFilePath: (mf: MediaFile) => string;
-    customComponents?: Record<string, PageComponentType>;
-    customLeaf?: ComponentType<Leaf>;
-}
-export declare const DefaultRenderingContext: {
-    device: {
-        s: string;
-        sm: string;
-        m: string;
-        l: string;
-        xl: string;
-    };
-    sizes: {
-        screen: {
-            s: number;
-            sm: number;
-            m: number;
-            l: number;
-        };
-        sides: {
-            l: string;
-            m: string;
-            s: string;
-        };
-        zIndex: {
-            popup: number;
-        };
-        card: {
-            shadow: string;
-            borderRadius: string;
-        };
-        slider: {
-            gap: {
-                s: string;
-                m: string;
-                l: string;
-            };
-            disableFullWidth: boolean;
-        };
-    };
-    theme: {
-        colors: {
-            primary: string;
-            secondary: string;
-            background: string;
-            panelBackground: string;
-            borderInPanel: string;
-            border: string;
-            boxShadow: string;
-            popupOverlay: string;
-        };
-        icons: {
-            drop_down: {
-                icon: string;
-                width: number;
-                height: number;
-            };
-            arrow_left: {
-                icon: string;
-                width: number;
-                height: number;
-            };
-            arrow_right_long: {
-                icon: string;
-                width: number;
-                height: number;
-            };
-            close: {
-                icon: string;
-                width: number;
-                height: number;
-            };
-        };
-    };
-    mediaFilePath: (mf: MediaFile) => string;
-};
-export type IRenderingContextTheme = IRenderingContext["theme"] & {
-    device: typeof DefaultMediaBreakpoints;
-    sizes: typeof DefaultSizes;
-};
-export declare const RenderingContext: React.Context<IRenderingContext>;
-export declare const useRenderingContext: () => IRenderingContext;
-interface ProviderProps {
-    settings?: Partial<Pick<IRenderingContext, "sizes" | "theme" | "mediaFilePath">>;
-    customComponents?: Record<string, PageComponentType>;
-    customLeaf?: ComponentType<Leaf>;
-}
-export declare const RenderingContextProvider: (props: PropsWithChildren<ProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const castTheme: (theme: any) => IRenderingContextTheme;
-export {};

package/build/PageContent/index.d.ts

@@ -1,5 +0,0 @@
-import { PageContent as PageContentT } from './types';
-export * from './PageContent';
-export * from './RenderingContext';
-export * from './Components/InlineItems';
-export type PageContentType = PageContentT;

package/build/PageContent/types.d.ts

@@ -1,51 +0,0 @@
-import React from "react";
-export interface CustomField {
-    label: string;
-    value: string;
-}
-export interface MediaFile {
-    filename: string;
-    space_id: string;
-    contenttype: string;
-}
-export interface IconSettings {
-    icon: string;
-    width: number;
-    height: number;
-}
-export interface InlineMarks {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    strikethrough?: boolean;
-    highlight?: boolean;
-    code?: boolean;
-    _class?: string;
-}
-export interface Leaf extends InlineMarks {
-    text: string;
-    type?: string;
-    url?: string;
-}
-export interface ContentBlockBase {
-    type: string;
-    children: Leaf[];
-    fields?: Record<string, CustomField>;
-    files?: MediaFile[];
-    _class?: string;
-    align?: React.CSSProperties["textAlign"];
-}
-export declare const AlignToJustify: {
-    center: string;
-    left: string;
-    right: string;
-    justify: string;
-};
-export declare const alignToJustify: (align?: string) => string;
-export type ContentBlock = ContentBlockBase & Record<string, any>;
-export interface PageContent {
-    blocks: ContentBlock[];
-}
-export type NotFound = {
-    not_found: true;
-};

package/build/index.d.ts

@@ -1,5 +0,0 @@
-import { PageContent as PageContentT } from './PageContent/types';
-export * from './PageContent/PageContent';
-export * from './PageContent/RenderingContext';
-export * from './PageContent/Components/InlineItems';
-export type PageContentType = PageContentT;

package/build/index.js.LICENSE.txt

@@ -1,23 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */