@gravity-ui/page-constructor 1.0.0

package/build/esm/grid/types.d.ts

@@ -0,0 +1,50 @@
+export declare enum GridJustifyContent {
+    Start = "justify-content-start",
+    Center = "justify-content-center",
+    End = "justify-content-end",
+    Around = "justify-content-around",
+    Between = "justify-content-between"
+}
+export declare enum GridAlignItems {
+    Start = "align-items-start",
+    Center = "align-items-center",
+    End = "align-items-end"
+}
+export declare enum GridColumnSize {
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg",
+    Xl = "xl",
+    All = "all"
+}
+export declare enum GridColumnAlignSelf {
+    Start = "align-self-start",
+    Center = "align-self-center",
+    End = "align-self-end"
+}
+export declare enum GridColumnClassPrefix {
+    Col = "col",
+    Offset = "offset",
+    Order = "order"
+}
+export declare enum GridColumnVisibilityClass {
+    None = "none",
+    Block = "block"
+}
+export declare enum GridColumnOrderClasses {
+    First = "first",
+    Last = "last"
+}
+export declare type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;
+export declare type GridColumnOrderSizesType = Partial<Record<GridColumnSize, number | GridColumnOrderClasses>>;
+export interface GridColumnClassParams {
+    className?: string;
+    sizes?: GridColumnSizesType | number;
+    offsets?: GridColumnSizesType;
+    orders?: GridColumnOrderSizesType;
+    hidden?: GridColumnSize;
+    visible?: GridColumnSize;
+    alignSelf?: GridColumnAlignSelf;
+    justifyContent?: GridJustifyContent;
+    reset?: boolean;
+}

package/build/esm/grid/types.js

@@ -0,0 +1,44 @@
+export var GridJustifyContent;
+(function (GridJustifyContent) {
+    GridJustifyContent["Start"] = "justify-content-start";
+    GridJustifyContent["Center"] = "justify-content-center";
+    GridJustifyContent["End"] = "justify-content-end";
+    GridJustifyContent["Around"] = "justify-content-around";
+    GridJustifyContent["Between"] = "justify-content-between";
+})(GridJustifyContent || (GridJustifyContent = {}));
+export var GridAlignItems;
+(function (GridAlignItems) {
+    GridAlignItems["Start"] = "align-items-start";
+    GridAlignItems["Center"] = "align-items-center";
+    GridAlignItems["End"] = "align-items-end";
+})(GridAlignItems || (GridAlignItems = {}));
+export var GridColumnSize;
+(function (GridColumnSize) {
+    GridColumnSize["Sm"] = "sm";
+    GridColumnSize["Md"] = "md";
+    GridColumnSize["Lg"] = "lg";
+    GridColumnSize["Xl"] = "xl";
+    GridColumnSize["All"] = "all";
+})(GridColumnSize || (GridColumnSize = {}));
+export var GridColumnAlignSelf;
+(function (GridColumnAlignSelf) {
+    GridColumnAlignSelf["Start"] = "align-self-start";
+    GridColumnAlignSelf["Center"] = "align-self-center";
+    GridColumnAlignSelf["End"] = "align-self-end";
+})(GridColumnAlignSelf || (GridColumnAlignSelf = {}));
+export var GridColumnClassPrefix;
+(function (GridColumnClassPrefix) {
+    GridColumnClassPrefix["Col"] = "col";
+    GridColumnClassPrefix["Offset"] = "offset";
+    GridColumnClassPrefix["Order"] = "order";
+})(GridColumnClassPrefix || (GridColumnClassPrefix = {}));
+export var GridColumnVisibilityClass;
+(function (GridColumnVisibilityClass) {
+    GridColumnVisibilityClass["None"] = "none";
+    GridColumnVisibilityClass["Block"] = "block";
+})(GridColumnVisibilityClass || (GridColumnVisibilityClass = {}));
+export var GridColumnOrderClasses;
+(function (GridColumnOrderClasses) {
+    GridColumnOrderClasses["First"] = "first";
+    GridColumnOrderClasses["Last"] = "last";
+})(GridColumnOrderClasses || (GridColumnOrderClasses = {}));

package/build/esm/grid/utils.d.ts

