@gravity-ui/page-constructor 3.16.0 → 4.0.0

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/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;
-}