@gravity-ui/page-constructor 1.0.0

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

@@ -0,0 +1,15 @@
+export declare enum ScrollDirection {
+    HORIZONTAL = "scrollLeft",
+    VERTICAL = "scrollTop"
+}
+export interface ScrollReverseParams {
+    distance?: number;
+}
+export interface ScrollOptions {
+    distance: number;
+    timeSeconds: number;
+    speed: number;
+    direction?: ScrollDirection;
+    reverseParams?: ScrollReverseParams;
+}
+export declare function doSmoothScroll(element: HTMLDivElement, startPosition: number, scrollOptions: ScrollOptions): void;

package/build/esm/utils/scroll.js

@@ -0,0 +1,30 @@
+export var ScrollDirection;
+(function (ScrollDirection) {
+    ScrollDirection["HORIZONTAL"] = "scrollLeft";
+    ScrollDirection["VERTICAL"] = "scrollTop";
+})(ScrollDirection || (ScrollDirection = {}));
+export function doSmoothScroll(element, startPosition, scrollOptions) {
+    const { distance, timeSeconds, speed, direction = ScrollDirection.HORIZONTAL, reverseParams, } = scrollOptions;
+    let scrollShift = 0;
+    let currentTimeChanges = 0;
+    const changeScrollFunction = getChangeScrollFunction(direction, Boolean(reverseParams));
+    const scrollDistance = (reverseParams === null || reverseParams === void 0 ? void 0 : reverseParams.distance) || distance;
+    const timeChanges = getTimeChanges(scrollDistance, timeSeconds, speed);
+    while (scrollShift < scrollDistance) {
+        window.setTimeout(changeScrollFunction, currentTimeChanges, element, scrollShift, startPosition);
+        currentTimeChanges += timeChanges;
+        scrollShift++;
+    }
+}
+function getChangeScrollFunction(direction, isReverse) {
+    return (element, scrollPosition, startPosition) => {
+        element[direction] = isReverse
+            ? startPosition - scrollPosition
+            : startPosition + scrollPosition;
+    };
+}
+function getTimeChanges(distance, timeSeconds, acceleration) {
+    const physicalSpeed = distance / timeSeconds;
+    const programSpeedMilliseconds = (1 / physicalSpeed) * 1000;
+    return programSpeedMilliseconds / acceleration;
+}

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

@@ -0,0 +1,3 @@
+export declare const a11yHiddenSvgProps: {
+    'aria-hidden': boolean;
+};

package/build/esm/utils/svg.js

@@ -0,0 +1,4 @@
+export const a11yHiddenSvgProps = {
+    // Hides element from a11y tree
+    'aria-hidden': true,
+};

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

@@ -0,0 +1,7 @@
+import { DEFAULT_THEME } from '../components/constants';
+export interface ThemedValue<T> extends Partial<Record<string, T>> {
+    [DEFAULT_THEME]: T;
+}
+export declare type ThemeSupporting<T> = T | ThemedValue<T>;
+export declare function isThemedValue<T>(value: ThemeSupporting<T>): value is ThemedValue<T>;
+export declare function getThemedValue<T>(value: ThemeSupporting<T>, theme?: string): T;

package/build/esm/utils/theme.js

@@ -0,0 +1,12 @@
+import { DEFAULT_THEME } from '../components/constants';
+export function isThemedValue(value) {
+    return typeof value === 'object' && value !== null && DEFAULT_THEME in value;
+}
+export function getThemedValue(value, theme = DEFAULT_THEME) {
+    if (isThemedValue(value)) {
+        return value[theme] || value[DEFAULT_THEME];
+    }
+    else {
+        return value;
+    }
+}

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

@@ -0,0 +1,13 @@
+export declare type Query = Record<string, number | string | null>;
+export declare const EXTERNAL_LINK_PROPS: {
+    target: string;
+    rel: string;
+};
+export declare function getLinkProps(url: string, hostname?: string, target?: string): {
+    target: string | undefined;
+};
+export declare function isLinkExternal(url: string, routerHostname?: string): boolean;
+export declare function getNonLocaleHostName(hostname: string): string;
+export declare function setUrlTld(url: string, tld?: string): string;
+export declare const getPageSearchParams: (query?: Query) => URLSearchParams;
+export declare function getAbsolutePath(hostname?: string, pathname?: string, url?: string): string;