@@ -0,0 +1,9 @@
+import { GridColumnSize, GridColumnVisibilityClass, GridColumnSizesType, GridColumnClassPrefix, GridColumnClassParams, GridColumnOrderSizesType, GridJustifyContent } from './types';
+export declare function getClasses(items: GridColumnSizesType | GridColumnOrderSizesType, prefix: GridColumnClassPrefix): string;
+export declare function getOffsetClass(offsets: GridColumnSizesType): string;
+export declare function getOrderClass(orders: GridColumnOrderSizesType): string;
+export declare function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass): string;
+export declare function getSizeClass(sizes: GridColumnSizesType | number): string;
+export declare function getJustifyClass(justifyContent: GridJustifyContent): string;
+export declare function getResetClass(): string;
+export declare function getColClass(params: GridColumnClassParams): string;

package/build/esm/grid/utils.js

@@ -0,0 +1,53 @@
+import { GridColumnSize, GridColumnVisibilityClass, GridColumnClassPrefix, } from './types';
+function getVisibilityClass(visibility, size) {
+    return `d${size ? `-${size}` : ''}-${visibility}`;
+}
+export function getClasses(items, prefix) {
+    return Object.keys(items).reduce((result, size) => {
+        const sizeName = size === GridColumnSize.All ? '' : `-${size}`;
+        const itemSize = items[size];
+        const sizeValue = !itemSize && prefix === GridColumnClassPrefix.Col ? '' : `-${itemSize}`;
+        return result + ` ${prefix}${sizeName}${sizeValue}`;
+    }, '');
+}
+export function getOffsetClass(offsets) {
+    return getClasses(offsets, GridColumnClassPrefix.Offset);
+}
+export function getOrderClass(orders) {
+    return getClasses(orders, GridColumnClassPrefix.Order);
+}
+export function getVisibilityClasses(size, type) {
+    const [oppositeClass, mainClass] = type === GridColumnVisibilityClass.None
+        ? [GridColumnVisibilityClass.None, GridColumnVisibilityClass.Block]
+        : [GridColumnVisibilityClass.Block, GridColumnVisibilityClass.None];
+    return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;
+}
+export function getSizeClass(sizes) {
+    if (typeof sizes === 'number') {
+        return `${GridColumnClassPrefix.Col}-${sizes.toString()}`;
+    }
+    return getClasses(sizes, GridColumnClassPrefix.Col);
+}
+export function getJustifyClass(justifyContent) {
+    return `d-flex ${justifyContent}`;
+}
+export function getResetClass() {
+    return 'col-reset';
+}
+export function getColClass(params) {
+    const { className = '', sizes, offsets, orders, hidden, visible, alignSelf, justifyContent, reset, } = params;
+    return [
+        GridColumnClassPrefix.Col,
+        className,
+        alignSelf,
+        justifyContent && getJustifyClass(justifyContent),
+        sizes && getSizeClass(sizes),
+        offsets && getOffsetClass(offsets),
+        orders && getOrderClass(orders),
+        hidden && getVisibilityClasses(hidden, GridColumnVisibilityClass.None),
+        visible && getVisibilityClasses(visible, GridColumnVisibilityClass.Block),
+        reset && getResetClass(),
+    ]
+        .filter(Boolean)
+        .join(' ');
+}

package/build/esm/hooks/hubspot.d.ts

@@ -0,0 +1,16 @@
+import { HubspotEventHandlers } from '../utils/hubspot';
+/**
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame
+ */
+export declare function useLoopBackHubspotEvents(formId: string): void;
+/**
+ * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook in any frame to handle hubspot forms events
+ */
+export declare function useHandleHubspotEvents(handlers: HubspotEventHandlers, formId: string): void;

package/build/esm/hooks/hubspot.js

