@cloud-ru/uikit-product-site-media 0.1.32 → 0.1.33

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.1.33 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.1.32 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/ImageCover/ImageCover.d.ts

@@ -0,0 +1,13 @@
+export type ImageCoverProps = {
+    className?: string;
+    /** Ссылка на картинку */
+    image: string;
+    /** Альтернативное текстовое содержание */
+    alt: string;
+    /**
+     * Является ли деактивированным
+     * @default false
+     */
+    disabled?: boolean;
+};
+export declare function ImageCover(props: ImageCoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ImageCover/ImageCover.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageCover = ImageCover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ImageCover(props) {
+    const { className, disabled, image, alt } = props;
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.imageCoverContainer, className), "data-disabled": disabled || undefined, children: (0, jsx_runtime_1.jsx)("img", { className: (0, classnames_1.default)(styles_module_scss_1.default.imageCover), src: image, alt: alt }) }));
+}

package/dist/cjs/components/ImageCover/index.d.ts

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

package/dist/cjs/components/ImageCover/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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("./ImageCover"), exports);

package/dist/cjs/components/ImageCover/styles.module.css

@@ -0,0 +1,21 @@
+.imageCoverContainer{
+  overflow:hidden;
+  display:inline-block;
+}
+.imageCoverContainer[data-disabled]{
+  opacity:0.5;
+  pointer-events:none;
+  cursor:not-allowed;
+}
+
+.imageCover{
+  display:block;
+  width:100%;
+  height:100%;
+  -o-object-fit:cover;
+     object-fit:cover;
+  transition:transform 300ms ease-in-out;
+}
+.imageCover:hover{
+  transform:scale(1.05);
+}

package/dist/cjs/components/SiteVideo/SiteVideo.d.ts

@@ -0,0 +1,2 @@
+import { SiteVideoProps } from './types';
+export declare function SiteVideo({ video, onPlay, onError, 'data-test-id': dataTestId, className, layoutType, ...rest }: SiteVideoProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SiteVideo/SiteVideo.js

@@ -0,0 +1,40 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteVideo = SiteVideo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const icon_predefined_1 = require("@snack-uikit/icon-predefined");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function SiteVideo(_a) {
+    var { video, onPlay, onError, 'data-test-id': dataTestId = 'site-video', className, layoutType } = _a, rest = __rest(_a, ["video", "onPlay", "onError", 'data-test-id', "className", "layoutType"]);
+    const videoRef = (0, react_1.useRef)(null);
+    const [isVideoPlayed, setIsVideoPlayed] = (0, react_1.useState)(false);
+    const handleVideoPlay = (0, react_1.useCallback)(() => {
+        var _a;
+        setIsVideoPlayed(true);
+        (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
+        onPlay === null || onPlay === void 0 ? void 0 : onPlay();
+    }, [onPlay]);
+    const isCustomVideoPlayer = (0, react_1.isValidElement)(video);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.videoWrapper, className), "data-test-id": dataTestId }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [isCustomVideoPlayer && video, (0, utils_1.isVideoPlayerContent)(video) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("video", { src: video.src, poster: video.poster, ref: videoRef, "data-test-id": `${dataTestId}__video`, preload: 'auto', disablePictureInPicture: true, controlsList: 'nodownload noplaybackrate', controls: isVideoPlayed && video.controls, autoPlay: video.autoPlay, playsInline: true, onContextMenu: utils_1.preventDefault, muted: video.muted || video.autoPlay, loop: video.loop, onError: onError }), !isVideoPlayed && video.controls && (
+                    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+                    (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.videoOverlay, onClick: handleVideoPlay, children: (0, jsx_runtime_1.jsx)(icon_predefined_1.IconPredefined, { size: layoutType === 'mobile' ? 'm' : 'l', shape: 'square', appearance: 'neutral', icon: uikit_product_icons_1.PlaySVG, className: styles_module_scss_1.default.playButton, "data-test-id": `${dataTestId}__play-button` }) }))] }))] })));
+}

package/dist/cjs/components/SiteVideo/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SiteVideo';
+export * from './types';
+export { isVideoPlayerContent } from './utils';

package/dist/cjs/components/SiteVideo/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
+exports.isVideoPlayerContent = void 0;
+__exportStar(require("./SiteVideo"), exports);
+__exportStar(require("./types"), exports);
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "isVideoPlayerContent", { enumerable: true, get: function () { return utils_1.isVideoPlayerContent; } });

package/dist/cjs/components/SiteVideo/styles.module.css

