@sima-land/moleculas 16.0.0-alpha.21 → 16.0.0-alpha.23

package/common/components/product-info/product-info.m.scss

@@ -1,280 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-@use 'node_modules/@sima-land/ui-nucleons/breakpoints';
-@use '../rating-counter/rating-counter-util';
-
-.image-overlay {
-  position: relative;
-  max-width: 100%;
-  margin-bottom: 8px;
-  overflow: hidden;
-
-  // формируем соотношение сторон 1 / 1
-  &::before {
-    content: '';
-    display: block;
-    padding-top: 100%;
-    pointer-events: none;
-  }
-}
-
-.image-link {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-.image {
-  display: block;
-  object-fit: contain;
-  width: 100%;
-  height: 100%;
-  &.broken {
-    display: none;
-  }
-  &.adult {
-    position: absolute;
-    top: 0;
-    left: 0;
-    opacity: 0.2;
-    filter: blur(24px);
-    pointer-events: none;
-  }
-}
-
-.adult-icon {
-  position: absolute;
-  width: 40%;
-  height: 40%;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  fill: colors.$basic-gray38;
-}
-
-.broken-icon {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-
-.image-buttons {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  > * {
-    pointer-events: all;
-  }
-}
-
-.image-button {
-  width: 24px;
-  height: 24px;
-  display: block;
-  border: 0;
-  outline: 0;
-  background: transparent;
-  position: absolute;
-  --gutter: 8px;
-  right: var(--gutter);
-  cursor: pointer;
-  &:not(.positioned) {
-    &:nth-child(1) {
-      top: var(--gutter);
-    }
-    &:nth-child(2) {
-      bottom: var(--gutter);
-    }
-    &:nth-child(3) {
-      top: var(--gutter);
-      left: var(--gutter);
-    }
-    &:nth-child(3) {
-      top: var(--gutter);
-      left: var(--gutter);
-    }
-  }
-  &.left-top {
-    left: var(--gutter);
-    top: var(--gutter);
-  }
-  &.left-bottom {
-    left: var(--gutter);
-    bottom: var(--gutter);
-  }
-  &.right-top {
-    right: var(--gutter);
-    top: var(--gutter);
-  }
-  &.right-bottom {
-    right: var(--gutter);
-    bottom: var(--gutter);
-  }
-  &:nth-child(n + 5) {
-    display: none;
-  }
-  &:hover {
-    fill: colors.$basic-gray54;
-  }
-  @include breakpoints.down('ml') {
-    --gutter: 4px;
-  }
-}
-
-.badges {
-  margin-bottom: 8px;
-}
-
-.prices {
-  margin-bottom: 8px;
-  display: flex;
-  align-items: center;
-
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 24px;
-
-  // чтобы старая цена скрывалась если не влазит
-  &.height-limit {
-    height: 24px;
-    overflow: hidden;
-    flex-wrap: wrap;
-  }
-}
-
-.price {
-  font-size: inherit;
-  line-height: inherit;
-  margin-right: 8px;
-}
-
-.old-price {
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 400;
-}
-
-.link {
-  max-width: 100%;
-  font-size: 14px;
-  line-height: 20px;
-  &.line-clamp {
-    overflow: hidden;
-    word-break: break-word;
-    max-height: 40px;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-  }
-}
-
-.adult-info {
-  display: block;
-  max-width: 100%;
-  font-size: 14px;
-  line-height: 20px;
-  color: colors.$basic-gray87;
-}
-
-.secondary-info {
-  margin-top: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  color: colors.$basic-gray38;
-}
-
-.trademark-link {
-  display: block;
-  margin-top: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.rating {
-  margin-top: 8px;
-  @include breakpoints.down('mm') {
-    @include rating-counter-util.size-s;
-  }
-  @include breakpoints.up('mm') {
-    @include rating-counter-util.size-m;
-  }
-}
-
-// футер
-.footer {
-  margin-top: 16px;
-}
-
-.text-button {
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 600;
-  &:hover,
-  &:active {
-    font-weight: 600;
-  }
-  @include breakpoints.down('ml') {
-    font-size: 14px;
-    line-height: 20px;
-  }
-}
-
-.wait-list-added-text {
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 600;
-  color: colors.$basic-gray24;
-  @include breakpoints.down('ml') {
-    font-size: 14px;
-    line-height: 20px;
-  }
-}
-
-// блок корзины
-.control-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 16px;
-  &.loading {
-    .control {
-      background: colors.$basic-gray4;
-      border-radius: 4px;
-    }
-    .unit-text::before {
-      content: '';
-      display: block;
-      background: colors.$basic-gray4;
-      border-radius: 4px;
-      width: 48px;
-      height: 16px;
-    }
-  }
-}
-
-.control {
-  width: 122px;
-  height: 40px;
-  margin-right: 16px;
-}
-
-.unit-text {
-  padding-top: 12px; // чтобы при переносе на следующую строку правильно отступил от кнопки
-  font-size: 12px;
-  line-height: 16px;
-  color: colors.$basic-gray38;
-}
-
-.bottom-text {
-  margin-top: 12px;
-  font-size: 12px;
-  line-height: 16px;
-  color: colors.$basic-gray38;
-}

package/desktop/components/product-card/index.d.ts

@@ -1,2 +0,0 @@
-export type { ProductCardProps } from './types';
-export { ProductCard, HoverCard, reduceBaseInfo, reduceHoverInfo } from './product-card';

package/desktop/components/product-card/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reduceHoverInfo = exports.reduceBaseInfo = exports.HoverCard = exports.ProductCard = void 0;
-var product_card_1 = require("./product-card");
-Object.defineProperty(exports, "ProductCard", { enumerable: true, get: function () { return product_card_1.ProductCard; } });
-Object.defineProperty(exports, "HoverCard", { enumerable: true, get: function () { return product_card_1.HoverCard; } });
-Object.defineProperty(exports, "reduceBaseInfo", { enumerable: true, get: function () { return product_card_1.reduceBaseInfo; } });
-Object.defineProperty(exports, "reduceHoverInfo", { enumerable: true, get: function () { return product_card_1.reduceHoverInfo; } });
-//# sourceMappingURL=index.js.map

package/desktop/components/product-card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-card/index.ts"],"names":[],"mappings":";;;AACA,+CAAyF;AAAhF,2GAAA,WAAW,OAAA;AAAE,yGAAA,SAAS,OAAA;AAAE,8GAAA,cAAc,OAAA;AAAE,+GAAA,eAAe,OAAA"}

package/desktop/components/product-card/product-card.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { ProductCardChildren, ProductCardProps, ReduceBaseInfoOptions } from './types';
-import { PlateProps } from '@sima-land/ui-nucleons/plate';
-/**
- * Карточка данных товара с расширенной инф-ой при наведении.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function ProductCard({ reduceBaseInfo: reduceBaseInfoProp, reduceHoverInfo: reduceHoverInfoProp, children, className, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
-export declare const HoverCard: import("react").ForwardRefExoticComponent<PlateProps & import("react").RefAttributes<HTMLDivElement | null>>;
-/**
- * Фильтрует содержимое карточки для вывода состояния без наведения.
- * @param element Элемент.
- * @param options Опции.
- * @return Элемент.
- */
-export declare function reduceBaseInfo(element: ProductCardChildren, { hideImageButtons, hideFooter }?: ReduceBaseInfoOptions): import("react").FunctionComponentElement<import("../../../common/components/product-info").ProductInfoProps>;
-/**
- * Получив содержимое карточки фильтрует/меняет его для вывода в карточке при наведении.
- * @param element Содержимое.
- * @return Элемент.
- */
-export declare function reduceHoverInfo(element: ProductCardChildren): import("react").FunctionComponentElement<import("../../../common/components/product-info").ProductInfoProps>;

package/desktop/components/product-card/product-card.js

@@ -1,94 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reduceHoverInfo = exports.reduceBaseInfo = exports.HoverCard = exports.ProductCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const product_info_1 = require("../../../common/components/product-info");
-const plate_1 = require("@sima-land/ui-nucleons/plate");
-const helpers_1 = require("@sima-land/ui-nucleons/helpers");
-const bind_1 = __importDefault(require("classnames/bind"));
-const product_card_m_scss_1 = __importDefault(require("./product-card.m.scss"));
-const cx = bind_1.default.bind(product_card_m_scss_1.default);
-/**
- * Карточка данных товара с расширенной инф-ой при наведении.
- * @param props Свойства.
- * @return Элемент.
- */
-function ProductCard({ 
-// @todo не совсем правильно заставлять работать с внутренностями реакта - надо придумать что-то более простое
-reduceBaseInfo: reduceBaseInfoProp = reduceBaseInfo, reduceHoverInfo: reduceHoverInfoProp = reduceHoverInfo, children, className, ...props }) {
-    const [hovered, toggle] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, "data-testid": 'product-card', className: cx('root', className), onMouseEnter: () => toggle(true), 
-        // ВАЖНО: вешаем onMouseLeave на корневой элемент так как в Chrome проблемы если вешать на "product-card:info"
-        onMouseLeave: () => toggle(false), children: [(0, jsx_runtime_1.jsx)("div", { "data-testid": 'product-card:info', children: reduceBaseInfoProp(children) }), hovered && (0, jsx_runtime_1.jsx)(exports.HoverCard, { children: reduceHoverInfoProp(children) })] }));
-}
-exports.ProductCard = ProductCard;
-exports.HoverCard = (0, react_1.forwardRef)((props, ref) => {
-    const layer = (0, helpers_1.useLayer)() + 1;
-    return ((0, jsx_runtime_1.jsx)(plate_1.Plate, { ...props, style: { ...props.style, zIndex: layer }, ref: ref, rounds: 'm', shadow: 'z4', className: cx('card', props.className), "data-testid": 'product-card:hover-card' }));
-});
-/**
- * Фильтрует содержимое карточки для вывода состояния без наведения.
- * @param element Элемент.
- * @param options Опции.
- * @return Элемент.
- */
-function reduceBaseInfo(element, { hideImageButtons = true, hideFooter = true } = {}) {
-    return (0, react_1.cloneElement)(element, {
-        children: react_1.Children.map(element.props.children, child => {
-            let result;
-            if ((0, react_1.isValidElement)(child)) {
-                switch (true) {
-                    // игнорируем или фильтруем кнопки-иконки на изображении
-                    case Boolean(child.type === product_info_1.Parts.Image && hideImageButtons):
-                        result = (0, react_1.cloneElement)(child, {
-                            children: typeof hideImageButtons === 'function'
-                                ? react_1.Children.toArray(child.props.children).filter(hideImageButtons)
-                                : undefined,
-                        });
-                        break;
-                    // игнорируем футер
-                    case Boolean(child.type === product_info_1.Parts.Footer && hideFooter):
-                        result = null;
-                        break;
-                    // остальное оставляем без изменений
-                    default:
-                        result = child;
-                        break;
-                }
-            }
-            return result;
-        }),
-    });
-}
-exports.reduceBaseInfo = reduceBaseInfo;
-/**
- * Получив содержимое карточки фильтрует/меняет его для вывода в карточке при наведении.
- * @param element Содержимое.
- * @return Элемент.
- */
-function reduceHoverInfo(element) {
-    return (0, react_1.cloneElement)(element, {
-        children: react_1.Children.map(element.props.children, child => {
-            let result;
-            if ((0, react_1.isValidElement)(child)) {
-                switch (child.type) {
-                    // при наведении у изображения строго непрозрачность = 1
-                    case product_info_1.Parts.Image:
-                        result = (0, react_1.cloneElement)(child, { opacity: 1 });
-                        break;
-                    // остальное оставляем без изменений
-                    default:
-                        result = child;
-                        break;
-                }
-            }
-            return result;
-        }),
-    });
-}
-exports.reduceHoverInfo = reduceHoverInfo;
-//# sourceMappingURL=product-card.js.map