package/build/esm/utils/url.js

@@ -0,0 +1,39 @@
+import { parse, format } from 'url';
+export const EXTERNAL_LINK_PROPS = { target: '_blank', rel: 'noopener noreferrer' };
+export function getLinkProps(url, hostname, target) {
+    let linkProps = { target };
+    if (target === '_blank' || isLinkExternal(url, hostname)) {
+        linkProps = Object.assign(Object.assign({}, linkProps), EXTERNAL_LINK_PROPS);
+    }
+    return linkProps;
+}
+export function isLinkExternal(url, routerHostname) {
+    if (!routerHostname) {
+        return true;
+    }
+    const { hostname } = parse(url);
+    if (!hostname) {
+        return false;
+    }
+    return getNonLocaleHostName(hostname) !== getNonLocaleHostName(routerHostname);
+}
+export function getNonLocaleHostName(hostname) {
+    return hostname.replace(/\.(ru|com)$/, '');
+}
+export function setUrlTld(url, tld = 'ru') {
+    return typeof url === 'string' ? url === null || url === void 0 ? void 0 : url.replace(/\${tld}/g, tld) : url;
+}
+export const getPageSearchParams = (query = {}) => {
+    const searchParams = new URLSearchParams();
+    Object.entries(query).forEach(([key, value]) => {
+        searchParams.set(key, String(value));
+    });
+    return searchParams;
+};
+export function getAbsolutePath(hostname, pathname, url) {
+    if (!pathname) {
+        return url !== null && url !== void 0 ? url : '';
+    }
+    const parsed = parse(url || '');
+    return format(Object.assign(Object.assign({}, parsed), { protocol: parsed.protocol || 'https', hostname: parsed.hostname || hostname, pathname: parsed.pathname || pathname }));
+}

package/package.json

