@gravity-ui/page-constructor 4.0.0-beta.0 → 4.0.1

package/build/cjs/context/theme/ThemeProvider.d.ts

@@ -1,22 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { ThemeContextProps } from './ThemeContext';
-import { ConstructorTheme } from './ThemeValueContext';
-interface ThemeProviderExternalProps {
-}
-interface ThemeProviderDefaultProps {
-    theme: ConstructorTheme;
-}
-export interface ThemeProviderProps extends ThemeProviderExternalProps, Partial<ThemeProviderDefaultProps> {
-}
-interface ThemeProviderState extends ThemeContextProps {
-    themeValue: ConstructorTheme;
-}
-export declare class ThemeProvider extends React.Component<PropsWithChildren<ThemeProviderExternalProps & ThemeProviderDefaultProps>, ThemeProviderState> {
-    static defaultProps: ThemeProviderDefaultProps;
-    state: ThemeProviderState;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ThemeProviderProps, prevState: ThemeProviderState): void;
-    render(): JSX.Element;
-    private updateBodyClassName;
-}
-export {};

package/build/cjs/context/theme/ThemeProvider.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const constants_1 = require("../../components/constants");
-const ThemeContext_1 = require("./ThemeContext");
-const ThemeValueContext_1 = require("./ThemeValueContext");
-class ThemeProvider extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            theme: this.props.theme,
-            themeValue: this.props.theme,
-            setTheme: (theme) => {
-                this.setState({ theme });
-            },
-        };
-    }
-    componentDidMount() {
-        this.updateBodyClassName(this.state.themeValue);
-    }
-    componentDidUpdate(prevProps, prevState) {
-        if (prevState.theme !== this.state.theme) {
-            this.setState({ themeValue: this.state.theme });
-            this.updateBodyClassName(this.state.theme);
-        }
-        if (prevProps.theme !== this.props.theme) {
-            this.setState({ themeValue: this.state.theme });
-            this.updateBodyClassName(this.state.theme);
-        }
-    }
-    render() {
-        return (react_1.default.createElement(ThemeContext_1.ThemeContext.Provider, { value: this.state },
-            react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: this.state.themeValue } }, this.props.children)));
-    }
-    updateBodyClassName(theme) {
-        const bodyEl = document.body;
-        if (!bodyEl.classList.contains('yc-root')) {
-            bodyEl.classList.add('yc-root');
-        }
-        bodyEl.classList.toggle('yc-root_theme_light', theme === 'light');
-        bodyEl.classList.toggle('yc-root_theme_dark', theme === 'dark');
-    }
-}
-exports.ThemeProvider = ThemeProvider;
-ThemeProvider.defaultProps = {
-    theme: constants_1.DEFAULT_THEME,
-};

package/build/cjs/context/theme/ThemeValueContext.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type ConstructorTheme = 'light' | 'dark';
-export interface ThemeValueContextProps {
-    themeValue: ConstructorTheme;
-}
-export declare const initialValue: ThemeValueContextProps;
-export declare const ThemeValueContext: React.Context<ThemeValueContextProps>;

package/build/cjs/context/theme/ThemeValueContext.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeValueContext = exports.initialValue = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.initialValue = {
-    themeValue: 'light',
-};
-exports.ThemeValueContext = react_1.default.createContext(exports.initialValue);

package/build/cjs/context/theme/useThemeValue.d.ts

@@ -1,2 +0,0 @@
-import { ThemeValueContextProps } from './ThemeValueContext';
-export declare function useThemeValue(): ThemeValueContextProps['themeValue'];

package/build/cjs/context/theme/useThemeValue.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemeValue = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ThemeValueContext_1 = require("./ThemeValueContext");
-function useThemeValue() {
-    const { themeValue } = react_1.default.useContext(ThemeValueContext_1.ThemeValueContext);
-    return themeValue;
-}
-exports.useThemeValue = useThemeValue;

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/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/navigation/components/Header/Header.css