package/desktop/components/product-card/product-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-card.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-card/product-card.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAqF;AAErF,0EAAgE;AAChE,wDAAiE;AACjE,4DAA0D;AAC1D,2DAAyC;AACzC,gFAA2C;AAE3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,WAAW,CAAC;AAC1B,8GAA8G;AAC9G,cAAc,EAAE,kBAAkB,GAAG,cAAc,EACnD,eAAe,EAAE,mBAAmB,GAAG,eAAe,EACtD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEnD,OAAO,CACL,oCACM,KAAK,iBACG,cAAc,EAC1B,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAChC,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;QAChC,8GAA8G;QAC9G,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAEjC,+CAAiB,mBAAmB,YAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAO,EAExE,OAAO,IAAI,uBAAC,iBAAS,cAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAa,IAC9D,CACP,CAAC;AACJ,CAAC;AAxBD,kCAwBC;AAEY,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,IAAA,kBAAQ,GAAE,GAAG,CAAC,CAAC;IAE7B,OAAO,CACL,uBAAC,aAAK,OACA,KAAK,EACT,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EACxC,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,iBAC1B,yBAAyB,GACrC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,OAA4B,EAC5B,EAAE,gBAAgB,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,KAA4B,EAAE;IAE1E,OAAO,IAAA,oBAAY,EAAC,OAAO,EAAE;QAC3B,QAAQ,EAAE,gBAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YACrD,IAAI,MAAM,CAAC;YAEX,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;gBAC1B,QAAQ,IAAI,EAAE,CAAC;oBACb,wDAAwD;oBACxD,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,oBAAK,CAAC,KAAK,IAAI,gBAAgB,CAAC;wBAC1D,MAAM,GAAG,IAAA,oBAAY,EAAM,KAAK,EAAE;4BAChC,QAAQ,EACN,OAAO,gBAAgB,KAAK,UAAU;gCACpC,CAAC,CAAC,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;gCACjE,CAAC,CAAC,SAAS;yBAChB,CAAC,CAAC;wBACH,MAAM;oBAER,mBAAmB;oBACnB,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,oBAAK,CAAC,MAAM,IAAI,UAAU,CAAC;wBACrD,MAAM,GAAG,IAAI,CAAC;wBACd,MAAM;oBAER,oCAAoC;oBACpC;wBACE,MAAM,GAAG,KAAK,CAAC;wBACf,MAAM;gBACV,CAAC;YACH,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;KACH,CAAC,CAAC;AACL,CAAC;AAnCD,wCAmCC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAC,OAA4B;IAC1D,OAAO,IAAA,oBAAY,EAAC,OAAO,EAAE;QAC3B,QAAQ,EAAE,gBAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YACrD,IAAI,MAAM,CAAC;YAEX,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;gBAC1B,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;oBACnB,wDAAwD;oBACxD,KAAK,oBAAK,CAAC,KAAK;wBACd,MAAM,GAAG,IAAA,oBAAY,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;wBAClD,MAAM;oBAER,oCAAoC;oBACpC;wBACE,MAAM,GAAG,KAAK,CAAC;wBACf,MAAM;gBACV,CAAC;YACH,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;KACH,CAAC,CAAC;AACL,CAAC;AAtBD,0CAsBC"}

