@gravity-ui/page-constructor 2.0.0-beta.0 → 2.0.0

package/build/esm/navigation/components/Navigation/Navigation.d.ts

@@ -1,19 +1,12 @@
-import React, { MouseEventHandler } from 'react';
-import { NavigationDropdownItem, NavigationItemModel } from '../../../models/navigation';
+import React from 'react';
+import { NavigationItemModel } from '../../../models/navigation';
 import './Navigation.css';
 export interface NavigationProps {
     links: NavigationItemModel[];
-    activeItemIndex: number;
-    onActiveItemChange: (index: number) => void;
+    activeItemId?: string;
     className?: string;
     highlightActiveItem?: boolean;
-}
-export interface NavigationDropdownProps {
-    data: NavigationDropdownItem;
-    onClick: MouseEventHandler;
-    isActive: boolean;
-    position: number;
-    hidePopup: () => void;
+    onActiveItemChange: (id?: string) => void;
 }
 declare const Navigation: React.FC<NavigationProps>;
 export default Navigation;

package/build/esm/navigation/components/Navigation/Navigation.js

@@ -1,32 +1,20 @@
-import { __rest } from "tslib";
 import _ from 'lodash';
-import React, { Fragment, useState, useEffect, useCallback, useContext, useRef, } from 'react';
+import React, { useState, useEffect, useCallback, useContext, useRef } from 'react';
 import { block } from '../../../utils';
 import OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';
-import { NavigationItemType, } from '../../../models/navigation';
-import NavigationPopup from '../NavigationPopup/NavigationPopup';
-import NavigationItem from '../NavigationItem/NavigationItem';
 import { LocationContext } from '../../../context/locationContext';
+import { ItemColumnName } from '../../constants';
+import { NavigationListItem } from '../NavigationListItem/NavigationListItem';
 import './Navigation.css';
 const b = block('navigation');
-const NavigationDropdown = ({ data, isActive, position, hidePopup, onClick, }) => {
-    const { text, items } = data, popupProps = __rest(data, ["text", "items"]);
-    return (React.createElement(Fragment, null,
-        React.createElement(NavigationItem, { className: b('link'), onClick: onClick, isOpened: isActive, data: { text, type: NavigationItemType.Dropdown } }),
-        isActive && (React.createElement(NavigationPopup, Object.assign({ left: position, onClose: hidePopup, items: items }, popupProps)))));
-};
-const Navigation = ({ className, onActiveItemChange, links, activeItemIndex, highlightActiveItem, }) => {
+const Navigation = ({ className, onActiveItemChange, links, activeItemId, highlightActiveItem, }) => {
     const { asPath, pathname } = useContext(LocationContext);
     const itemRefs = useRef([]);
     const [itemPositions, setItemPosition] = useState([]);
     const [lastLeftScroll, setLastLeftScroll] = useState(0);
     const hidePopup = useCallback(() => {
-        onActiveItemChange(-1);
+        onActiveItemChange();
     }, [onActiveItemChange]);
-    const getItemClickHandler = useCallback((index) => (e) => {
-        e.stopPropagation();
-        onActiveItemChange(index === activeItemIndex ? -1 : index);
-    }, [activeItemIndex, onActiveItemChange]);
     const calculateItemPositions = useCallback(() => {
         if (itemRefs.current.length) {
             const currentItemPositions = itemRefs.current.map((itemRef) => (itemRef && itemRef.getBoundingClientRect().left) || 0);
@@ -56,13 +44,6 @@ const Navigation = ({ className, onActiveItemChange, links, activeItemIndex, hig
     }, [hidePopup, asPath, pathname]);
     return (React.createElement(OverflowScroller, { className: b(null, className), onScrollStart: hidePopup, onScrollEnd: calculateItemPositions },
         React.createElement("nav", null,
-            React.createElement("ul", { className: b('links') }, links.map((link, index) => {
-                const isActive = index === activeItemIndex;
-                const onClick = getItemClickHandler(index);
-                return (React.createElement("li", { ref: (el) => itemRefs.current.push(el), key: index, className: b('links-item') },
-                    link.type === NavigationItemType.Dropdown ? (React.createElement(NavigationDropdown, { data: link, onClick: onClick, isActive: isActive, position: itemPositions[index], hidePopup: hidePopup })) : (React.createElement(NavigationItem, { data: link, onClick: onClick })),
-                    highlightActiveItem && isActive && (React.createElement("div", { className: b('slider-container') },
-                        React.createElement("div", { className: b('slider') })))));
-            })))));
+            React.createElement("ul", { className: b('links') }, links.map((link, index) => (React.createElement(NavigationListItem, { key: index, className: b('links-item'), item: link, itemRefs: itemRefs, index: index, activeItemId: activeItemId, highlightActiveItem: highlightActiveItem, hidePopup: hidePopup, itemPositions: itemPositions, column: ItemColumnName.Left, onActiveItemChange: onActiveItemChange })))))));
 };
 export default Navigation;

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

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

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

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import React, { Fragment } from 'react';
+import { NavigationItemType } from '../../../models';
+import NavigationItem from '../NavigationItem/NavigationItem';
+import NavigationPopup from '../NavigationPopup/NavigationPopup';
+const NavigationDropdown = ({ data, isActive, position, hidePopup, onClick, }) => {
+    const { text, icon, items } = data, popupProps = __rest(data, ["text", "icon", "items"]);
+    return (React.createElement(Fragment, null,
+        React.createElement(NavigationItem, { onClick: onClick, isOpened: isActive, data: { text, type: NavigationItemType.Dropdown, icon } }),
+        isActive && (React.createElement(NavigationPopup, Object.assign({ left: position, onClose: hidePopup, items: items }, popupProps)))));
+};
+export default NavigationDropdown;

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

@@ -0,0 +1,11 @@
+.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/esm/navigation/components/NavigationListItem/NavigationListItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ClassNameProps, NavigationItemModel } from '../../../models';
+import { ItemColumnName } from '../../constants';
+import './NavigationListItem.css';
+type NavigationListItemProps = {
+    item: NavigationItemModel;
+    index: number;
+    column: ItemColumnName;
+    activeItemId?: string;
+    itemPositions?: number[];
+    itemRefs?: React.MutableRefObject<(HTMLLIElement | null)[]>;
+    highlightActiveItem?: boolean;
+    hidePopup: () => void;
+    onActiveItemChange: (id?: string) => void;
+} & ClassNameProps;
+export declare const NavigationListItem: ({ item, itemRefs, className, index, activeItemId, highlightActiveItem, hidePopup, itemPositions, column, onActiveItemChange, }: NavigationListItemProps) => JSX.Element;
+export {};