@@ -0,0 +1,33 @@
+import { useEffect } from 'react';
+import { handleHubspotEvents, loopBackHabspotEvents } from '../utils/hubspot';
+/**
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame
+ */
+export function useLoopBackHubspotEvents(formId) {
+    useEffect(() => {
+        const topHandler = loopBackHabspotEvents(formId);
+        window.addEventListener('message', topHandler);
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [formId]);
+}
+/**
+ * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook in any frame to handle hubspot forms events
+ */
+export function useHandleHubspotEvents(handlers, formId) {
+    useEffect(() => {
+        const topHandler = handleHubspotEvents(handlers, formId);
+        window.addEventListener('message', topHandler);
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [handlers, formId]);
+}

package/build/esm/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { default as useFocus } from './useFocus';
+export { default as useWindowBreakpoint } from './useWindowBreakpoint';
+export { useIntersection } from './useIntersection';
+export { default as useMount } from './useMount';
+export * from './hubspot';

package/build/esm/hooks/index.js

@@ -0,0 +1,5 @@
+export { default as useFocus } from './useFocus';
+export { default as useWindowBreakpoint } from './useWindowBreakpoint';
+export { useIntersection } from './useIntersection';
+export { default as useMount } from './useMount';
+export * from './hubspot';

package/build/esm/hooks/useFocus.d.ts

@@ -0,0 +1,5 @@
+export default function useFocus(element?: HTMLElement): {
+    hasFocus: boolean;
+    setFocus: () => void;
+    unsetFocus: () => void;
+};

package/build/esm/hooks/useFocus.js

@@ -0,0 +1,35 @@
+import _ from 'lodash';
+import { MobileContext } from '../context/mobileContext';
+import { useCallback, useContext, useEffect, useState } from 'react';
+export default function useFocus(element) {
+    const isMobile = useContext(MobileContext);
+    const [hasFocus, setHasFocus] = useState(false);
+    const setFocus = useCallback(() => setHasFocus(true), []);
+    const unsetFocus = useCallback(() => setHasFocus(false), []);
+    useEffect(() => {
+        if (element) {
+            if (isMobile) {
+                element.addEventListener('pointerdown', setFocus);
+            }
+            else {
+                element.addEventListener('mouseenter', setFocus);
+                element.addEventListener('mouseleave', unsetFocus);
+            }
+            return () => {
+                if (isMobile) {
+                    element.removeEventListener('pointerdown', setFocus);
+                }
+                else {
+                    element.removeEventListener('mouseenter', setFocus);
+                    element.removeEventListener('mouseleave', unsetFocus);
+                }
+            };
+        }
+        return _.noop;
+    }, [element, isMobile, setFocus, unsetFocus]);
+    return {
+        hasFocus,
+        setFocus,
+        unsetFocus,
+    };
+}

package/build/esm/hooks/useIntersection.d.ts

@@ -0,0 +1 @@
+export declare const useIntersection: (element?: Element | undefined, startMargin?: string, threshold?: number) => boolean;

package/build/esm/hooks/useIntersection.js

@@ -0,0 +1,17 @@
+import { useState, useEffect } from 'react';
+export const useIntersection = (element, startMargin = '0px', threshold = 0.2) => {
+    const [isVisible, setState] = useState(false);
+    useEffect(() => {
+        const observer = new IntersectionObserver(([entry]) => {
+            setState(entry.isIntersecting);
+        }, {
+            rootMargin: startMargin,
+            threshold,
+        });
+        if (element) {
+            observer.observe(element);
+        }
+        return () => element && observer.unobserve(element);
+    }, [element, startMargin, threshold]);
+    return isVisible;
+};

package/build/esm/hooks/useMetrika.d.ts

@@ -0,0 +1,7 @@
+import { ButtonPixel, MetrikaGoal, PixelEvent } from '../models';
+declare type UseMetrikaProps = {
+    metrikaGoals?: MetrikaGoal;
+    pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
+};
+export declare const useMetrika: () => ({ metrikaGoals, pixelEvents }: UseMetrikaProps) => void;
+export {};

package/build/esm/hooks/useMetrika.js

@@ -0,0 +1,37 @@
+import { useContext } from 'react';
+import { MetrikaContext } from '../context/metrikaContext';
+import { PixelEventType } from '../models';
+import { isNewMetrikaFormat } from '../models/guards';
+function isButtonPixel(pixelEvents) {
+    if (Array.isArray(pixelEvents) && pixelEvents.length && 'name' in pixelEvents) {
+        return true;
+    }
+    return false;
+}
+export const useMetrika = () => {
+    const { metrika, pixel } = useContext(MetrikaContext);
+    return ({ metrikaGoals, pixelEvents }) => {
+        if (metrika && metrikaGoals) {
+            if (isNewMetrikaFormat(metrikaGoals)) {
+                metrikaGoals.forEach(({ name, isCrossSite }) => metrika.reachGoal(isCrossSite ? 'cross-site' : 'main', name));
+            }
+            else {
+                metrika.reachGoals(metrikaGoals);
+            }
+            if (!pixelEvents && pixel) {
+                pixel.trackStandard(PixelEventType.SubmitApplication, {
+                    content_category: 'custom',
+                    content_ids: Array.isArray(metrikaGoals) ? metrikaGoals : [metrikaGoals],
+                });
+            }
+        }
+        if (pixel && pixelEvents) {
+            if (isButtonPixel(pixelEvents)) {
+                pixelEvents.forEach(({ name, data }) => pixel.trackStandard(name, data));
+            }
+            else {
+                pixel.track(pixelEvents);
+            }
+        }
+    };
+};

package/build/esm/hooks/useMount.d.ts

@@ -0,0 +1,3 @@
+declare type Unsubscribe = () => void;
+export default function useMount(handler: () => Unsubscribe | void): void;
+export {};

package/build/esm/hooks/useMount.js

@@ -0,0 +1,5 @@
+import { useEffect } from 'react';
+export default function useMount(handler) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(handler, []);
+}

package/build/esm/hooks/useWindowBreakpoint.d.ts

@@ -0,0 +1 @@
+export default function useWindowBreakpoint(): number;

package/build/esm/hooks/useWindowBreakpoint.js

@@ -0,0 +1,29 @@
+import _ from 'lodash';
+import { useEffect, useState } from 'react';
+import { BREAKPOINTS } from '../constants';
+function calculate(windowWidth) {
+    const breakpointsSorted = Object.values(BREAKPOINTS).sort((b1, b2) => b1 - b2);
+    let result = breakpointsSorted[0];
+    for (const breakpoint of breakpointsSorted) {
+        if (windowWidth >= breakpoint) {
+            result = breakpoint;
+        }
+        else {
+            return result;
+        }
+    }
+    return result;
+}
+export default function useWindowBreakpoint() {
+    const [breakpoint, setBreakpoint] = useState(BREAKPOINTS.sm);
+    useEffect(() => {
+        setBreakpoint(calculate(window.innerWidth));
+        const detect = _.debounce(() => {
+            setBreakpoint(calculate(window.innerWidth));
+        }, 100);
+        detect();
+        window.addEventListener('resize', detect);
+        return () => window.removeEventListener('resize', detect);
+    }, []);
+    return breakpoint;
+}

package/build/esm/i18n.d.ts

@@ -0,0 +1,2 @@
+import { I18N } from '@gravity-ui/i18n';
+export declare const i18n: I18N;

package/build/esm/i18n.js

@@ -0,0 +1,9 @@
+import { I18N } from '@gravity-ui/i18n';
+import { getConfig, subscribeConfigure, Lang } from './utils/configure';
+export const i18n = new I18N();
+i18n.setLang(getConfig().lang || Lang.En);
+subscribeConfigure((config) => {
+    if (config.lang) {
+        i18n.setLang(config.lang);
+    }
+});

package/build/esm/icons/ArrowConstructor.d.ts

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

package/build/esm/icons/ArrowConstructor.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const ArrowConstructor = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "19", height: "42", viewBox: "0 0 19 42", fill: "none", stroke: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { d: "M18 41 2 21 18 1", strokeWidth: "2" })));