package/desktop/components/product-card/product-card.m.scss

@@ -1,12 +0,0 @@
-.root {
-  position: relative;
-  max-width: 400px;
-}
-
-.card {
-  position: absolute;
-  top: -16px;
-  left: -16px;
-  padding: 16px 16px 24px;
-  width: calc(100% + 32px);
-}

package/desktop/components/product-card/types.d.ts

@@ -1,19 +0,0 @@
-import type { HTMLAttributes, ReactElement, ReactNode } from 'react';
-import type { ProductInfo, ProductInfoProps } from '../../../common/components/product-info';
-/** Допустимое содержимое компонента ProductCard. */
-export type ProductCardChildren = ReactElement<ProductInfoProps, typeof ProductInfo>;
-export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
-    /** Содержимое. */
-    children: ProductCardChildren;
-    /** Получив содержимое должен вернуть то что будет выведено без наведения. */
-    reduceBaseInfo?: (children: ProductCardChildren) => ReactNode;
-    /** Получив содержимое должен вернуть то что будет выведено во всплывающей карточке. */
-    reduceHoverInfo?: (children: ProductCardChildren) => ReactNode;
-}
-/** Опции фильтрации содержимого карточки без наведения. */
-export interface ReduceBaseInfoOptions {
-    /** Надо ли скрыть кнопки на картинке. При передаче функции она будет применена для каждого дочернего элемента внутри картинки как фильтр. */
-    hideImageButtons?: boolean | ((element: ReactNode) => boolean);
-    /** Надо ли скрыть футер. */
-    hideFooter?: boolean;
-}

