@gravity-ui/page-constructor 1.0.0

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

@@ -0,0 +1,9 @@
+export * from './blocks';
+export * from './scroll';
+export * from './url';
+export * from './cn';
+export * from './url';
+export * from './theme';
+export { Lang, configure } from './configure';
+export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from './hubspot';
+export { isHubspotEventData } from './hubspot';

package/build/cjs/utils/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHubspotEventData = exports.configure = exports.Lang = void 0;
+const tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./blocks"), exports);
+(0, tslib_1.__exportStar)(require("./scroll"), exports);
+(0, tslib_1.__exportStar)(require("./url"), exports);
+(0, tslib_1.__exportStar)(require("./cn"), exports);
+(0, tslib_1.__exportStar)(require("./url"), exports);
+(0, tslib_1.__exportStar)(require("./theme"), exports);
+var configure_1 = require("./configure");
+Object.defineProperty(exports, "Lang", { enumerable: true, get: function () { return configure_1.Lang; } });
+Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return configure_1.configure; } });
+var hubspot_1 = require("./hubspot");
+Object.defineProperty(exports, "isHubspotEventData", { enumerable: true, get: function () { return hubspot_1.isHubspotEventData; } });

package/build/cjs/utils/registerKeyset.d.ts

@@ -0,0 +1,5 @@
+import { i18n } from '../i18n';
+import { Lang } from './configure';
+declare type KeysData = Parameters<typeof i18n.registerKeyset>[2];
+export declare function registerKeyset<T extends KeysData>(data: Record<Lang, T>, keysetName: string): (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export {};

package/build/cjs/utils/registerKeyset.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerKeyset = void 0;
+const i18n_1 = require("../i18n");
+function registerKeyset(data, keysetName) {
+    Object.entries(data).forEach(([lang, keys]) => i18n_1.i18n.registerKeyset(lang, keysetName, keys));
+    return i18n_1.i18n.keyset(keysetName);
+}
+exports.registerKeyset = registerKeyset;

package/build/cjs/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/cjs/utils/scroll.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.doSmoothScroll = exports.ScrollDirection = void 0;
+var ScrollDirection;
+(function (ScrollDirection) {
+    ScrollDirection["HORIZONTAL"] = "scrollLeft";
+    ScrollDirection["VERTICAL"] = "scrollTop";
+})(ScrollDirection = exports.ScrollDirection || (exports.ScrollDirection = {}));
+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++;
+    }
+}
+exports.doSmoothScroll = doSmoothScroll;
+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/cjs/utils/svg.d.ts

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

package/build/cjs/utils/svg.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.a11yHiddenSvgProps = void 0;
+exports.a11yHiddenSvgProps = {
+    // Hides element from a11y tree
+    'aria-hidden': true,
+};

package/build/cjs/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/cjs/utils/theme.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getThemedValue = exports.isThemedValue = void 0;
+const constants_1 = require("../components/constants");
+function isThemedValue(value) {
+    return typeof value === 'object' && value !== null && constants_1.DEFAULT_THEME in value;
+}
+exports.isThemedValue = isThemedValue;
+function getThemedValue(value, theme = constants_1.DEFAULT_THEME) {
+    if (isThemedValue(value)) {
+        return value[theme] || value[constants_1.DEFAULT_THEME];
+    }
+    else {
+        return value;
+    }
+}
+exports.getThemedValue = getThemedValue;

package/build/cjs/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/cjs/utils/url.js

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

package/build/esm/blocks/Banner/Banner.css

@@ -0,0 +1,15 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@media (min-width: 769px) {
+  .pc-banner-block.pc-AnimateBlock, .pc-AnimateBlock .pc-banner-block {
+    position: relative;
+    top: 100px;
+    opacity: 0;
+  }
+  .pc-banner-block.pc-AnimateBlock.animate, .pc-AnimateBlock .pc-banner-block.animate {
+    top: 0;
+    opacity: 1;
+    transition: top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-delay: 0s;
+  }
+}

package/build/esm/blocks/Banner/Banner.d.ts

@@ -0,0 +1,4 @@
+import { BannerBlockProps } from '../../models';
+import './Banner.css';
+export declare const BannerBlock: (props: BannerBlockProps) => JSX.Element;
+export default BannerBlock;

package/build/esm/blocks/Banner/Banner.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { block } from '../../utils';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import { BannerCard } from '../../sub-blocks';
+import './Banner.css';
+const b = block('banner-block');
+export const BannerBlock = (props) => {
+    const { animated } = props, bannerProps = __rest(props, ["animated"]);
+    return (React.createElement(AnimateBlock, { className: b(), animate: animated },
+        React.createElement(BannerCard, Object.assign({}, bannerProps))));
+};
+export default BannerBlock;