package/build/esm/icons/ArrowSidebar.d.ts

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

package/build/esm/icons/ArrowSidebar.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const ArrowSidebar = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { d: "M19.5 11H7.4l3.8-3.8c.4-.4.4-1 0-1.4s-1-.4-1.4 0L3.6 12l6.2 6.2c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L7.4 13h12.1c.6 0 1-.4 1-1s-.4-1-1-1z", fill: "currentColor" })));

package/build/esm/icons/Chevron.d.ts

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

package/build/esm/icons/Chevron.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const Chevron = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", stroke: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { fill: "none", d: "M3 6l5 5 5-5" })));

package/build/esm/icons/FullScreen.d.ts

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

package/build/esm/icons/FullScreen.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const FullScreen = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 4.654v.291a10 10 0 0 0-1.763 1.404l-2.944 2.944a1 1 0 0 0 1.414 1.414l2.933-2.932A9.996 9.996 0 0 0 19.05 6h.296l-.09.39A9.993 9.993 0 0 0 19 8.64v.857a1 1 0 0 0 2 0V4.503a1.5 1.5 0 0 0-1.5-1.5L14.5 3a1 1 0 1 0 0 2h.861a10 10 0 0 0 2.249-.256l.39-.09zM4.95 18a10 10 0 0 1 1.41-1.775l2.933-2.932a1 1 0 0 1 1.414 1.414l-2.944 2.944A9.998 9.998 0 0 1 6 19.055v.291l.39-.09A9.993 9.993 0 0 1 8.64 19h.86a1 1 0 0 1 0 2l-5-.003a1.5 1.5 0 0 1-1.5-1.5V14.5a1 1 0 1 1 2 0v.861a10 10 0 0 1-.256 2.249l-.09.39h.296z" })));