package/desktop/components/product-card/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-card/types.ts"],"names":[],"mappings":""}

package/desktop/components/product-carousel/hover-card.d.ts

@@ -1,7 +0,0 @@
-import { HoverCardProps } from './types';
-/**
- * Карточка товара, появляющаяся над элементом карусели.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-export declare function HoverCard({ targetRef, onMouseLeave, children }: HoverCardProps): import("react/jsx-runtime").JSX.Element;

package/desktop/components/product-carousel/hover-card.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HoverCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styling_1 = require("@sima-land/ui-nucleons/styling");
-const product_card_1 = require("../product-card");
-const bind_1 = __importDefault(require("classnames/bind"));
-const hover_card_m_scss_1 = __importDefault(require("./hover-card.m.scss"));
-const helpers_1 = require("@sima-land/ui-nucleons/helpers");
-const cx = bind_1.default.bind(hover_card_m_scss_1.default);
-/**
- * Карточка товара, появляющаяся над элементом карусели.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-function HoverCard({ targetRef, onMouseLeave, children }) {
-    const rootRef = (0, react_1.useRef)(null);
-    const [ready, setReady] = (0, react_1.useState)(false);
-    (0, react_1.useLayoutEffect)(() => {
-        if (targetRef.current && rootRef.current) {
-            const element = rootRef.current;
-            const rect = targetRef.current.getBoundingClientRect();
-            const correction = (0, helpers_1.getPositionedParentOffset)(rootRef.current);
-            element.style.left = `${correction.x + rect.left - 16}px`;
-            element.style.top = `${correction.y + rect.top - 16}px`;
-            element.style.width = `${rect.width + 32}px`;
-            setReady(true);
-        }
-    });
-    return ((0, jsx_runtime_1.jsx)(product_card_1.HoverCard, { ref: rootRef, style: { padding: '16px 16px 24px 16px' }, className: cx('root', !ready && 'hidden', styling_1.SmallRounds.all, styling_1.BoxShadow.z4), onMouseLeave: () => {
-            setReady(false);
-            onMouseLeave && onMouseLeave();
-        }, children: children }));
-}
-exports.HoverCard = HoverCard;
-//# sourceMappingURL=hover-card.js.map

package/desktop/components/product-carousel/hover-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/hover-card.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0D;AAE1D,4DAAwE;AACxE,kDAA6D;AAC7D,2DAAyC;AACzC,4EAAyC;AACzC,4DAA2E;AAE3E,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAkB;IAC7E,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEnD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,SAAS,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACzC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;YAChC,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACvD,MAAM,UAAU,GAAG,IAAA,mCAAyB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAE9D,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,CAAC;YAC1D,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC;YACxD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,CAAC;YAE7C,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,wBAAa,IACZ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,EACzC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,QAAQ,EAAE,qBAAW,CAAC,GAAG,EAAE,mBAAS,CAAC,EAAE,CAAC,EACxE,YAAY,EAAE,GAAG,EAAE;YACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,YAAY,IAAI,YAAY,EAAE,CAAC;QACjC,CAAC,YAEA,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC;AA/BD,8BA+BC"}

package/desktop/components/product-carousel/hover-card.m.scss

@@ -1,14 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-
-.root {
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  opacity: 1;
-  visibility: visible;
-  &.hidden {
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-  }
-}

package/desktop/components/product-carousel/utils.d.ts

@@ -1,16 +0,0 @@
-import { RefObject, DependencyList } from 'react';
-/**
- * Возвращает объект работы с флагом, который автоматически возвращается в true через заданный промежуток времени.
- * @return Объект работы с флагом.
- */
-export declare function useAllowFlag(): {
-    allowed: () => boolean;
-    disallowFor: (timeout: number) => void;
-};
-/**
- * Возвращает ширину дочернего элемента.
- * @param ref Ref дочернего элемента.
- * @param deps Массив зависимостей от которых зависит пересчет.
- * @return Ширина.
- */
-export declare function useClientWidth(ref: RefObject<HTMLElement | null>, deps?: DependencyList): number | null;