@@ -0,0 +1,33 @@
+.videoWrapper{
+  box-sizing:border-box;
+  position:relative;
+  width:100%;
+  height:100%;
+  display:flex;
+  padding-bottom:56.5%;
+  border:0;
+}
+.videoWrapper iframe, .videoWrapper video{
+  position:absolute;
+  top:0;
+  left:0;
+  height:100%;
+  width:100%;
+  border:0;
+}
+
+.videoOverlay{
+  position:absolute;
+  top:0;
+  left:0;
+  height:100%;
+  width:100%;
+  background-color:var(--sys-blackout, rgba(0, 0, 0, 0.3215686275));
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+
+.playButton{
+  cursor:pointer;
+}

package/dist/cjs/components/SiteVideo/types.d.ts

@@ -0,0 +1,16 @@
+import { ReactEventHandler, ReactNode } from 'react';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type VideoPlayerProps = {
+    src: string;
+    poster: string;
+    controls?: boolean;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+};
+export type SiteVideoProps = WithLayoutType<WithSupportProps<{
+    video: VideoPlayerProps | ReactNode;
+    onPlay?(): void;
+    onError?: ReactEventHandler<HTMLVideoElement>;
+    className?: string;
+}>>;

package/dist/cjs/components/SiteVideo/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/SiteVideo/utils.d.ts

@@ -0,0 +1,4 @@
+import { SyntheticEvent } from 'react';
+import { SiteVideoProps, VideoPlayerProps } from './types';
+export declare function preventDefault(e: SyntheticEvent): void;
+export declare function isVideoPlayerContent(video: SiteVideoProps['video']): video is VideoPlayerProps;

package/dist/cjs/components/SiteVideo/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preventDefault = preventDefault;
+exports.isVideoPlayerContent = isVideoPlayerContent;
+function preventDefault(e) {
+    e.preventDefault();
+}
+function isVideoPlayerContent(video) {
+    return typeof video === 'object' && video !== null && video !== undefined && 'src' in video && 'poster' in video;
+}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SiteVideo';
+export * from './ImageCover';

package/dist/cjs/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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("./SiteVideo"), exports);
+__exportStar(require("./ImageCover"), exports);

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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("./components"), exports);

package/dist/esm/components/ImageCover/ImageCover.d.ts