@@ -1,98 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-header {
-  position: sticky;
-  z-index: 98;
-  top: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: var(--header-height);
-  background-color: var(--yc-color-base-background);
-  box-shadow: inset 0 -1px 0 var(--yc-color-line-generic);
-}
-.pc-header__wrapper {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: var(--header-height);
-}
-@media (min-width: 769px) {
-  .pc-header__mobile-menu-button.pc-header__mobile-menu-button {
-    display: none;
-  }
-}
-
-.pc-header__navigation, .pc-header__left, .pc-header__right {
-  display: flex;
-  align-items: center;
-}
-.pc-header__navigation.pc-header__navigation {
-  position: relative;
-  flex: 1 0 0;
-  justify-content: flex-start;
-}
-@media (max-width: 768px) {
-  .pc-header__navigation.pc-header__navigation {
-    display: none;
-  }
-}
-
-.pc-header__right {
-  flex: 0;
-  justify-content: flex-end;
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.pc-header__navigation-container {
-  display: flex;
-  overflow-x: hidden;
-  flex: 1 0 0;
-  justify-content: space-between;
-  align-items: center;
-  margin-right: 32px;
-}
-.pc-header__buttons {
-  display: flex;
-  align-items: center;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-@media (max-width: 768px) {
-  .pc-header__buttons {
-    display: none;
-  }
-}
-.pc-header__buttons > *:not(:last-child) {
-  margin-right: 16px;
-}
-.pc-header__buttons-item {
-  position: relative;
-}
-.pc-header__buttons-item:not(:last-child) {
-  margin-right: 20px;
-}
-.pc-header__button {
-  margin-top: 0;
-}
-.pc-header__logo {
-  margin: 0 32px 0 0;
-  cursor: pointer;
-}
-@media (max-width: 768px) {
-  .pc-header__navigation-container {
-    justify-content: flex-end;
-  }
-  .pc-header__left {
-    flex: 1 0 0;
-  }
-}
-@media (max-width: 576px) {
-  .pc-header__navigation-container {
-    margin-right: 12px;
-  }
-  .pc-header__logo {
-    margin-right: 0;
-  }
-}

package/build/cjs/navigation/components/Header/Header.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { HeaderData, ThemedNavigationLogoData } from '../../../models';
-export interface HeaderProps {
-    logo: ThemedNavigationLogoData;
-    data: HeaderData;
-}
-export declare const Header: React.FC<HeaderProps>;
-export default Header;

package/build/cjs/navigation/components/Header/Header.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const Control_1 = tslib_1.__importDefault(require("../../../components/Control/Control"));
-const OutsideClick_1 = tslib_1.__importDefault(require("../../../components/OutsideClick/OutsideClick"));
-const grid_1 = require("../../../grid");
-const icons_1 = require("../../../icons");
-const utils_1 = require("../../../utils");
-const constants_1 = require("../../constants");
-const Logo_1 = tslib_1.__importDefault(require("../Logo/Logo"));
-const MobileNavigation_1 = tslib_1.__importDefault(require("../MobileNavigation/MobileNavigation"));
-const Navigation_1 = tslib_1.__importDefault(require("../Navigation/Navigation"));
-const NavigationListItem_1 = require("../NavigationListItem/NavigationListItem");
-const b = (0, utils_1.block)('header');
-const ICON_SIZE = 36;
-const MobileMenuButton = ({ isSidebarOpened, onSidebarOpenedChange, }) => {
-    const iconProps = {
-        icon: isSidebarOpened ? icons_1.NavigationClose : icons_1.NavigationOpen,
-        iconSize: ICON_SIZE,
-    };
-    return (react_1.default.createElement(Control_1.default, Object.assign({ className: b('mobile-menu-button'), onClick: (e) => {
-            e.stopPropagation();
-            onSidebarOpenedChange(!isSidebarOpened);
-        }, size: "l" }, iconProps)));
-};
-const iconSizeKey = 'iconSize';
-const Header = ({ data, logo }) => {
-    const { leftItems, rightItems, iconSize = 20 } = data;
-    const [isSidebarOpened, setIsSidebarOpened] = (0, react_1.useState)(false);
-    const [activeItemId, setactiveItemId] = (0, react_1.useState)(undefined);
-    const getNavigationItemWithIconSize = (0, react_1.useCallback)((item) => {
-        if (!(iconSizeKey in item)) {
-            return Object.assign(Object.assign({}, item), { iconSize });
-        }
-        return item;
-    }, [iconSize]);
-    const leftItemsWithIconSize = (0, react_1.useMemo)(() => leftItems.map(getNavigationItemWithIconSize), [getNavigationItemWithIconSize, leftItems]);
-    const rightItemsWithIconSize = (0, react_1.useMemo)(() => rightItems === null || rightItems === void 0 ? void 0 : rightItems.map(getNavigationItemWithIconSize), [getNavigationItemWithIconSize, rightItems]);
-    const onActiveItemChange = (0, react_1.useCallback)((id) => {
-        setactiveItemId(id);
-    }, []);
-    const hidePopup = (0, react_1.useCallback)(() => {
-        onActiveItemChange();
-    }, [onActiveItemChange]);
-    const onSidebarOpenedChange = (0, react_1.useCallback)((isOpen) => {
-        setIsSidebarOpened(isOpen);
-    }, []);
-    const hideSidebar = (0, react_1.useCallback)(() => {
-        setIsSidebarOpened(false);
-    }, []);
-    return (react_1.default.createElement(grid_1.Grid, { className: b() },
-        react_1.default.createElement(grid_1.Row, null,
-            react_1.default.createElement(grid_1.Col, null,
-                react_1.default.createElement("header", { className: b('wrapper') },
-                    logo && (react_1.default.createElement("div", { className: b('left') },
-                        react_1.default.createElement(Logo_1.default, Object.assign({}, logo, { className: b('logo') })))),
-                    react_1.default.createElement("div", { className: b('navigation-container') },
-                        react_1.default.createElement(Navigation_1.default, { className: b('navigation'), links: leftItemsWithIconSize, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange })),
-                    react_1.default.createElement("div", { className: b('right') },
-                        react_1.default.createElement(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }),
-                        rightItemsWithIconSize && (react_1.default.createElement("ul", { className: b('buttons') }, rightItemsWithIconSize.map((button, index) => (react_1.default.createElement(NavigationListItem_1.NavigationListItem, { key: index, className: b('buttons-item'), item: button, index: index, activeItemId: activeItemId, hidePopup: hidePopup, column: constants_1.ItemColumnName.Right, onActiveItemChange: onActiveItemChange })))))),
-                    react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: () => onSidebarOpenedChange(false) },
-                        react_1.default.createElement(MobileNavigation_1.default, { topItems: leftItems, bottomItems: rightItems, isOpened: isSidebarOpened, activeItemId: activeItemId, onActiveItemChange: onActiveItemChange, onClose: hideSidebar })))))));
-};
-exports.Header = Header;
-exports.default = exports.Header;