package/desktop/components/product-carousel/utils.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClientWidth = exports.useAllowFlag = void 0;
-const react_1 = require("react");
-/**
- * Возвращает объект работы с флагом, который автоматически возвращается в true через заданный промежуток времени.
- * @return Объект работы с флагом.
- */
-function useAllowFlag() {
-    const ref = (0, react_1.useRef)(true);
-    const timerIdRef = (0, react_1.useRef)();
-    const allowed = (0, react_1.useCallback)(() => ref.current, []);
-    const disallowFor = (0, react_1.useCallback)((timeout) => {
-        window.clearTimeout(timerIdRef.current);
-        ref.current = false;
-        timerIdRef.current = window.setTimeout(() => (ref.current = true), timeout);
-    }, []);
-    const controlRef = (0, react_1.useRef)({ allowed, disallowFor });
-    return controlRef.current;
-}
-exports.useAllowFlag = useAllowFlag;
-/**
- * Возвращает ширину дочернего элемента.
- * @param ref Ref дочернего элемента.
- * @param deps Массив зависимостей от которых зависит пересчет.
- * @return Ширина.
- */
-function useClientWidth(ref, deps = []) {
-    const [width, setWidth] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        if (!ref.current) {
-            return;
-        }
-        const element = ref.current;
-        const observer = new ResizeObserver(() => {
-            setWidth(element.clientWidth);
-        });
-        observer.observe(element);
-        setWidth(element.clientWidth);
-        return () => observer.disconnect();
-    }, [ref, ...deps]);
-    return width;
-}
-exports.useClientWidth = useClientWidth;
-//# sourceMappingURL=utils.js.map

package/desktop/components/product-carousel/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/utils.ts"],"names":[],"mappings":";;;AAAA,iCAA4F;AAE5F;;;GAGG;AACH,SAAgB,YAAY;IAC1B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,cAAM,GAAU,CAAC;IAEpC,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,EAAE,EAAE;QAClD,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;QACpB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC;AAfD,oCAeC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,GAAkC,EAAE,OAAuB,EAAE;IAC1F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE1B,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAE9B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,KAAK,CAAC;AACf,CAAC;AAtBD,wCAsBC"}