@@ -0,0 +1,13 @@
+export type ImageCoverProps = {
+    className?: string;
+    /** Ссылка на картинку */
+    image: string;
+    /** Альтернативное текстовое содержание */
+    alt: string;
+    /**
+     * Является ли деактивированным
+     * @default false
+     */
+    disabled?: boolean;
+};
+export declare function ImageCover(props: ImageCoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ImageCover/ImageCover.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import styles from './styles.module.css';
+export function ImageCover(props) {
+    const { className, disabled, image, alt } = props;
+    return (_jsx("div", { className: cn(styles.imageCoverContainer, className), "data-disabled": disabled || undefined, children: _jsx("img", { className: cn(styles.imageCover), src: image, alt: alt }) }));
+}

package/dist/esm/components/ImageCover/index.d.ts

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

package/dist/esm/components/ImageCover/index.js

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

package/dist/esm/components/ImageCover/styles.module.css

@@ -0,0 +1,21 @@
+.imageCoverContainer{
+  overflow:hidden;
+  display:inline-block;
+}
+.imageCoverContainer[data-disabled]{
+  opacity:0.5;
+  pointer-events:none;
+  cursor:not-allowed;
+}
+
+.imageCover{
+  display:block;
+  width:100%;
+  height:100%;
+  -o-object-fit:cover;
+     object-fit:cover;
+  transition:transform 300ms ease-in-out;
+}
+.imageCover:hover{
+  transform:scale(1.05);
+}

package/dist/esm/components/SiteVideo/SiteVideo.d.ts

@@ -0,0 +1,2 @@
+import { SiteVideoProps } from './types';
+export declare function SiteVideo({ video, onPlay, onError, 'data-test-id': dataTestId, className, layoutType, ...rest }: SiteVideoProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SiteVideo/SiteVideo.js

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { isValidElement, useCallback, useRef, useState } from 'react';
+import { PlaySVG } from '@sbercloud/uikit-product-icons';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { IconPredefined } from '@snack-uikit/icon-predefined';
+import styles from './styles.module.css';
+import { isVideoPlayerContent, preventDefault } from './utils';
+export function SiteVideo(_a) {
+    var { video, onPlay, onError, 'data-test-id': dataTestId = 'site-video', className, layoutType } = _a, rest = __rest(_a, ["video", "onPlay", "onError", 'data-test-id', "className", "layoutType"]);
+    const videoRef = useRef(null);
+    const [isVideoPlayed, setIsVideoPlayed] = useState(false);
+    const handleVideoPlay = useCallback(() => {
+        var _a;
+        setIsVideoPlayed(true);
+        (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
+        onPlay === null || onPlay === void 0 ? void 0 : onPlay();
+    }, [onPlay]);
+    const isCustomVideoPlayer = isValidElement(video);
+    return (_jsxs("div", Object.assign({ className: cn(styles.videoWrapper, className), "data-test-id": dataTestId }, extractSupportProps(rest), { children: [isCustomVideoPlayer && video, isVideoPlayerContent(video) && (_jsxs(_Fragment, { children: [_jsx("video", { src: video.src, poster: video.poster, ref: videoRef, "data-test-id": `${dataTestId}__video`, preload: 'auto', disablePictureInPicture: true, controlsList: 'nodownload noplaybackrate', controls: isVideoPlayed && video.controls, autoPlay: video.autoPlay, playsInline: true, onContextMenu: preventDefault, muted: video.muted || video.autoPlay, loop: video.loop, onError: onError }), !isVideoPlayed && video.controls && (
+                    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+                    _jsx("div", { className: styles.videoOverlay, onClick: handleVideoPlay, children: _jsx(IconPredefined, { size: layoutType === 'mobile' ? 'm' : 'l', shape: 'square', appearance: 'neutral', icon: PlaySVG, className: styles.playButton, "data-test-id": `${dataTestId}__play-button` }) }))] }))] })));
+}

package/dist/esm/components/SiteVideo/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SiteVideo';
+export * from './types';
+export { isVideoPlayerContent } from './utils';

package/dist/esm/components/SiteVideo/index.js

@@ -0,0 +1,3 @@
+export * from './SiteVideo';
+export * from './types';
+export { isVideoPlayerContent } from './utils';

package/dist/esm/components/SiteVideo/styles.module.css

@@ -0,0 +1,33 @@
+.videoWrapper{
+  box-sizing:border-box;
+  position:relative;
+  width:100%;
+  height:100%;
+  display:flex;
+  padding-bottom:56.5%;
+  border:0;
+}
+.videoWrapper iframe, .videoWrapper video{
+  position:absolute;
+  top:0;
+  left:0;
+  height:100%;
+  width:100%;
+  border:0;
+}
+
+.videoOverlay{
+  position:absolute;
+  top:0;
+  left:0;
+  height:100%;
+  width:100%;
+  background-color:var(--sys-blackout, rgba(0, 0, 0, 0.3215686275));
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+
+.playButton{
+  cursor:pointer;
+}

package/dist/esm/components/SiteVideo/types.d.ts

@@ -0,0 +1,16 @@
+import { ReactEventHandler, ReactNode } from 'react';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type VideoPlayerProps = {
+    src: string;
+    poster: string;
+    controls?: boolean;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+};
+export type SiteVideoProps = WithLayoutType<WithSupportProps<{
+    video: VideoPlayerProps | ReactNode;
+    onPlay?(): void;
+    onError?: ReactEventHandler<HTMLVideoElement>;
+    className?: string;
+}>>;

package/dist/esm/components/SiteVideo/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/components/SiteVideo/utils.d.ts

@@ -0,0 +1,4 @@
+import { SyntheticEvent } from 'react';
+import { SiteVideoProps, VideoPlayerProps } from './types';
+export declare function preventDefault(e: SyntheticEvent): void;
+export declare function isVideoPlayerContent(video: SiteVideoProps['video']): video is VideoPlayerProps;

package/dist/esm/components/SiteVideo/utils.js

@@ -0,0 +1,6 @@
+export function preventDefault(e) {
+    e.preventDefault();
+}
+export function isVideoPlayerContent(video) {
+    return typeof video === 'object' && video !== null && video !== undefined && 'src' in video && 'poster' in video;
+}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SiteVideo';
+export * from './ImageCover';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './SiteVideo';
+export * from './ImageCover';

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-media",
   "title": "Site Media",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,16 +30,17 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-icons": "15.1.2",
+    "@cloud-ru/uikit-product-utils": "7.0.1",
     "@snack-uikit/icon-predefined": "0.7.5",
     "classnames": "2.5.1"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
 }