package/build/esm/navigation/components/NavigationListItem/NavigationListItem.js

@@ -0,0 +1,24 @@
+import React, { useRef } from 'react';
+import { block } from '../../../utils';
+import { NavigationItemType } from '../../../models';
+import { getItemClickHandler } from '../../utils';
+import NavigationDropdownItem from '../NavigationDropdownItem/NavigationDropdownItem';
+import NavigationItem from '../NavigationItem/NavigationItem';
+import './NavigationListItem.css';
+const b = block('navigation');
+export const NavigationListItem = ({ item, itemRefs, className, index, activeItemId, highlightActiveItem, hidePopup, itemPositions, column, onActiveItemChange, }) => {
+    var _a;
+    const ref = useRef(null);
+    const id = `${column}-${index}`;
+    const isActive = id === activeItemId;
+    const onClick = getItemClickHandler({
+        column,
+        index,
+        activeItemId,
+        onActiveItemChange,
+    });
+    return (React.createElement("li", { ref: itemRefs ? (el) => itemRefs.current.push(el) : ref, className: className },
+        item.type === NavigationItemType.Dropdown ? (React.createElement(NavigationDropdownItem, { data: item, onClick: onClick, isActive: isActive, position: (itemPositions === null || itemPositions === void 0 ? void 0 : itemPositions[index]) || ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0, hidePopup: hidePopup })) : (React.createElement(NavigationItem, { data: item, onClick: onClick })),
+        highlightActiveItem && isActive && (React.createElement("div", { className: b('slider-container') },
+            React.createElement("div", { className: b('slider') })))));
+};

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

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

package/build/esm/navigation/constants.js

@@ -0,0 +1,7 @@
+export var ItemColumnName;
+(function (ItemColumnName) {
+    ItemColumnName["Left"] = "left";
+    ItemColumnName["Right"] = "right";
+    ItemColumnName["Top"] = "top";
+    ItemColumnName["Bottom"] = "bottom";
+})(ItemColumnName || (ItemColumnName = {}));

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

@@ -0,0 +1,10 @@
+import { MouseEventHandler } from 'react';
+import { ItemColumnName } from './constants';
+type GetItemClickHandlerArgs = {
+    column: ItemColumnName;
+    index: number;
+    activeItemId?: string;
+    onActiveItemChange: (id?: string) => void;
+};
+export declare const getItemClickHandler: ({ column, index, onActiveItemChange, }: GetItemClickHandlerArgs) => MouseEventHandler;
+export {};

package/build/esm/navigation/utils.js

@@ -0,0 +1,7 @@
+export const getItemClickHandler = ({ column, index, onActiveItemChange, activeItemId }) => (e) => {
+    const id = `${column}-${index}`;
+    if (e) {
+        e.stopPropagation();
+    }
+    onActiveItemChange(id === activeItemId ? undefined : `${column}-${index}`);
+};

package/build/esm/schema/validators/common.d.ts

@@ -1168,12 +1168,6 @@ export declare const MapProps: {
     zoom: {
         type: string;
     };
-    center: {
-        type: string;
-        items: {
-            type: string;
-        };
-    };
     address: {
         type: string;
     };

package/build/esm/schema/validators/common.js

@@ -489,10 +489,6 @@ export const MapProps = {
     zoom: {
         type: 'number',
     },
-    center: {
-        type: 'array',
-        items: { type: 'number' },
-    },
     address: {
         type: 'string',
     },

package/build/esm/sub-blocks/HubspotForm/HubspotForm.css

@@ -268,6 +268,7 @@ unpredictable css rules order in build */
 .pc-hubspot-form .hs-button.primary {
   margin: 0;
   padding: 0;
+  font-family: var(--yc-text-body-font-family);
   font-size: inherit;
   font-weight: 400;
   color: inherit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -50,7 +50,7 @@
     "bem-cn-lite": "^4.0.0",
     "github-buttons": "2.23.0",
     "lodash": "^4.17.21",
-    "react-player": "^2.9.0",
+    "react-player": "^2.12.0",
     "react-slick": "^0.28.1",
     "react-spring": "^9.3.0",
     "react-transition-group": "^4.4.2",
@@ -137,8 +137,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "beta"
   }
 }

package/server/models/constructor-items/common.d.ts

@@ -189,7 +189,6 @@ export interface MediaProps extends Animatable, Partial<MediaComponentDataLensPr
 export type Coordinate = number[];
 export interface MapBaseProps {
     zoom?: number;
-    center?: Coordinate;
 }
 export interface GMapProps extends MapBaseProps {
     address: string;
@@ -197,7 +196,6 @@ export interface GMapProps extends MapBaseProps {
 export interface YMapProps extends MapBaseProps {
     markers: YMapMarker[];
     id: string;
-    center: Coordinate;
 }
 export interface YMapMarker {
     address?: string;