package/build/cjs/navigation/components/NavigationDropdownItem/NavigationDropdownItem.d.ts

@@ -1,11 +0,0 @@
-import React, { MouseEventHandler } from 'react';
-import { NavigationDropdownItem } from '../../../models';
-export interface NavigationDropdownProps {
-    className?: string;
-    data: NavigationDropdownItem;
-    onClick: MouseEventHandler;
-    isActive: boolean;
-    hidePopup: () => void;
-}
-declare const NavigationDropdown: React.FC<NavigationDropdownProps>;
-export default NavigationDropdown;

package/build/cjs/navigation/components/NavigationDropdownItem/NavigationDropdownItem.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const models_1 = require("../../../models");
-const NavigationItem_1 = tslib_1.__importDefault(require("../NavigationItem/NavigationItem"));
-const NavigationPopup_1 = tslib_1.__importDefault(require("../NavigationPopup/NavigationPopup"));
-const NavigationDropdown = ({ className, data, isActive, hidePopup, onClick, }) => {
-    const anchorRef = (0, react_1.useRef)(null);
-    const { text, icon, items, iconSize } = data, popupProps = tslib_1.__rest(data, ["text", "icon", "items", "iconSize"]);
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(NavigationItem_1.default, { className: className, ref: anchorRef, onClick: onClick, isOpened: isActive, data: { text, type: models_1.NavigationItemType.Dropdown, icon, iconSize } }),
-        react_1.default.createElement(NavigationPopup_1.default, Object.assign({ open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef }, popupProps))));
-};
-exports.default = NavigationDropdown;