package/build/esm/icons/Github.d.ts

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

package/build/esm/icons/Github.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const Github = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "32", height: "32", fill: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { d: "M25.524 10.479a10.952 10.952 0 0 0-4.003-4.004C19.836 5.492 17.996 5 16 5s-3.836.492-5.521 1.475a10.95 10.95 0 0 0-4.004 4.004C5.492 12.164 5 14.004 5 15.998c0 2.397.7 4.553 2.098 6.467 1.4 1.915 3.206 3.24 5.421 3.975.258.048.45.014.573-.1a.56.56 0 0 0 .186-.43l-.007-.773a128.35 128.35 0 0 1-.007-1.275l-.33.057c-.21.039-.474.055-.794.05a6.048 6.048 0 0 1-.996-.1 2.224 2.224 0 0 1-.96-.43 1.817 1.817 0 0 1-.63-.88l-.143-.33a3.58 3.58 0 0 0-.45-.73c-.206-.267-.414-.449-.624-.544l-.1-.072a1.05 1.05 0 0 1-.186-.172.785.785 0 0 1-.13-.2c-.028-.067-.004-.122.072-.166.077-.043.215-.064.416-.064l.286.043c.191.039.427.153.71.344.28.19.512.44.694.744.22.392.484.69.795.896.31.205.623.308.938.308.315 0 .587-.024.816-.072.23-.048.444-.12.645-.215.086-.64.32-1.131.701-1.475a9.8 9.8 0 0 1-1.468-.258 5.846 5.846 0 0 1-1.346-.559 3.855 3.855 0 0 1-1.153-.96c-.306-.381-.556-.883-.752-1.503-.196-.62-.293-1.337-.293-2.148 0-1.156.377-2.14 1.131-2.951-.353-.869-.32-1.843.1-2.922.277-.086.688-.021 1.232.193.544.215.943.4 1.196.552.253.153.456.282.609.387a10.17 10.17 0 0 1 2.75-.373c.945 0 1.862.124 2.75.373l.544-.344c.372-.23.812-.44 1.318-.63.506-.191.893-.244 1.16-.158.43 1.08.468 2.053.115 2.922.754.812 1.131 1.795 1.131 2.95 0 .812-.098 1.53-.293 2.156-.196.626-.449 1.127-.76 1.504-.31.377-.696.695-1.16.952a5.855 5.855 0 0 1-1.346.559 9.84 9.84 0 0 1-1.468.258c.496.43.745 1.108.745 2.034v3.022c0 .171.06.315.179.43.12.114.308.147.566.1 2.215-.736 4.022-2.06 5.42-3.975 1.4-1.915 2.099-4.07 2.099-6.467 0-1.995-.492-3.835-1.476-5.52z" })));

package/build/esm/icons/NavigationChevron.d.ts

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

package/build/esm/icons/NavigationChevron.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const NavigationChevron = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 3L6 8L11 3L12 4L5.99997 10L-4.37114e-08 4L1 3Z" })));

package/build/esm/icons/PlayVideo.d.ts

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

package/build/esm/icons/PlayVideo.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const PlayVideo = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "22", height: "26", viewBox: "0 0 22 26", fill: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { d: "M21 11.268c1.333.77 1.333 2.694 0 3.464L3 25.124c-1.333.77-3-.192-3-1.732V2.608C0 1.068 1.667.106 3 .876l18 10.392z" })));

