@gravity-ui/page-constructor 2.20.1 → 2.22.0-alpha

package/server/models/constructor-items/common.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
+import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -99,7 +99,6 @@ export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, P
     style?: CSSProperties;
     imageClassName?: string;
     hide?: boolean;
-    qa?: string;
 }
 export interface MediaVideoProps extends AnalyticsEventsBase {
     src: string[];
@@ -132,10 +131,11 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
+export interface ButtonProps extends AnalyticsEventsBase {
     text: string;
     url: string;
     primary?: boolean;
+    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
@@ -174,7 +174,11 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
 export interface MediaComponentYoutubeProps {
     youtube: string;
     previewImg?: string;
+    /**
+     * @deprecated use fullscreen
+     */
     fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export interface MediaComponentImageProps {
     image: ImageProps | ImageProps[] | ImageDeviceProps;

package/server/models/constructor-items/sub-blocks.d.ts

@@ -136,7 +136,11 @@ export interface LayoutItemProps extends ClassNameProps {
     media: MediaProps;
     metaInfo?: string[];
     border?: boolean;
+    /**
+     * @deprecated use fullscreen
+     */
     fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export type DividerModel = {
     type: SubBlockType.Divider;

package/server/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, BlockDecoratorProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, Block, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
@@ -41,8 +41,5 @@ export interface CustomConfig {
     subBlocks?: CustomItems;
     headers?: CustomItems;
     loadable?: LoadableConfig;
-    decorators?: {
-        block?: ((props: BlockDecoratorProps) => React.ReactElement)[];
-    };
 }
 export {};

package/server/models/index.d.ts

@@ -5,4 +5,3 @@ export * from './components';
 export * from './guards';
 export * from './react';
 export * from './navigation';
-export * from './customization';

package/server/models/index.js

@@ -21,4 +21,3 @@ __exportStar(require("./components"), exports);
 __exportStar(require("./guards"), exports);
 __exportStar(require("./react"), exports);
 __exportStar(require("./navigation"), exports);
-__exportStar(require("./customization"), exports);

package/server/utils/blocks.d.ts

@@ -1,4 +1,4 @@
-import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 import { ConstructorBlock } from '../models/constructor';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -8,7 +8,4 @@ export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomCon
 };
 export declare const getCustomSubBlockTypes: (customBlocks?: CustomConfig) => string[];
 export declare const getCustomHeaderTypes: (customBlocks?: CustomConfig) => string[];
-export declare const getOrderedBlocks: (blocks: Block[], headerBlockTypes?: string[]) => Block[];
-export declare const getHeaderBlock: (blocks: Block[], headerBlockTypes?: string[]) => Block | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
-export declare const getBlockIndexFromId: (blockId?: string) => number;

package/server/utils/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBlockIndexFromId = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
+exports.getShareLink = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
 const models_1 = require("../models");
 function getHeaderTag(size) {
     switch (size) {
@@ -46,14 +46,6 @@ const getShareUrlWithParams = (url, params = {}) => {
     });
     return result.toString();
 };
-const getOrderedBlocks = (blocks, headerBlockTypes = []) => {
-    return blocks.filter(({ type }) => !headerBlockTypes.includes(type));
-};
-exports.getOrderedBlocks = getOrderedBlocks;
-const getHeaderBlock = (blocks, headerBlockTypes = []) => {
-    return blocks.find(({ type }) => headerBlockTypes.includes(type));
-};
-exports.getHeaderBlock = getHeaderBlock;
 const getShareLink = (url, type, title, text) => {
     // https://github.com/bradvin/social-share-urls
     switch (type) {
@@ -83,5 +75,3 @@ const getShareLink = (url, type, title, text) => {
     }
 };
 exports.getShareLink = getShareLink;
-const getBlockIndexFromId = (blockId) => { var _a; return Number((_a = blockId === null || blockId === void 0 ? void 0 : blockId.split('-')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()); };
-exports.getBlockIndexFromId = getBlockIndexFromId;

package/build/cjs/components/FullscreenMedia/FullScreenMedia.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { MediaAllProps } from '../Media/Media';
-export type ChildMediaRenderProps = Pick<MediaAllProps, 'fullScreen' | 'imageClassName' | 'videoClassName' | 'youtubeClassName' | 'className'>;
-export interface FullScreenMediaProps {
-    showFullScreenIcon?: boolean;
-    children: (props?: ChildMediaRenderProps) => JSX.Element;
-}
-declare const FullScreenMedia: ({ children, showFullScreenIcon }: FullScreenMediaProps) => JSX.Element;
-export default FullScreenMedia;

package/build/cjs/customization/BlockDecoration.d.ts

@@ -1,3 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { BlockDecorationProps } from '../models';
-export declare const BlockDecoration: (props: PropsWithChildren<BlockDecorationProps>) => JSX.Element;

package/build/cjs/customization/BlockDecoration.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockDecoration = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const blockIdContext_1 = require("../context/blockIdContext");
-const innerContext_1 = require("../context/innerContext");
-const utils_1 = require("../utils");
-const BlockDecoration = (props) => {
-    var _a, _b;
-    const blockContenxtId = (0, utils_1.getBlockIndexFromId)((0, react_1.useContext)(blockIdContext_1.BlockIdContext));
-    const { headerBlockTypes } = (0, react_1.useContext)(innerContext_1.InnerContext);
-    const blockId = props.id || blockContenxtId;
-    const isHeader = Boolean(props.id && headerBlockTypes.includes(props.id));
-    const block = react_1.default.createElement(react_1.Fragment, null, props.children);
-    const blockDecorators = (_b = (_a = (0, react_1.useContext)(innerContext_1.InnerContext).customization) === null || _a === void 0 ? void 0 : _a.decorators) === null || _b === void 0 ? void 0 : _b.block;
-    if (!blockDecorators) {
-        return block;
-    }
-    return blockDecorators.reduce((children, decorator) => (react_1.default.createElement(react_1.Fragment, null, decorator({ children, id: blockId, isHeader }))), block);
-};
-exports.BlockDecoration = BlockDecoration;

package/build/cjs/editor/Components/AddBlock/AddBlock.css

@@ -1,82 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-add-block {
-  position: fixed;
-  bottom: 32px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 110;
-}
-.pc-add-block__button {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  border: none;
-  outline: none;
-  color: inherit;
-  background: none;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: transform 0.2s;
-  width: 76px;
-  height: 40px;
-  color: var(--yc-color-text-inverted-primary);
-  background-color: var(--yc-color-promo-base-neon);
-  border-radius: 8px;
-}
-.pc-add-block__button:hover {
-  transform: scale(1.05);
-}
-.pc-add-block__icon {
-  width: 16px;
-  height: 16px;
-}
-
-.pc-add-block__popup {
-  min-width: 420px;
-  border-radius: var(--pc-border-radius);
-  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 4px 24px rgba(0, 0, 0, 0.06);
-}
-.pc-add-block__popup .pc-add-block__search {
-  padding: 20px 20px 0;
-}
-.pc-add-block__popup .pc-add-block__blocks {
-  display: flex;
-  flex-direction: column;
-  padding: 20px;
-  height: 296px;
-  max-height: 296px;
-  overflow-y: auto;
-}
-.pc-add-block__popup .pc-add-block__block {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: transform 0.2s;
-  margin-top: 20px;
-  justify-content: flex-start;
-  cursor: pointer;
-}
-.pc-add-block__popup .pc-add-block__block:hover {
-  transform: scale(1.05);
-}
-.pc-add-block__popup .pc-add-block__block:first-child {
-  margin-top: 0;
-}
-.pc-add-block__popup .pc-add-block__preview {
-  width: 148px;
-  height: 74px;
-  border-radius: var(--pc-border-radius);
-  margin-right: 16px;
-}
-.pc-add-block__popup .pc-add-block__title {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.pc-add-block__popup .pc-add-block__title,
-.pc-add-block__popup .pc-add-block__description {
-  margin: 0;
-}

package/build/cjs/editor/Components/AddBlock/AddBlock.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Block } from '../../../models';
-export interface AddBlockProps {
-    onAdd: (data: Block) => void;
-}
-declare const AddBlock: ({ onAdd }: PropsWithChildren<AddBlockProps>) => JSX.Element;
-export default AddBlock;

package/build/cjs/editor/Components/AddBlock/AddBlock.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const constructor_items_1 = require("../../../constructor-items");
-const utils_1 = require("../../../utils");
-const data_1 = tslib_1.__importDefault(require("../../data"));
-const b = (0, utils_1.block)('add-block');
-const sortedBlockNames = Object.keys(constructor_items_1.blockMap).sort();
-const AddBlock = ({ onAdd }) => {
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    const [search, setSearch] = (0, react_1.useState)('');
-    const ref = (0, react_1.useRef)(null);
-    const blocks = (0, react_1.useMemo)(() => sortedBlockNames.filter((blockName) => data_1.default[blockName].meta.title
-        .toLocaleLowerCase()
-        .startsWith(search.toLocaleLowerCase())), [search]);
-    return (react_1.default.createElement("div", { className: b(), ref: ref },
-        react_1.default.createElement("button", { className: b('button'), onClick: () => {
-                setIsOpened(!isOpened);
-                setSearch('');
-            } },
-            react_1.default.createElement(icons_1.Plus, { className: b('icon') })),
-        isOpened && (react_1.default.createElement(uikit_1.Popup, { anchorRef: ref, open: isOpened, className: b('popup'), placement: "top", offset: [0, 24], onOutsideClick: () => setIsOpened(false) },
-            react_1.default.createElement("div", { className: b('search') },
-                react_1.default.createElement(uikit_1.TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) })),
-            react_1.default.createElement("div", { className: b('blocks') }, blocks.map((blockName) => {
-                var _a;
-                const blockData = data_1.default[blockName];
-                const Preview = blockData === null || blockData === void 0 ? void 0 : blockData.preview;
-                return (react_1.default.createElement("div", { key: blockName, className: b('block'), onClick: () => {
-                        onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
-                        setIsOpened(false);
-                    } },
-                    react_1.default.createElement("div", { className: b('preview') },
-                        react_1.default.createElement(Preview, null)),
-                    react_1.default.createElement("div", { className: b('info') },
-                        react_1.default.createElement("h4", { className: b('title') }, blockData.meta.title),
-                        ((_a = blockData === null || blockData === void 0 ? void 0 : blockData.meta) === null || _a === void 0 ? void 0 : _a.description) && (react_1.default.createElement("p", { className: b('description') }, blockData.meta.description)))));
-            }))))));
-};
-exports.default = AddBlock;

package/build/cjs/editor/Components/EditBlock/EditBlock.css

@@ -1,47 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-edit-block {
-  cursor: pointer;
-  position: relative;
-}
-.pc-edit-block__controls {
-  position: absolute;
-  width: calc(100% + 40px);
-  height: calc(100% + 40px);
-  top: -20px;
-  left: -20px;
-  border-radius: 8px;
-  z-index: 100;
-}
-.pc-edit-block__controls_isHeader {
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-.pc-edit-block__controls_active {
-  border: 4px solid var(--yc-color-promo-base-neon);
-}
-.pc-edit-block__controls-content {
-  display: flex;
-  position: absolute;
-  bottom: -44px;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.pc-edit-block__control {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: transform 0.2s;
-  width: 24px;
-  height: 24px;
-  border-radius: calc(8px / 2);
-  background-color: var(--yc-color-promo-highlight-neon);
-}
-.pc-edit-block__control:hover {
-  transform: scale(1.1);
-}
-.pc-edit-block__control:not(:first-child) {
-  margin-left: 12px;
-}

package/build/cjs/editor/Components/EditBlock/EditBlock.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { EditBlockProps } from '../../../editor/types';
-declare const _default: React.MemoExoticComponent<({ id, isHeader, activeBlockId, onDelete, onSelect, onCopy, onOrderChange, children, orderedBlocksCount, }: EditBlockProps) => JSX.Element>;
-export default _default;

package/build/cjs/editor/Components/EditBlock/EditBlock.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const utils_1 = require("../../../utils");
-const b = (0, utils_1.block)('edit-block');
-const EditBlock = ({ id, isHeader, activeBlockId, onDelete, onSelect, onCopy, onOrderChange, children, orderedBlocksCount, }) => {
-    const ref = (0, react_1.useRef)(null);
-    const controlsActive = activeBlockId === id;
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (controlsActive && ref.current) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        }
-    }, [controlsActive]);
-    return (react_1.default.createElement("div", { className: b(), onClick: () => {
-            onSelect(id);
-        }, ref: ref },
-        react_1.default.createElement("div", { className: b('controls', { active: controlsActive, isHeader }) }, controlsActive && (react_1.default.createElement("div", { className: b('controls-content'), onClick: (e) => e.stopPropagation() },
-            typeof id === 'number' && (react_1.default.createElement(react_1.Fragment, null,
-                id > 0 && (react_1.default.createElement("div", { className: b('control'), onClick: () => onOrderChange(id, id - 1) },
-                    react_1.default.createElement(icons_1.ChevronUp, null))),
-                id < orderedBlocksCount - 1 && (react_1.default.createElement("div", { className: b('control'), onClick: () => onOrderChange(id, id + 1) },
-                    react_1.default.createElement(icons_1.ChevronDown, null))),
-                react_1.default.createElement("div", { className: b('control'), onClick: () => onCopy(id) },
-                    react_1.default.createElement(icons_1.Copy, null)))),
-            react_1.default.createElement("div", { className: b('control'), onClick: () => onDelete(id) },
-                react_1.default.createElement(icons_1.TrashBin, null))))),
-        children));
-};
-exports.default = react_1.default.memo(EditBlock);

package/build/cjs/editor/Containers/Editor.d.ts

@@ -1,2 +0,0 @@
-import { EditorProps } from '../types';
-export declare const Editor: ({ children, ...rest }: EditorProps) => JSX.Element;

package/build/cjs/editor/Containers/Editor.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const AddBlock_1 = tslib_1.__importDefault(require("../Components/AddBlock/AddBlock"));
-const EditBlock_1 = tslib_1.__importDefault(require("../Components/EditBlock/EditBlock"));
-const store_1 = require("../store");
-const utils_1 = require("../utils");
-const Editor = (_a) => {
-    var { children } = _a, rest = tslib_1.__rest(_a, ["children"]);
-    const { content, onAdd, editControlsProps } = (0, store_1.useEditorState)(rest);
-    const constructorProps = (0, react_1.useMemo)(() => {
-        const editControlsDecorator = (props) => (react_1.default.createElement(EditBlock_1.default, Object.assign({}, props, editControlsProps)));
-        return {
-            content,
-            custom: (0, utils_1.addCustomDecorator)(editControlsDecorator, rest.custom),
-        };
-    }, [editControlsProps, content, rest.custom]);
-    return (react_1.default.createElement("div", null,
-        children(constructorProps),
-        react_1.default.createElement(AddBlock_1.default, { onAdd: onAdd })));
-};
-exports.Editor = Editor;

package/build/cjs/editor/data/index.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { Block, BlockType } from '../../models';
-export type PreviewComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-export interface EdiorBlockData {
-    template: Block;
-    preview: PreviewComponent;
-    meta: {
-        title: string;
-        description?: string;
-    };
-}
-declare const EditorBlocksData: Record<BlockType, EdiorBlockData>;
-export default EditorBlocksData;

package/build/cjs/editor/data/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const models_1 = require("../../models");
-const utils_1 = require("../utils");
-const default_preview_1 = tslib_1.__importDefault(require("./previews/default-preview"));
-const getBlockTemplate = (blockType) => require(`./templates/${blockType}.json`);
-const getBlockPreview = (blockType) => {
-    try {
-        return require(`./previews/${blockType}.tsx`).default;
-    }
-    catch (err) {
-        /*eslint-disable no-console */
-        console.warn(`Preview image for ${blockType} not found`);
-        return default_preview_1.default;
-    }
-};
-const EditorBlocksData = Object.values(models_1.BlockType).reduce((previewData, blockType) => {
-    const template = getBlockTemplate(blockType);
-    const preview = getBlockPreview(blockType);
-    template.meta = template.meta || {};
-    template.meta.title = template.meta.title || (0, utils_1.formatBlockName)(blockType);
-    /* eslint-disable no-param-reassign */
-    previewData[blockType] = Object.assign(Object.assign({}, template), { preview });
-    return previewData;
-}, {});
-exports.default = EditorBlocksData;

package/build/cjs/editor/data/previews/default-preview.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const DefaultPreview: React.FC<React.SVGProps<SVGSVGElement>>;
-export default DefaultPreview;

package/build/cjs/editor/data/previews/default-preview.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../../../utils/svg");
-const DefaultPreview = (props) => (react_1.default.createElement("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }),
-    react_1.default.createElement("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }),
-    react_1.default.createElement("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }),
-    react_1.default.createElement("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }),
-    react_1.default.createElement("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "#A967FF" }),
-    react_1.default.createElement("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })));
-exports.default = DefaultPreview;

package/build/cjs/editor/data/previews/header-block.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Header: React.FC<React.SVGProps<SVGSVGElement>>;
-export default Header;

package/build/cjs/editor/data/previews/header-block.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../../../utils/svg");
-const Header = (props) => (react_1.default.createElement("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }),
-    react_1.default.createElement("rect", { x: "4.44174", y: "9.60464", width: "141.116", height: "56.7907", rx: "5.16279", fill: "#A967FF" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#A967FF" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }),
-    react_1.default.createElement("rect", { x: "33.6976", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#A967FF" }),
-    react_1.default.createElement("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#A967FF" }),
-    react_1.default.createElement("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "#A967FF" }),
-    react_1.default.createElement("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })));
-exports.default = Header;

package/build/cjs/editor/index.d.ts

@@ -1,2 +0,0 @@
-export { Editor } from './Containers/Editor';
-export * from './types';

package/build/cjs/editor/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Editor = void 0;
-const tslib_1 = require("tslib");
-var Editor_1 = require("./Containers/Editor");
-Object.defineProperty(exports, "Editor", { enumerable: true, get: function () { return Editor_1.Editor; } });
-tslib_1.__exportStar(require("./types"), exports);

package/build/cjs/editor/store/index.d.ts

@@ -1,15 +0,0 @@
-import { Block } from '../../models';
-import { EditorProps } from '../types';
-export type EditorBlockId = number | string;
-export declare function useEditorState({ content: intialContent, custom }: Omit<EditorProps, 'children'>): {
-    content: import("../../models").PageContent;
-    editControlsProps: {
-        activeBlockId: import("./reducer").EditorBlockId;
-        orderedBlocksCount: number;
-        onDelete: (id: EditorBlockId) => void;
-        onSelect: (id: EditorBlockId) => void;
-        onCopy: (index: number) => void;
-        onOrderChange: (oldIndex: number, newIndex: number) => void;
-    };
-    onAdd: (block: Block) => void;
-};

package/build/cjs/editor/store/index.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEditorState = void 0;
-const react_1 = require("react");
-const models_1 = require("../../models");
-const utils_1 = require("../../utils");
-const reducer_1 = require("./reducer");
-const utils_2 = require("./utils");
-function useEditorState({ content: intialContent, custom }) {
-    const headerBlockTypes = (0, react_1.useMemo)(() => [...models_1.HeaderBlockTypes, ...(0, utils_1.getCustomHeaderTypes)(custom)], [custom]);
-    const reducer = (0, react_1.useMemo)(() => (0, reducer_1.getReducer)(headerBlockTypes), [headerBlockTypes]);
-    const [{ activeBlockId, content, orderedBlocksCount }, dispatch] = (0, react_1.useReducer)(reducer, {
-        activeBlockId: 0,
-        orderedBlocksCount: (0, utils_1.getOrderedBlocks)(intialContent.blocks, headerBlockTypes).length,
-        content: (0, utils_2.addEditorProps)(intialContent),
-    });
-    return (0, react_1.useMemo)(() => {
-        return {
-            content,
-            editControlsProps: {
-                activeBlockId,
-                orderedBlocksCount,
-                onDelete: (id) => dispatch({ type: reducer_1.DELETE_BLOCK, payload: id }),
-                onSelect: (id) => dispatch({ type: reducer_1.SELECT_BLOCK, payload: id }),
-                onCopy: (index) => dispatch({ type: reducer_1.COPY_BLOCK, payload: index }),
-                onOrderChange: (oldIndex, newIndex) => dispatch({ type: reducer_1.ORDER_BLOCK, payload: { oldIndex, newIndex } }),
-            },
-            onAdd: (block) => dispatch({ type: reducer_1.ADD_BLOCK, payload: block }),
-        };
-    }, [content, activeBlockId, orderedBlocksCount]);
-}
-exports.useEditorState = useEditorState;

package/build/cjs/editor/store/reducer.d.ts

@@ -1,41 +0,0 @@
-import { Block, CustomConfig, PageContent } from '../../models';
-export type EditorBlockId = number | string;
-interface EditorState {
-    content: PageContent;
-    activeBlockId: EditorBlockId;
-    orderedBlocksCount: number;
-    custom?: CustomConfig;
-}
-interface OrderBlockParams {
-    oldIndex: number;
-    newIndex: number;
-}
-export declare const SELECT_BLOCK = "SELECT_BLOCK";
-export declare const DELETE_BLOCK = "DELETE_BLOCK";
-export declare const COPY_BLOCK = "COPY_BLOCK";
-export declare const ADD_BLOCK = "ADD_BLOCK";
-export declare const SET_REGION = "SET_REGION";
-export declare const ORDER_BLOCK = "ORDER_BLOCK";
-interface SelectBlock {
-    type: typeof SELECT_BLOCK;
-    payload: EditorBlockId;
-}
-interface DeleteBlock {
-    type: typeof DELETE_BLOCK;
-    payload: EditorBlockId;
-}
-interface CopyBlock {
-    type: typeof COPY_BLOCK;
-    payload: number;
-}
-interface AddBlock {
-    type: typeof ADD_BLOCK;
-    payload: Block;
-}
-interface OrderBlock {
-    type: typeof ORDER_BLOCK;
-    payload: OrderBlockParams;
-}
-export type EditorAction = SelectBlock | DeleteBlock | CopyBlock | AddBlock | OrderBlock;
-export declare const getReducer: (headerBlockTypes: string[]) => (state: EditorState, action: EditorAction) => EditorState;
-export {};