package/build/cjs/navigation/components/NavigationListItem/NavigationListItem.css

@@ -1,27 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-navigation-list-item {
-  height: var(--header-height);
-  line-height: var(--header-height);
-  cursor: pointer;
-  outline: none;
-  color: inherit;
-  text-decoration: none;
-}
-.utilityfocus .pc-navigation-list-item:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-navigation-list-item__content:hover, .pc-navigation-list-item__content:active {
-  color: var(--yc-color-text-link);
-}
-.pc-navigation-list-item__slider-container {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.pc-navigation-list-item__slider {
-  width: 100%;
-  height: 2px;
-  background-color: var(--yc-color-text-link);
-}

package/build/cjs/navigation/constants.d.ts

@@ -1,6 +0,0 @@
-export declare enum ItemColumnName {
-    Left = "left",
-    Right = "right",
-    Top = "top",
-    Bottom = "bottom"
-}

package/build/esm/context/theme/ThemeProvider.d.ts

@@ -1,22 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { ThemeContextProps } from './ThemeContext';
-import { ConstructorTheme } from './ThemeValueContext';
-interface ThemeProviderExternalProps {
-}
-interface ThemeProviderDefaultProps {
-    theme: ConstructorTheme;
-}
-export interface ThemeProviderProps extends ThemeProviderExternalProps, Partial<ThemeProviderDefaultProps> {
-}
-interface ThemeProviderState extends ThemeContextProps {
-    themeValue: ConstructorTheme;
-}
-export declare class ThemeProvider extends React.Component<PropsWithChildren<ThemeProviderExternalProps & ThemeProviderDefaultProps>, ThemeProviderState> {
-    static defaultProps: ThemeProviderDefaultProps;
-    state: ThemeProviderState;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ThemeProviderProps, prevState: ThemeProviderState): void;
-    render(): JSX.Element;
-    private updateBodyClassName;
-}
-export {};

package/build/esm/context/theme/ThemeProvider.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { DEFAULT_THEME } from '../../components/constants';
-import { ThemeContext } from './ThemeContext';
-import { ThemeValueContext } from './ThemeValueContext';
-export class ThemeProvider extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            theme: this.props.theme,
-            themeValue: this.props.theme,
-            setTheme: (theme) => {
-                this.setState({ theme });
-            },
-        };
-    }
-    componentDidMount() {
-        this.updateBodyClassName(this.state.themeValue);
-    }
-    componentDidUpdate(prevProps, prevState) {
-        if (prevState.theme !== this.state.theme) {
-            this.setState({ themeValue: this.state.theme });
-            this.updateBodyClassName(this.state.theme);
-        }
-        if (prevProps.theme !== this.props.theme) {
-            this.setState({ themeValue: this.state.theme });
-            this.updateBodyClassName(this.state.theme);
-        }
-    }
-    render() {
-        return (React.createElement(ThemeContext.Provider, { value: this.state },
-            React.createElement(ThemeValueContext.Provider, { value: { themeValue: this.state.themeValue } }, this.props.children)));
-    }
-    updateBodyClassName(theme) {
-        const bodyEl = document.body;
-        if (!bodyEl.classList.contains('yc-root')) {
-            bodyEl.classList.add('yc-root');
-        }
-        bodyEl.classList.toggle('yc-root_theme_light', theme === 'light');
-        bodyEl.classList.toggle('yc-root_theme_dark', theme === 'dark');
-    }
-}
-ThemeProvider.defaultProps = {
-    theme: DEFAULT_THEME,
-};