@@ -0,0 +1,129 @@
+{
+  "name": "@gravity-ui/page-constructor",
+  "version": "1.0.0",
+  "description": "Gravity UI Page Constructor",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gravity-ui/page-constructor"
+  },
+  "files": [
+    "build",
+    "styles",
+    "server"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "main": "build/cjs/index.js",
+  "module": "build/esm/index.js",
+  "typings": "build/esm/index.d.ts",
+  "scripts": {
+    "deps:install": "npm ci",
+    "deps:truncate": "npm prune --production",
+    "lint:fix": "run-s lint:js:fix lint:styles:fix lint:prettier:fix typecheck",
+    "lint:js": "eslint '**/*.{js,jsx,ts,tsx}' --max-warnings=0",
+    "lint:js:fix": "eslint '**/*.{js,jsx,ts,tsx}' --max-warnings=0 --quiet --fix",
+    "lint:styles": "stylelint '{styles,src}/**/*.scss'",
+    "lint:styles:fix": "stylelint **/*.scss --fix",
+    "lint:prettier": "prettier --check '**/*.{js,jsx,ts,tsx,css,scss,json,yaml,yml,md}'",
+    "lint:prettier:fix": "prettier --write '**/*.{js,jsx,ts,tsx,css,scss,json,yaml,yml,md}'",
+    "lint": "run-p lint:js lint:styles lint:prettier typecheck",
+    "typecheck": "tsc --noEmit",
+    "dev": "npm run storybook:start",
+    "storybook:start": "TS_NODE_PROJECT=.storybook/tsconfig.json start-storybook -p 7009",
+    "storybook:build": "TS_NODE_PROJECT=.storybook/tsconfig.json build-storybook -c .storybook -o storybook-static",
+    "start": "node dist",
+    "clean": "gulp clean",
+    "build:client": "gulp",
+    "build:server": "rimraf server && tsc -p tsconfig.server.json && move-file server/server.js server/index.js && move-file server/server.d.ts server/index.d.ts",
+    "build": "run-p build:client build:server",
+    "prepublishOnly": "npm run lint && npm run build",
+    "prepare": "husky install",
+    "test": "echo TODO: add tests"
+  },
+  "dependencies": {
+    "bem-cn-lite": "^4.0.0",
+    "lodash": "^4.17.21",
+    "react-player": "^2.9.0",
+    "react-slick": "^0.28.1",
+    "react-spring": "^9.3.0",
+    "react-transition-group": "^4.4.2",
+    "react-waypoint": "^10.1.0",
+    "sanitize-html": "^2.6.1",
+    "snakecase-keys": "^5.1.0",
+    "typograf": "^6.14.0"
+  },
+  "peerDependencies": {
+    "react": "^16.0.0",
+    "@gravity-ui/uikit": "^3.0.1",
+    "@gravity-ui/i18n": "^1.0.0",
+    "@doc-tools/transform": "^2.6.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@doc-tools/transform": "^2.12.0",
+    "@gravity-ui/eslint-config": "^1.0.2",
+    "@gravity-ui/i18n": "^1.0.0",
+    "@gravity-ui/prettier-config": "^1.0.1",
+    "@gravity-ui/stylelint-config": "^1.0.0",
+    "@gravity-ui/tsconfig": "^1.0.0",
+    "@gravity-ui/uikit": "^3.0.1",
+    "@storybook/addon-actions": "^6.3.12",
+    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-knobs": "^6.3.1",
+    "@storybook/addon-viewport": "^6.3.12",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^6.5.10",
+    "@types/lodash": "^4.14.176",
+    "@types/react": "^16.14.20",
+    "@types/react-slick": "^0.23.7",
+    "@types/react-transition-group": "^4.4.4",
+    "@types/sanitize-html": "^2.6.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-local": "./eslint-plugin-local",
+    "gulp": "^4.0.2",
+    "gulp-dart-sass": "^1.0.2",
+    "gulp-replace": "^1.1.3",
+    "gulp-typescript": "^6.0.0-alpha.1",
+    "html-loader": "^1.3.2",
+    "husky": "^7.0.4",
+    "js-yaml": "^4.1.0",
+    "lint-staged": "^11.2.6",
+    "markdown-loader": "^6.0.0",
+    "move-file-cli": "^3.0.0",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.16",
+    "postcss-scss": "^4.0.4",
+    "prettier": "2.4.1",
+    "react": "^18.2.0",
+    "react-docgen-typescript": "^2.2.2",
+    "react-dom": "^18.2.0",
+    "rimraf": "^3.0.2",
+    "sass": "^1.54.4",
+    "sass-loader": "^10.3.1",
+    "stylelint": "^14.11.0",
+    "svg-sprite-loader": "^6.0.11",
+    "tslib": "^2.4.0",
+    "typescript": "4.4.4",
+    "webpack": "^4.46.0"
+  },
+  "lint-staged": {
+    "*.{css,scss}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix --quiet",
+      "prettier --write"
+    ],
+    "*.{json,yaml,yml,md}": [
+      "prettier --write"
+    ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
+  }
+}

package/server/components/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_THEME = "light";
+export declare const KEY: {
+    ENTER: string;
+    TAB: string;
+};
+export declare const HEADER_HEIGHT = 64;

package/server/components/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADER_HEIGHT = exports.KEY = exports.DEFAULT_THEME = void 0;
+exports.DEFAULT_THEME = 'light';
+exports.KEY = {
+    ENTER: 'Enter',
+    TAB: 'Tab',
+};
+exports.HEADER_HEIGHT = 64;