package/build/esm/icons/PreviewClose.d.ts

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

package/build/esm/icons/PreviewClose.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const PreviewClose = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", stroke: "currentColor" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { strokeWidth: "2", strokeLinecap: "round", d: "M7.357 7.357l9.286 9.286m0-9.286l-9.286 9.286" })));

package/build/esm/icons/index.d.ts

@@ -0,0 +1,8 @@
+export * from './ArrowConstructor';
+export * from './ArrowSidebar';
+export * from './Chevron';
+export * from './FullScreen';
+export * from './Github';
+export * from './NavigationChevron';
+export * from './PlayVideo';
+export * from './PreviewClose';

package/build/esm/icons/index.js

@@ -0,0 +1,8 @@
+export * from './ArrowConstructor';
+export * from './ArrowSidebar';
+export * from './Chevron';
+export * from './FullScreen';
+export * from './Github';
+export * from './NavigationChevron';
+export * from './PlayVideo';
+export * from './PreviewClose';

package/build/esm/index.d.ts

@@ -0,0 +1,12 @@
+export * from './context/theme';
+export * from './containers/PageConstructor';
+export * from './grid';
+export * from './blocks';
+export * from './sub-blocks';
+export * from './components';
+export * from './models';
+export * from './utils';
+export * from './schema';
+export * from './hooks';
+export * from './icons';
+export { BREAKPOINTS } from './constants';

package/build/esm/index.js

@@ -0,0 +1,13 @@
+//storybook
+export * from './context/theme';
+export * from './containers/PageConstructor';
+export * from './grid';
+export * from './blocks';
+export * from './sub-blocks';
+export * from './components';
+export * from './models';
+export * from './utils';
+export * from './schema';
+export * from './hooks';
+export * from './icons';
+export { BREAKPOINTS } from './constants';

package/build/esm/internal-typings/global.d.ts

@@ -0,0 +1,30 @@
+declare module 'icons/*.svg' {
+    const content: SVGIconData;
+
+    export default content;
+}
+
+declare module '*.svg' {
+    const path: string;
+
+    export default path;
+}
+
+interface CreateFormProps {
+    portalId: string;
+    formId: string;
+    region?: string;
+    target?: string;
+    cssClass?: string;
+    formInstanceId?: string;
+}
+
+interface Window {
+    hbspt?: {
+        forms: {
+            create: (args: CreateFormProps) => unknown;
+        };
+    };
+}
+
+declare module '*.md';

package/build/esm/models/common.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { MetrikaGoal } from './';
+export interface Refable<T> {
+    ref?: React.Ref<T>;
+}
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark"
+}
+declare type PixelCommand = 'track' | 'trackCustom';
+export interface PixelEvent {
+    command: PixelCommand;
+    event: PixelEventType | string;
+    data?: Object;
+}
+export declare enum PixelEventType {
+    AddPaymentInfo = "AddPaymentInfo",
+    AddToCart = "AddToCart",
+    AddToWishlist = "AddToWishlist",
+    CompleteRegistration = "CompleteRegistration",
+    Contact = "Contact",
+    CustomizeProduct = "CustomizeProduct",
+    Donate = "Donate",
+    FindLocation = "FindLocation",
+    InitiateCheckout = "InitiateCheckout",
+    Lead = "Lead",
+    PageView = "PageView",
+    Purchase = "Purchase",
+    Schedule = "Schedule",
+    Search = "Search",
+    StartTrial = "StartTrial",
+    SubmitApplication = "SubmitApplication",
+    Subscribe = "Subscribe",
+    ViewContent = "ViewContent"
+}
+export declare type Modifiers = {
+    [name: string]: string | boolean | undefined;
+};
+export interface Pixel<TEvent = string> {
+    trackStandard: (event: TEvent, data?: Object) => void;
+    trackCustom: (event: string, data?: Object) => void;
+    track: (trackEvents: string | string[] | PixelEvent[] | PixelEvent) => void;
+}
+export interface Metrika {
+    reachGoal: (counterName: string, ...args: any) => void;
+    reachGoals: (goals: MetrikaGoal, counterName?: string) => void;
+}
+export interface ClassNameProps {
+    className?: string;
+}
+export declare type Timeout = ReturnType<typeof setTimeout> | undefined;
+export {};