package/build/esm/context/theme/ThemeValueContext.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type ConstructorTheme = 'light' | 'dark';
-export interface ThemeValueContextProps {
-    themeValue: ConstructorTheme;
-}
-export declare const initialValue: ThemeValueContextProps;
-export declare const ThemeValueContext: React.Context<ThemeValueContextProps>;

package/build/esm/context/theme/ThemeValueContext.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const initialValue = {
-    themeValue: 'light',
-};
-export const ThemeValueContext = React.createContext(initialValue);

package/build/esm/context/theme/useThemeValue.d.ts

@@ -1,2 +0,0 @@
-import { ThemeValueContextProps } from './ThemeValueContext';
-export declare function useThemeValue(): ThemeValueContextProps['themeValue'];

package/build/esm/context/theme/useThemeValue.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ThemeValueContext } from './ThemeValueContext';
-export function useThemeValue() {
-    const { themeValue } = React.useContext(ThemeValueContext);
-    return themeValue;
-}

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

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

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

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

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

@@ -1,30 +0,0 @@
-import React, { Fragment, useEffect, useRef } from 'react';
-import { ChevronDown, ChevronUp, Copy, TrashBin } from '@gravity-ui/icons';
-import { block } from '../../../utils';
-import './EditBlock.css';
-const b = block('edit-block');
-const EditBlock = ({ id, isHeader, activeBlockId, onDelete, onSelect, onCopy, onOrderChange, children, orderedBlocksCount, }) => {
-    const ref = useRef(null);
-    const controlsActive = activeBlockId === id;
-    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.createElement("div", { className: b(), onClick: () => {
-            onSelect(id);
-        }, ref: ref },
-        React.createElement("div", { className: b('controls', { active: controlsActive, isHeader }) }, controlsActive && (React.createElement("div", { className: b('controls-content'), onClick: (e) => e.stopPropagation() },
-            typeof id === 'number' && (React.createElement(Fragment, null,
-                id > 0 && (React.createElement("div", { className: b('control'), onClick: () => onOrderChange(id, id - 1) },
-                    React.createElement(ChevronUp, null))),
-                id < orderedBlocksCount - 1 && (React.createElement("div", { className: b('control'), onClick: () => onOrderChange(id, id + 1) },
-                    React.createElement(ChevronDown, null))),
-                React.createElement("div", { className: b('control'), onClick: () => onCopy(id) },
-                    React.createElement(Copy, null)))),
-            React.createElement("div", { className: b('control'), onClick: () => onDelete(id) },
-                React.createElement(TrashBin, null))))),
-        children));
-};
-export default React.memo(EditBlock);

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

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

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

@@ -1,20 +0,0 @@
-import { __rest } from "tslib";
-import React, { useMemo } from 'react';
-import AddBlock from '../Components/AddBlock/AddBlock';
-import EditBlock from '../Components/EditBlock/EditBlock';
-import { useEditorState } from '../store';
-import { addCustomDecorator } from '../utils';
-export const Editor = (_a) => {
-    var { children } = _a, rest = __rest(_a, ["children"]);
-    const { content, onAdd, editControlsProps } = useEditorState(rest);
-    const constructorProps = useMemo(() => {
-        const editControlsDecorator = (props) => (React.createElement(EditBlock, Object.assign({}, props, editControlsProps)));
-        return {
-            content,
-            custom: addCustomDecorator(editControlsDecorator, rest.custom),
-        };
-    }, [editControlsProps, content, rest.custom]);
-    return (React.createElement("div", null,
-        children(constructorProps),
-        React.createElement(AddBlock, { onAdd: onAdd })));
-};