package/server/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/server/grid/types.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridColumnOrderClasses = exports.GridColumnVisibilityClass = exports.GridColumnClassPrefix = exports.GridColumnAlignSelf = exports.GridColumnSize = exports.GridAlignItems = exports.GridJustifyContent = void 0;
+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 = exports.GridJustifyContent || (exports.GridJustifyContent = {}));
+var GridAlignItems;
+(function (GridAlignItems) {
+    GridAlignItems["Start"] = "align-items-start";
+    GridAlignItems["Center"] = "align-items-center";
+    GridAlignItems["End"] = "align-items-end";
+})(GridAlignItems = exports.GridAlignItems || (exports.GridAlignItems = {}));
+var GridColumnSize;
+(function (GridColumnSize) {
+    GridColumnSize["Sm"] = "sm";
+    GridColumnSize["Md"] = "md";
+    GridColumnSize["Lg"] = "lg";
+    GridColumnSize["Xl"] = "xl";
+    GridColumnSize["All"] = "all";
+})(GridColumnSize = exports.GridColumnSize || (exports.GridColumnSize = {}));
+var GridColumnAlignSelf;
+(function (GridColumnAlignSelf) {
+    GridColumnAlignSelf["Start"] = "align-self-start";
+    GridColumnAlignSelf["Center"] = "align-self-center";
+    GridColumnAlignSelf["End"] = "align-self-end";
+})(GridColumnAlignSelf = exports.GridColumnAlignSelf || (exports.GridColumnAlignSelf = {}));
+var GridColumnClassPrefix;
+(function (GridColumnClassPrefix) {
+    GridColumnClassPrefix["Col"] = "col";
+    GridColumnClassPrefix["Offset"] = "offset";
+    GridColumnClassPrefix["Order"] = "order";
+})(GridColumnClassPrefix = exports.GridColumnClassPrefix || (exports.GridColumnClassPrefix = {}));
+var GridColumnVisibilityClass;
+(function (GridColumnVisibilityClass) {
+    GridColumnVisibilityClass["None"] = "none";
+    GridColumnVisibilityClass["Block"] = "block";
+})(GridColumnVisibilityClass = exports.GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = {}));
+var GridColumnOrderClasses;
+(function (GridColumnOrderClasses) {
+    GridColumnOrderClasses["First"] = "first";
+    GridColumnOrderClasses["Last"] = "last";
+})(GridColumnOrderClasses = exports.GridColumnOrderClasses || (exports.GridColumnOrderClasses = {}));

package/server/index.d.ts

@@ -0,0 +1 @@
+export * from './text-transform';

package/server/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./text-transform"), exports);

package/server/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 {};

package/server/models/common.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PixelEventType = exports.Theme = void 0;
+var Theme;
+(function (Theme) {
+    Theme["Light"] = "light";
+    Theme["Dark"] = "dark";
+})(Theme = exports.Theme || (exports.Theme = {}));
+var PixelEventType;
+(function (PixelEventType) {
+    PixelEventType["AddPaymentInfo"] = "AddPaymentInfo";
+    PixelEventType["AddToCart"] = "AddToCart";
+    PixelEventType["AddToWishlist"] = "AddToWishlist";
+    PixelEventType["CompleteRegistration"] = "CompleteRegistration";
+    PixelEventType["Contact"] = "Contact";
+    PixelEventType["CustomizeProduct"] = "CustomizeProduct";
+    PixelEventType["Donate"] = "Donate";
+    PixelEventType["FindLocation"] = "FindLocation";
+    PixelEventType["InitiateCheckout"] = "InitiateCheckout";
+    PixelEventType["Lead"] = "Lead";
+    PixelEventType["PageView"] = "PageView";
+    PixelEventType["Purchase"] = "Purchase";
+    PixelEventType["Schedule"] = "Schedule";
+    PixelEventType["Search"] = "Search";
+    PixelEventType["StartTrial"] = "StartTrial";
+    PixelEventType["SubmitApplication"] = "SubmitApplication";
+    PixelEventType["Subscribe"] = "Subscribe";
+    PixelEventType["ViewContent"] = "ViewContent";
+})(PixelEventType = exports.PixelEventType || (exports.PixelEventType = {}));

package/server/models/components.d.ts

@@ -0,0 +1,10 @@
+export declare type ArrowDirection = 'left' | 'right';
+export interface ReactPlayerBlockHandler {
+    pause: () => void;
+}
+export declare enum PCShareSocialNetwork {
+    Vk = "vk",
+    Telegram = "telegram",
+    Twitter = "twitter",
+    Facebook = "facebook"
+}

package/server/models/components.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PCShareSocialNetwork = void 0;
+var PCShareSocialNetwork;
+(function (PCShareSocialNetwork) {
+    PCShareSocialNetwork["Vk"] = "vk";
+    PCShareSocialNetwork["Telegram"] = "telegram";
+    PCShareSocialNetwork["Twitter"] = "twitter";
+    PCShareSocialNetwork["Facebook"] = "facebook";
+})(PCShareSocialNetwork = exports.PCShareSocialNetwork || (exports.PCShareSocialNetwork = {}));