@cloud-ru/uikit-product-site-hero 0.5.42 → 0.5.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/README.md +4 -4
- package/dist/cjs/components/HeroEvent/HeroEvent.d.ts +1 -1
- package/dist/cjs/components/HeroEvent/HeroEvent.js +2 -2
- package/dist/cjs/components/HeroMain/HeroMain.d.ts +5 -5
- package/dist/cjs/components/HeroMain/HeroMain.js +8 -8
- package/dist/cjs/components/HeroMain/utils.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/HeroSlider.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/HeroSlider.js +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlide/HeroSlide.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlide/HeroSlide.js +4 -4
- package/dist/cjs/components/HeroSlider/components/HeroSlide/types.d.ts +2 -2
- package/dist/cjs/components/HeroSlider/components/HeroSlide/util.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlideImage/HeroSlideImage.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlideImage/HeroSlideImage.js +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlideImageBg/HeroSlideImageBg.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlideImageBg/HeroSlideImageBg.js +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlideMedia/HeroSlideMedia.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlideVideoBg/HeroSlideVideoBg.d.ts +1 -1
- package/dist/cjs/components/HeroSlider/components/HeroSlideVideoBg/HeroSlideVideoBg.js +1 -1
- package/dist/cjs/components/HeroZero/HeroZero.d.ts +1 -1
- package/dist/cjs/components/HeroZero/HeroZero.js +3 -3
- package/dist/cjs/components/HeroZero/utils.d.ts +1 -1
- package/dist/cjs/helperComponents/HeroEventButton/HeroEventButton.d.ts +1 -1
- package/dist/cjs/helperComponents/HeroEventButton/constants.js +1 -1
- package/dist/esm/components/HeroEvent/HeroEvent.d.ts +1 -1
- package/dist/esm/components/HeroEvent/HeroEvent.js +2 -2
- package/dist/esm/components/HeroMain/HeroMain.d.ts +5 -5
- package/dist/esm/components/HeroMain/HeroMain.js +8 -8
- package/dist/esm/components/HeroMain/utils.d.ts +1 -1
- package/dist/esm/components/HeroSlider/HeroSlider.d.ts +1 -1
- package/dist/esm/components/HeroSlider/HeroSlider.js +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlide/HeroSlide.d.ts +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlide/HeroSlide.js +4 -4
- package/dist/esm/components/HeroSlider/components/HeroSlide/types.d.ts +2 -2
- package/dist/esm/components/HeroSlider/components/HeroSlide/util.d.ts +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlideImage/HeroSlideImage.d.ts +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlideImage/HeroSlideImage.js +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlideImageBg/HeroSlideImageBg.d.ts +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlideImageBg/HeroSlideImageBg.js +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlideMedia/HeroSlideMedia.d.ts +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlideVideoBg/HeroSlideVideoBg.d.ts +1 -1
- package/dist/esm/components/HeroSlider/components/HeroSlideVideoBg/HeroSlideVideoBg.js +1 -1
- package/dist/esm/components/HeroZero/HeroZero.d.ts +1 -1
- package/dist/esm/components/HeroZero/HeroZero.js +3 -3
- package/dist/esm/components/HeroZero/utils.d.ts +1 -1
- package/dist/esm/helperComponents/HeroEventButton/HeroEventButton.d.ts +1 -1
- package/dist/esm/helperComponents/HeroEventButton/constants.js +1 -1
- package/package.json +10 -11
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 0.5.43 (2025-11-13)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 0.5.42 (2025-11-13)
|
|
7
18
|
|
|
8
19
|
### Only dependencies have been changed
|
package/README.md
CHANGED
|
@@ -45,14 +45,14 @@ Hero blocks for Site
|
|
|
45
45
|
| description* | `string` | - | Описание продукта |
|
|
46
46
|
| title* | `string` | - | Заголовок продукта |
|
|
47
47
|
| image | `string` | - | Ссылка на изображение |
|
|
48
|
-
| video | `VideoPlayerProps \| ReactNode
|
|
49
|
-
| tags | `Pick<
|
|
48
|
+
| video | `WithLayoutType<WithSupportProps<{ video: VideoPlayerProps \| ReactNode; onPlay?(): void; onError?: ReactEventHandler<HTMLVideoElement>; className?: string; }>>` | - | Видео |
|
|
49
|
+
| tags | `Pick<WithSupportProps<{ text: string; appearance: Appearance; tip?: ReactNode; className?: string; }>, "text" \| "appearance" \| "tip">[]` | [] | Тэги |
|
|
50
50
|
| platforms | `Platform[]` | [] | Платформы |
|
|
51
51
|
| handlePlatformClick | `(e: MouseEvent<HTMLAnchorElement, MouseEvent>, platform: Platform) => void` | - | Обработка клика по платформе |
|
|
52
52
|
| backgroundColor | enum HeroColor: `"neutral-background1-level"`, `"neutral-background"` | neutral-background1-level | Цвета фона |
|
|
53
|
-
| buttons | `[Omit<ButtonFilledProps, "size" \| "appearance">, Omit<
|
|
53
|
+
| buttons | `[Omit<ButtonFilledProps, "size" \| "appearance">, Omit<WithSupportProps<Omit<CommonButtonProps, "iconPosition">>, "size" \| "appearance">?]` | - | Массив с настройками кнопок ButtonFilled |
|
|
54
54
|
| className | `string` | - | CSS - класснейм |
|
|
55
|
-
| navbar | `Pick<
|
|
55
|
+
| navbar | `Pick<WithSupportProps<{ items: NavbarItemProps[]; onItemClick(id: string, text: string): void; active?: string; className?: string; topPosition?: number; }>, "items" \| "active" \| "onItemClick" \| "topPosition">` | - | Navbar |
|
|
56
56
|
## HeroSlider
|
|
57
57
|
### Props
|
|
58
58
|
| name | type | default value | description |
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { BreadcrumbsProps } from '@snack-uikit/breadcrumbs';
|
|
3
3
|
import { PromoTagProps } from '@snack-uikit/promo-tag';
|
|
4
4
|
import { HeroButtonProps, PlaceProps } from '../../helperComponents';
|
|
@@ -17,8 +17,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.HeroEvent = HeroEvent;
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
const uikit_product_site_layout_1 = require("@
|
|
21
|
-
const uikit_product_utils_1 = require("@
|
|
20
|
+
const uikit_product_site_layout_1 = require("@cloud-ru/uikit-product-site-layout");
|
|
21
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
22
22
|
const breadcrumbs_1 = require("@snack-uikit/breadcrumbs");
|
|
23
23
|
const promo_tag_1 = require("@snack-uikit/promo-tag");
|
|
24
24
|
const constants_1 = require("../../constants");
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ButtonPromoOutlineProps } from '@
|
|
2
|
-
import { SiteVideoProps } from '@
|
|
3
|
-
import { SiteNavbarProps } from '@
|
|
4
|
-
import { TagSpecialProps } from '@
|
|
5
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { ButtonPromoOutlineProps } from '@cloud-ru/uikit-product-button-predefined';
|
|
2
|
+
import { SiteVideoProps } from '@cloud-ru/uikit-product-site-media';
|
|
3
|
+
import { SiteNavbarProps } from '@cloud-ru/uikit-product-site-navbar';
|
|
4
|
+
import { TagSpecialProps } from '@cloud-ru/uikit-product-site-tag';
|
|
5
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
6
6
|
import { BreadcrumbsProps } from '@snack-uikit/breadcrumbs';
|
|
7
7
|
import { ButtonFilledProps } from '@snack-uikit/button';
|
|
8
8
|
import { HeroColor } from '../../types';
|
|
@@ -18,14 +18,14 @@ exports.HeroMain = HeroMain;
|
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
20
|
const react_1 = require("react");
|
|
21
|
-
const uikit_product_button_predefined_1 = require("@
|
|
22
|
-
const uikit_product_locale_1 = require("@
|
|
23
|
-
const uikit_product_site_layout_1 = require("@
|
|
24
|
-
const uikit_product_site_media_1 = require("@
|
|
25
|
-
const uikit_product_site_navbar_1 = require("@
|
|
26
|
-
const uikit_product_site_rich_text_1 = require("@
|
|
27
|
-
const uikit_product_site_tag_1 = require("@
|
|
28
|
-
const uikit_product_utils_1 = require("@
|
|
21
|
+
const uikit_product_button_predefined_1 = require("@cloud-ru/uikit-product-button-predefined");
|
|
22
|
+
const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
|
|
23
|
+
const uikit_product_site_layout_1 = require("@cloud-ru/uikit-product-site-layout");
|
|
24
|
+
const uikit_product_site_media_1 = require("@cloud-ru/uikit-product-site-media");
|
|
25
|
+
const uikit_product_site_navbar_1 = require("@cloud-ru/uikit-product-site-navbar");
|
|
26
|
+
const uikit_product_site_rich_text_1 = require("@cloud-ru/uikit-product-site-rich-text");
|
|
27
|
+
const uikit_product_site_tag_1 = require("@cloud-ru/uikit-product-site-tag");
|
|
28
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
29
29
|
const breadcrumbs_1 = require("@snack-uikit/breadcrumbs");
|
|
30
30
|
const button_1 = require("@snack-uikit/button");
|
|
31
31
|
const typography_1 = require("@snack-uikit/typography");
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { LayoutType } from '@
|
|
1
|
+
import { LayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { TypographyProps } from '@snack-uikit/typography';
|
|
3
3
|
export declare const getTitleTypographyProps: (layoutType: LayoutType) => Pick<TypographyProps, "size" | "purpose">;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { CarouselProps } from '@snack-uikit/carousel';
|
|
3
3
|
import { HeroSlideProps } from './components';
|
|
4
4
|
export type HeroSliderProps = WithSupportProps<WithLayoutType<{
|
|
@@ -18,7 +18,7 @@ exports.HeroSlider = HeroSlider;
|
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
20
|
const react_1 = require("react");
|
|
21
|
-
const uikit_product_utils_1 = require("@
|
|
21
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
22
22
|
const carousel_1 = require("@snack-uikit/carousel");
|
|
23
23
|
const pagination_1 = require("@snack-uikit/pagination");
|
|
24
24
|
const components_1 = require("./components");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { HeroSlideProps } from './types';
|
|
3
3
|
type Props = WithLayoutType<HeroSlideProps>;
|
|
4
4
|
export declare function HeroSlide({ layoutType, id, title, description, media, button, color, appearance, erid, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.HeroSlide = HeroSlide;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
const uikit_product_button_predefined_1 = require("@
|
|
10
|
-
const uikit_product_site_layout_1 = require("@
|
|
11
|
-
const uikit_product_site_rich_text_1 = require("@
|
|
12
|
-
const uikit_product_site_tag_1 = require("@
|
|
9
|
+
const uikit_product_button_predefined_1 = require("@cloud-ru/uikit-product-button-predefined");
|
|
10
|
+
const uikit_product_site_layout_1 = require("@cloud-ru/uikit-product-site-layout");
|
|
11
|
+
const uikit_product_site_rich_text_1 = require("@cloud-ru/uikit-product-site-rich-text");
|
|
12
|
+
const uikit_product_site_tag_1 = require("@cloud-ru/uikit-product-site-tag");
|
|
13
13
|
const typography_1 = require("@snack-uikit/typography");
|
|
14
14
|
const HeroSlideMedia_1 = require("../HeroSlideMedia");
|
|
15
15
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ButtonPromoProps } from '@
|
|
2
|
-
import { EridProps } from '@
|
|
1
|
+
import { ButtonPromoProps } from '@cloud-ru/uikit-product-button-predefined';
|
|
2
|
+
import { EridProps } from '@cloud-ru/uikit-product-site-tag';
|
|
3
3
|
import { ValueOf } from '@snack-uikit/utils';
|
|
4
4
|
import { HeroSlideMediaProps } from '../HeroSlideMedia';
|
|
5
5
|
import { Appearance, Color } from './constants';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LayoutType } from '@
|
|
1
|
+
import { LayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { TypographyProps } from '@snack-uikit/typography';
|
|
3
3
|
import { HeroSlideImageProps } from '../HeroSlideImage';
|
|
4
4
|
import { HeroSlideBaseProps } from './types';
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.HeroSlideImage = HeroSlideImage;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const uikit_product_utils_1 = require("@
|
|
8
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
9
9
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
10
10
|
function HeroSlideImage({ source, format, layoutType }) {
|
|
11
11
|
const { tablet, desktop } = source;
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.HeroSlideImageBg = HeroSlideImageBg;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const uikit_product_utils_1 = require("@
|
|
8
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
9
9
|
const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
|
|
10
10
|
function HeroSlideImageBg({ source }) {
|
|
11
11
|
return ((0, jsx_runtime_1.jsxs)("picture", { className: styles_module_scss_1.default.backgroundImageWrapper, children: [(0, jsx_runtime_1.jsx)("source", { srcSet: source.mobile, media: uikit_product_utils_1.CSS_BREAKPOINTS.mobile }), (0, jsx_runtime_1.jsx)("source", { srcSet: source.tablet, media: uikit_product_utils_1.CSS_BREAKPOINTS.tablet }), source.desktopLg ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("source", { srcSet: source.desktop, media: uikit_product_utils_1.CSS_BREAKPOINTS.desktop }), (0, jsx_runtime_1.jsx)("source", { srcSet: source.desktopLg })] })) : ((0, jsx_runtime_1.jsx)("source", { srcSet: source.desktop })), (0, jsx_runtime_1.jsx)("img", { loading: 'lazy', src: source.desktop, className: styles_module_scss_1.default.backgroundImage, alt: 'background' })] }));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { HeroSlideMediaProps } from './types';
|
|
3
3
|
export declare function HeroSlideMedia(props: WithLayoutType<HeroSlideMediaProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.HeroSlideVideoBg = HeroSlideVideoBg;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const uikit_product_site_media_1 = require("@
|
|
5
|
+
const uikit_product_site_media_1 = require("@cloud-ru/uikit-product-site-media");
|
|
6
6
|
const HTMLComment_1 = require("./HTMLComment");
|
|
7
7
|
function HeroSlideVideoBg({ link, previewImage, layoutType }) {
|
|
8
8
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(HTMLComment_1.HTMLComment, { text: 'noindex' }), (0, jsx_runtime_1.jsx)(uikit_product_site_media_1.SiteVideo, { layoutType: layoutType, video: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { Item } from '@snack-uikit/breadcrumbs';
|
|
3
3
|
import { ButtonFilledProps } from '@snack-uikit/button';
|
|
4
4
|
import { HeroColor } from '../../types';
|
|
@@ -17,9 +17,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.HeroZero = HeroZero;
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
const uikit_product_site_layout_1 = require("@
|
|
21
|
-
const uikit_product_site_rich_text_1 = require("@
|
|
22
|
-
const uikit_product_utils_1 = require("@
|
|
20
|
+
const uikit_product_site_layout_1 = require("@cloud-ru/uikit-product-site-layout");
|
|
21
|
+
const uikit_product_site_rich_text_1 = require("@cloud-ru/uikit-product-site-rich-text");
|
|
22
|
+
const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
|
|
23
23
|
const breadcrumbs_1 = require("@snack-uikit/breadcrumbs");
|
|
24
24
|
const button_1 = require("@snack-uikit/button");
|
|
25
25
|
const typography_1 = require("@snack-uikit/typography");
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { LayoutType } from '@
|
|
1
|
+
import { LayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { TypographyProps } from '@snack-uikit/typography';
|
|
3
3
|
export declare const getTitleTypographyProps: (layoutType: LayoutType) => Pick<TypographyProps, "size" | "purpose">;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEventHandler } from 'react';
|
|
2
|
-
import { WithLayoutType } from '@
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { ButtonFilledProps } from '@snack-uikit/button';
|
|
4
4
|
import { HeroButtonType } from './types';
|
|
5
5
|
export type HeroButtonProps = Pick<ButtonFilledProps, 'label' | 'href' | 'disabled' | 'icon'> & {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.HERO_BUTTON_META = void 0;
|
|
4
|
-
const uikit_product_icons_1 = require("@
|
|
4
|
+
const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
|
|
5
5
|
const constants_1 = require("../../constants");
|
|
6
6
|
exports.HERO_BUTTON_META = {
|
|
7
7
|
[constants_1.HERO_EVENT_BUTTONS.Watch]: { label: 'Смотреть запись', icon: uikit_product_icons_1.PlaySVG },
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { BreadcrumbsProps } from '@snack-uikit/breadcrumbs';
|
|
3
3
|
import { PromoTagProps } from '@snack-uikit/promo-tag';
|
|
4
4
|
import { HeroButtonProps, PlaceProps } from '../../helperComponents';
|
|
@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import cn from 'classnames';
|
|
14
|
-
import { Layout } from '@
|
|
15
|
-
import { extractSupportProps } from '@
|
|
14
|
+
import { Layout } from '@cloud-ru/uikit-product-site-layout';
|
|
15
|
+
import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
16
16
|
import { Breadcrumbs } from '@snack-uikit/breadcrumbs';
|
|
17
17
|
import { PromoTag } from '@snack-uikit/promo-tag';
|
|
18
18
|
import { HERO_COLORS } from '../../constants';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ButtonPromoOutlineProps } from '@
|
|
2
|
-
import { SiteVideoProps } from '@
|
|
3
|
-
import { SiteNavbarProps } from '@
|
|
4
|
-
import { TagSpecialProps } from '@
|
|
5
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { ButtonPromoOutlineProps } from '@cloud-ru/uikit-product-button-predefined';
|
|
2
|
+
import { SiteVideoProps } from '@cloud-ru/uikit-product-site-media';
|
|
3
|
+
import { SiteNavbarProps } from '@cloud-ru/uikit-product-site-navbar';
|
|
4
|
+
import { TagSpecialProps } from '@cloud-ru/uikit-product-site-tag';
|
|
5
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
6
6
|
import { BreadcrumbsProps } from '@snack-uikit/breadcrumbs';
|
|
7
7
|
import { ButtonFilledProps } from '@snack-uikit/button';
|
|
8
8
|
import { HeroColor } from '../../types';
|
|
@@ -12,14 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
13
|
import cn from 'classnames';
|
|
14
14
|
import { Fragment } from 'react';
|
|
15
|
-
import { ButtonPromoOutline } from '@
|
|
16
|
-
import { useLocale } from '@
|
|
17
|
-
import { Layout } from '@
|
|
18
|
-
import { SiteVideo } from '@
|
|
19
|
-
import { SiteNavbar } from '@
|
|
20
|
-
import { RichText } from '@
|
|
21
|
-
import { TagSpecial } from '@
|
|
22
|
-
import { extractSupportProps } from '@
|
|
15
|
+
import { ButtonPromoOutline } from '@cloud-ru/uikit-product-button-predefined';
|
|
16
|
+
import { useLocale } from '@cloud-ru/uikit-product-locale';
|
|
17
|
+
import { Layout } from '@cloud-ru/uikit-product-site-layout';
|
|
18
|
+
import { SiteVideo } from '@cloud-ru/uikit-product-site-media';
|
|
19
|
+
import { SiteNavbar } from '@cloud-ru/uikit-product-site-navbar';
|
|
20
|
+
import { RichText } from '@cloud-ru/uikit-product-site-rich-text';
|
|
21
|
+
import { TagSpecial } from '@cloud-ru/uikit-product-site-tag';
|
|
22
|
+
import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
23
23
|
import { Breadcrumbs } from '@snack-uikit/breadcrumbs';
|
|
24
24
|
import { ButtonFilled } from '@snack-uikit/button';
|
|
25
25
|
import { Typography } from '@snack-uikit/typography';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { LayoutType } from '@
|
|
1
|
+
import { LayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { TypographyProps } from '@snack-uikit/typography';
|
|
3
3
|
export declare const getTitleTypographyProps: (layoutType: LayoutType) => Pick<TypographyProps, "size" | "purpose">;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { CarouselProps } from '@snack-uikit/carousel';
|
|
3
3
|
import { HeroSlideProps } from './components';
|
|
4
4
|
export type HeroSliderProps = WithSupportProps<WithLayoutType<{
|
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import cn from 'classnames';
|
|
14
14
|
import { useState } from 'react';
|
|
15
|
-
import { extractSupportProps } from '@
|
|
15
|
+
import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
16
16
|
import { Carousel } from '@snack-uikit/carousel';
|
|
17
17
|
import { PaginationSlider } from '@snack-uikit/pagination';
|
|
18
18
|
import { HeroSlide } from './components';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { HeroSlideProps } from './types';
|
|
3
3
|
type Props = WithLayoutType<HeroSlideProps>;
|
|
4
4
|
export declare function HeroSlide({ layoutType, id, title, description, media, button, color, appearance, erid, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
-
import { ButtonPromo } from '@
|
|
4
|
-
import { Layout } from '@
|
|
5
|
-
import { RichText } from '@
|
|
6
|
-
import { Erid } from '@
|
|
3
|
+
import { ButtonPromo } from '@cloud-ru/uikit-product-button-predefined';
|
|
4
|
+
import { Layout } from '@cloud-ru/uikit-product-site-layout';
|
|
5
|
+
import { RichText } from '@cloud-ru/uikit-product-site-rich-text';
|
|
6
|
+
import { Erid } from '@cloud-ru/uikit-product-site-tag';
|
|
7
7
|
import { Typography } from '@snack-uikit/typography';
|
|
8
8
|
import { HeroSlideMedia } from '../HeroSlideMedia';
|
|
9
9
|
import styles from './styles.module.css';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ButtonPromoProps } from '@
|
|
2
|
-
import { EridProps } from '@
|
|
1
|
+
import { ButtonPromoProps } from '@cloud-ru/uikit-product-button-predefined';
|
|
2
|
+
import { EridProps } from '@cloud-ru/uikit-product-site-tag';
|
|
3
3
|
import { ValueOf } from '@snack-uikit/utils';
|
|
4
4
|
import { HeroSlideMediaProps } from '../HeroSlideMedia';
|
|
5
5
|
import { Appearance, Color } from './constants';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LayoutType } from '@
|
|
1
|
+
import { LayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { TypographyProps } from '@snack-uikit/typography';
|
|
3
3
|
import { HeroSlideImageProps } from '../HeroSlideImage';
|
|
4
4
|
import { HeroSlideBaseProps } from './types';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CSS_BREAKPOINTS } from '@
|
|
2
|
+
import { CSS_BREAKPOINTS } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import styles from './styles.module.css';
|
|
4
4
|
export function HeroSlideImage({ source, format, layoutType }) {
|
|
5
5
|
const { tablet, desktop } = source;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CSS_BREAKPOINTS } from '@
|
|
2
|
+
import { CSS_BREAKPOINTS } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import styles from './styles.module.css';
|
|
4
4
|
export function HeroSlideImageBg({ source }) {
|
|
5
5
|
return (_jsxs("picture", { className: styles.backgroundImageWrapper, children: [_jsx("source", { srcSet: source.mobile, media: CSS_BREAKPOINTS.mobile }), _jsx("source", { srcSet: source.tablet, media: CSS_BREAKPOINTS.tablet }), source.desktopLg ? (_jsxs(_Fragment, { children: [_jsx("source", { srcSet: source.desktop, media: CSS_BREAKPOINTS.desktop }), _jsx("source", { srcSet: source.desktopLg })] })) : (_jsx("source", { srcSet: source.desktop })), _jsx("img", { loading: 'lazy', src: source.desktop, className: styles.backgroundImage, alt: 'background' })] }));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { WithLayoutType } from '@
|
|
1
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { HeroSlideMediaProps } from './types';
|
|
3
3
|
export declare function HeroSlideMedia(props: WithLayoutType<HeroSlideMediaProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { SiteVideo } from '@
|
|
2
|
+
import { SiteVideo } from '@cloud-ru/uikit-product-site-media';
|
|
3
3
|
import { HTMLComment } from './HTMLComment';
|
|
4
4
|
export function HeroSlideVideoBg({ link, previewImage, layoutType }) {
|
|
5
5
|
return (_jsxs(_Fragment, { children: [_jsx(HTMLComment, { text: 'noindex' }), _jsx(SiteVideo, { layoutType: layoutType, video: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { WithLayoutType, WithSupportProps } from '@
|
|
1
|
+
import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { Item } from '@snack-uikit/breadcrumbs';
|
|
3
3
|
import { ButtonFilledProps } from '@snack-uikit/button';
|
|
4
4
|
import { HeroColor } from '../../types';
|
|
@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import cn from 'classnames';
|
|
14
|
-
import { Layout } from '@
|
|
15
|
-
import { RichText } from '@
|
|
16
|
-
import { extractSupportProps } from '@
|
|
14
|
+
import { Layout } from '@cloud-ru/uikit-product-site-layout';
|
|
15
|
+
import { RichText } from '@cloud-ru/uikit-product-site-rich-text';
|
|
16
|
+
import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
|
|
17
17
|
import { Breadcrumbs } from '@snack-uikit/breadcrumbs';
|
|
18
18
|
import { ButtonFilled } from '@snack-uikit/button';
|
|
19
19
|
import { Typography } from '@snack-uikit/typography';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { LayoutType } from '@
|
|
1
|
+
import { LayoutType } from '@cloud-ru/uikit-product-utils';
|
|
2
2
|
import { TypographyProps } from '@snack-uikit/typography';
|
|
3
3
|
export declare const getTitleTypographyProps: (layoutType: LayoutType) => Pick<TypographyProps, "size" | "purpose">;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEventHandler } from 'react';
|
|
2
|
-
import { WithLayoutType } from '@
|
|
2
|
+
import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
|
|
3
3
|
import { ButtonFilledProps } from '@snack-uikit/button';
|
|
4
4
|
import { HeroButtonType } from './types';
|
|
5
5
|
export type HeroButtonProps = Pick<ButtonFilledProps, 'label' | 'href' | 'disabled' | 'icon'> & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DownloadSVG, PlaySVG } from '@
|
|
1
|
+
import { DownloadSVG, PlaySVG } from '@cloud-ru/uikit-product-icons';
|
|
2
2
|
import { HERO_EVENT_BUTTONS } from '../../constants';
|
|
3
3
|
export const HERO_BUTTON_META = {
|
|
4
4
|
[HERO_EVENT_BUTTONS.Watch]: { label: 'Смотреть запись', icon: PlaySVG },
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloud-ru/uikit-product-site-hero",
|
|
3
3
|
"title": "Site Hero",
|
|
4
|
-
"version": "0.5.
|
|
4
|
+
"version": "0.5.43",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css",
|
|
7
7
|
"*.woff",
|
|
@@ -30,21 +30,20 @@
|
|
|
30
30
|
"name": "Akhremenko Grigorii",
|
|
31
31
|
"url": "https://github.com/AGrigorii"
|
|
32
32
|
},
|
|
33
|
-
"contributors": [],
|
|
34
33
|
"license": "Apache-2.0",
|
|
35
34
|
"publishConfig": {
|
|
36
35
|
"access": "public"
|
|
37
36
|
},
|
|
38
37
|
"scripts": {},
|
|
39
38
|
"dependencies": {
|
|
40
|
-
"@cloud-ru/uikit-product-button-predefined": "0.7.
|
|
41
|
-
"@cloud-ru/uikit-product-icons": "15.1.
|
|
42
|
-
"@cloud-ru/uikit-product-site-layout": "0.2.
|
|
43
|
-
"@cloud-ru/uikit-product-site-media": "0.1.
|
|
44
|
-
"@cloud-ru/uikit-product-site-navbar": "0.2.
|
|
45
|
-
"@cloud-ru/uikit-product-site-rich-text": "0.2.
|
|
46
|
-
"@cloud-ru/uikit-product-site-tag": "0.3.
|
|
47
|
-
"@cloud-ru/uikit-product-utils": "7.0.
|
|
39
|
+
"@cloud-ru/uikit-product-button-predefined": "0.7.7",
|
|
40
|
+
"@cloud-ru/uikit-product-icons": "15.1.4",
|
|
41
|
+
"@cloud-ru/uikit-product-site-layout": "0.2.5",
|
|
42
|
+
"@cloud-ru/uikit-product-site-media": "0.1.35",
|
|
43
|
+
"@cloud-ru/uikit-product-site-navbar": "0.2.14",
|
|
44
|
+
"@cloud-ru/uikit-product-site-rich-text": "0.2.13",
|
|
45
|
+
"@cloud-ru/uikit-product-site-tag": "0.3.13",
|
|
46
|
+
"@cloud-ru/uikit-product-utils": "7.0.3",
|
|
48
47
|
"@snack-uikit/breadcrumbs": "0.10.24",
|
|
49
48
|
"@snack-uikit/button": "0.19.7",
|
|
50
49
|
"@snack-uikit/carousel": "0.6.0",
|
|
@@ -58,5 +57,5 @@
|
|
|
58
57
|
"peerDependencies": {
|
|
59
58
|
"@cloud-ru/uikit-product-locale": "*"
|
|
60
59
|
},
|
|
61
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "ce69097516055b330a0b05da5e29ac5b66e56284"
|
|
62
61
|
}
|