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

package/common/components/product-info/product-info.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Parts = exports.ProductInfo = exports.UNAVAILABLE_REASON = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const helpers_1 = require("@sima-land/ui-nucleons/helpers");
+const utils_1 = require("./utils");
+const parts_1 = require("./parts");
+Object.defineProperty(exports, "Parts", { enumerable: true, get: function () { return parts_1.Parts; } });
+exports.UNAVAILABLE_REASON = {
+    notEnough: 'Нет в наличии',
+    unavailableInRegion: 'Товар недоступен в вашем регионе',
+    onlyForLegalEntities: 'Товар доступен только для юридических лиц',
+};
+/**
+ * Блок информации о товаре по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const ProductInfo = ({ restriction, children }) => {
+    const { image, badges, prices, title, trademark, footer, secondaryInfo, ratingCounter } = (0, helpers_1.defineSlots)(children, {
+        image: parts_1.Parts.Image,
+        badges: parts_1.Parts.Badges,
+        prices: parts_1.Parts.Prices,
+        title: parts_1.Parts.Title,
+        trademark: parts_1.Parts.TrademarkLink,
+        footer: parts_1.Parts.Footer,
+        secondaryInfo: parts_1.Parts.SecondaryInfo,
+        ratingCounter: parts_1.Parts.RatingCounter,
+    });
+    return ((0, jsx_runtime_1.jsxs)(utils_1.ProductInfoContext.Provider, { value: { restriction }, children: [image, restriction !== 'adult' && badges, prices, title, restriction !== 'adult' && secondaryInfo, !restriction && trademark, restriction !== 'adult' && ratingCounter, footer] }));
+};
+exports.ProductInfo = ProductInfo;
+//# sourceMappingURL=product-info.js.map

package/common/components/product-info/product-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-info.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/product-info.tsx"],"names":[],"mappings":";;;;AAAA,4DAA6D;AAE7D,mCAA6C;AAC7C,mCAAgC;AA0CvB,sFA1CA,aAAK,OA0CA;AAtCD,QAAA,kBAAkB,GAAG;IAChC,SAAS,EAAE,eAAe;IAC1B,mBAAmB,EAAE,kCAAkC;IACvD,oBAAoB,EAAE,2CAA2C;CACzD,CAAC;AAEX;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAoB,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GACrF,IAAA,qBAAW,EAAC,QAAQ,EAAE;QACpB,KAAK,EAAE,aAAK,CAAC,KAAK;QAClB,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,KAAK,EAAE,aAAK,CAAC,KAAK;QAClB,SAAS,EAAE,aAAK,CAAC,aAAa;QAC9B,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,aAAa,EAAE,aAAK,CAAC,aAAa;QAClC,aAAa,EAAE,aAAK,CAAC,aAAa;KACnC,CAAC,CAAC;IAEL,OAAO,CACL,wBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,aAChD,KAAK,EACL,WAAW,KAAK,OAAO,IAAI,MAAM,EACjC,MAAM,EACN,KAAK,EACL,WAAW,KAAK,OAAO,IAAI,aAAa,EACxC,CAAC,WAAW,IAAI,SAAS,EACzB,WAAW,KAAK,OAAO,IAAI,aAAa,EACxC,MAAM,IACqB,CAC/B,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}

package/common/components/product-info/{product-info.module.scss → product-info.m.scss}

@@ -31,6 +31,9 @@
   object-fit: contain;
   width: 100%;
   height: 100%;
+  &.broken {
+    display: none;
+  }
   &.adult {
     position: absolute;
     top: 0;
@@ -51,6 +54,12 @@
   fill: colors.$basic-gray38;
 }
 
+.broken-icon {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
 .image-buttons {
   position: absolute;
   top: 0;

package/common/components/product-info/types.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import type { ReactNode } from 'react';
 export interface ProductInfoProps {
     /** Ограничение товара. Влияет на отображение информации. */
     restriction?: 'adult' | 'unavailable';
     /** Содержимое. */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }

package/common/components/product-info/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/common/components/product-info/types.js.map

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

package/common/components/product-info/utils.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductInfoContext = void 0;
 const react_1 = require("react");
 exports.ProductInfoContext = (0, react_1.createContext)({});
+//# sourceMappingURL=utils.js.map

package/common/components/product-info/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAGzB,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAAwC,EAAE,CAAC,CAAC"}

package/common/components/rating-counter/index.d.ts

@@ -1,25 +1 @@
-import { HTMLAttributes } from 'react';
-export type RatingCounterSize = 's' | 'm' | 'unset';
-interface CustomProps {
-    /**
-     * Размер.
-     * При указании "unset" необходимо определить стили самостоятельно с помощью миксина из rating-counter-util.scss.
-     */
-    size?: RatingCounterSize;
-    /** Значение рейтинга. */
-    value: number;
-    /** Количество отзывов. */
-    reviewCount: number;
-    /** Нужно ли отключить эффект при наведении. */
-    hoverDisabled?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export type RatingCounterProps = CustomProps & Omit<HTMLAttributes<HTMLDivElement>, keyof CustomProps>;
-/**
- * Счетчик рейтинга.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function RatingCounter({ size, value, reviewCount, className, hoverDisabled, 'data-testid': testId, ...restProps }: RatingCounterProps): JSX.Element;
-export {};
+export { type RatingCounterSize, type RatingCounterStyle, type RatingCounterProps, RatingCounter, } from './rating-counter';

package/common/components/rating-counter/index.js

@@ -1,38 +1,6 @@
 "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.RatingCounter = void 0;
-const react_1 = __importDefault(require("react"));
-const star_svg_1 = __importDefault(require("./star.svg"));
-const get_declination_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/get-declination"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const rating_counter_module_scss_1 = __importDefault(require("./rating-counter.module.scss"));
-const cx = bind_1.default.bind(rating_counter_module_scss_1.default);
-/**
- * Счетчик рейтинга.
- * @param props Свойства.
- * @return Элемент.
- */
-function RatingCounter(_a) {
-    var { size = 's', value, reviewCount, className, hoverDisabled, 'data-testid': testId = 'rating-counter' } = _a, restProps = __rest(_a, ["size", "value", "reviewCount", "className", "hoverDisabled", 'data-testid']);
-    return (react_1.default.createElement("div", Object.assign({ className: cx('root', `size-${size}`, !(value > 0) && 'empty', hoverDisabled && 'hover-disabled', className), "data-testid": testId }, restProps),
-        react_1.default.createElement(star_svg_1.default, { className: cx('star') }),
-        value > 0 && react_1.default.createElement("span", { className: cx('value') }, String(value).replace('.', ',')),
-        react_1.default.createElement("span", { className: cx('count') }, reviewCount > 0
-            ? `${reviewCount} ${(0, get_declination_1.default)(reviewCount, ['отзыв', 'отзыва', 'отзывов'])}`
-            : 'Нет отзывов')));
-}
-exports.RatingCounter = RatingCounter;
+var rating_counter_1 = require("./rating-counter");
+Object.defineProperty(exports, "RatingCounter", { enumerable: true, get: function () { return rating_counter_1.RatingCounter; } });
+//# sourceMappingURL=index.js.map

package/common/components/rating-counter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/components/rating-counter/index.ts"],"names":[],"mappings":";;;AAAA,mDAK0B;AADxB,+GAAA,aAAa,OAAA"}

package/common/components/rating-counter/rating-counter-util.scss

@@ -11,7 +11,7 @@
   --rating-icon-size: 24px;
   --rating-value-size: 16px;
   --rating-value-height: 24px;
-  --rating-count-gutter: 8px;
+  --rating-count-gutter: 12px;
   --rating-count-size: 14px;
   --rating-count-height: 20px;
 }

package/common/components/rating-counter/rating-counter.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+export type RatingCounterSize = 's' | 'm' | 'unset';
+export interface RatingCounterStyle extends CSSProperties {
+    '--rating-icon-size'?: string;
+    '--rating-value-size'?: string;
+    '--rating-value-height'?: string;
+    '--rating-count-gutter'?: string;
+    '--rating-count-size'?: string;
+    '--rating-count-height'?: string;
+}
+interface CustomProps {
+    /**
+     * Размер.
+     * При указании "unset" необходимо определить стили самостоятельно с помощью миксина из rating-counter-util.scss.
+     */
+    size?: RatingCounterSize;
+    /** Значение рейтинга. */
+    value: number;
+    /** Количество отзывов. */
+    reviewCount: number;
+    /** Нужно ли отключить эффект при наведении. */
+    hoverDisabled?: boolean;
+    /** Стили корневого элемента. */
+    style?: RatingCounterStyle;
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string;
+}
+export type RatingCounterProps = CustomProps & Omit<HTMLAttributes<HTMLDivElement>, keyof CustomProps>;
+/**
+ * Счетчик рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function RatingCounter({ size, value, reviewCount, className, hoverDisabled, 'data-testid': testId, ...restProps }: RatingCounterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/common/components/rating-counter/rating-counter.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RatingCounter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Star_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Filled/Star"));
+const helpers_1 = require("@sima-land/ui-nucleons/helpers");
+const bind_1 = __importDefault(require("classnames/bind"));
+const rating_counter_m_scss_1 = __importDefault(require("./rating-counter.m.scss"));
+const cx = bind_1.default.bind(rating_counter_m_scss_1.default);
+/**
+ * Счетчик рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function RatingCounter({ size = 's', value, reviewCount, className, hoverDisabled, 'data-testid': testId = 'rating-counter', ...restProps }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `size-${size}`, !(value > 0) && 'empty', hoverDisabled && 'hover-disabled', className), "data-testid": testId, ...restProps, children: [(0, jsx_runtime_1.jsx)(Star_1.default, { className: cx('star') }), value > 0 && (0, jsx_runtime_1.jsx)("span", { className: cx('value'), children: String(value).replace('.', ',') }), (0, jsx_runtime_1.jsx)("span", { className: cx('count'), children: reviewCount > 0
+                    ? `${reviewCount} ${(0, helpers_1.getDeclination)(reviewCount, ['отзыв', 'отзыва', 'отзывов'])}`
+                    : 'Нет отзывов' })] }));
+}
+exports.RatingCounter = RatingCounter;
+//# sourceMappingURL=rating-counter.js.map

package/common/components/rating-counter/rating-counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-counter.js","sourceRoot":"","sources":["../../../../src/common/components/rating-counter/rating-counter.tsx"],"names":[],"mappings":";;;;;;;AACA,wFAAmE;AACnE,4DAAgE;AAChE,2DAAyC;AACzC,oFAA6C;AAuC7C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,+BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAC5B,IAAI,GAAG,GAAG,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAAa,EAAE,MAAM,GAAG,gBAAgB,EACxC,GAAG,SAAS,EACO;IACnB,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,OAAO,EACvB,aAAa,IAAI,gBAAgB,EACjC,SAAS,CACV,iBACY,MAAM,KACf,SAAS,aAEb,uBAAC,cAAO,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EAEjC,KAAK,GAAG,CAAC,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAAQ,EAEpF,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YACzB,WAAW,GAAG,CAAC;oBACd,CAAC,CAAC,GAAG,WAAW,IAAI,IAAA,wBAAc,EAAC,WAAW,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE;oBACjF,CAAC,CAAC,aAAa,GACZ,IACH,CACP,CAAC;AACJ,CAAC;AAhCD,sCAgCC"}

package/common/hooks/index.d.ts

@@ -0,0 +1,19 @@
+import { ReactEventHandler } from 'react';
+/**
+ * Возвращает true если компонент смонтирован.
+ * @return True если компонент смонтирован.
+ */
+export declare function useMounted(): boolean;
+/**
+ * Хук состояния ошибки загрузки изображения.
+ * @param src Ссылка на картинку.
+ * @param onError Обработчик ошибки.
+ * @return Управление состоянием.
+ * @todo Переименовать в useImageError?
+ * @todo Объединить с тем что есть в AllRoundView!
+ */
+export declare function useImageStub(src?: string, onError?: ReactEventHandler<HTMLImageElement>): {
+    failed: boolean;
+    setFailed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    handleError: ReactEventHandler<HTMLImageElement>;
+};

package/common/hooks/index.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useImageStub = exports.useMounted = void 0;
+const hooks_1 = require("@sima-land/ui-nucleons/hooks");
+const react_1 = require("react");
+/**
+ * Возвращает true если компонент смонтирован.
+ * @return True если компонент смонтирован.
+ */
+function useMounted() {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    return mounted;
+}
+exports.useMounted = useMounted;
+/**
+ * Хук состояния ошибки загрузки изображения.
+ * @param src Ссылка на картинку.
+ * @param onError Обработчик ошибки.
+ * @return Управление состоянием.
+ * @todo Переименовать в useImageError?
+ * @todo Объединить с тем что есть в AllRoundView!
+ */
+function useImageStub(src, onError) {
+    const [failed, setFailed] = (0, react_1.useState)(false);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        setFailed(false);
+    }, [src]);
+    const handleError = (0, react_1.useCallback)(event => {
+        setFailed(true);
+        onError === null || onError === void 0 ? void 0 : onError(event);
+    }, [onError]);
+    return { failed, setFailed, handleError };
+}
+exports.useImageStub = useImageStub;
+//# sourceMappingURL=index.js.map

package/common/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/hooks/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyE;AACzE,iCAAiE;AAEjE;;;GAGG;AACH,SAAgB,UAAU;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC;AATD,gCASC;AAED;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,GAAY,EAAE,OAA6C;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAC5C,CAAC;AAhBD,oCAgBC"}

package/desktop/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,31 @@
+/** @deprecated */
+export interface Sibling {
+    name: string;
+    url?: string;
+    [key: string]: any;
+}
+/** @deprecated */
+export interface Breadcrumb extends Sibling {
+    siblings?: {
+        state: 'initial' | 'fetching' | 'ready';
+        data?: Sibling[];
+    };
+}
+/** @deprecated */
+export interface BreadcrumbsProps {
+    /** Список хлебных крошек. */
+    items: Breadcrumb[];
+    /** Получив хлебную крошку должна вернуть true если крошка выбрана. */
+    isSiblingActive?: (sibling: Sibling) => boolean;
+    /** Сработает при открытии попапа со смежными ссылками. */
+    onSiblingsPopupOpen?: (item: Breadcrumb) => void;
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string;
+}
+/**
+ * Список "хлебных крошек".
+ * @param props Свойства.
+ * @return Элемент.
+ * @deprecated
+ */
+export declare const Breadcrumbs: ({ items, onSiblingsPopupOpen, isSiblingActive, "data-testid": testId, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/desktop/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const CSSTransition_1 = __importDefault(require("react-transition-group/CSSTransition"));
+const plate_1 = require("@sima-land/ui-nucleons/plate");
+const link_1 = require("@sima-land/ui-nucleons/link");
+const helpers_1 = require("@sima-land/ui-nucleons/helpers");
+const bind_1 = __importDefault(require("classnames/bind"));
+const breadcrumbs_m_scss_1 = __importDefault(require("./breadcrumbs.m.scss"));
+const cx = bind_1.default.bind(breadcrumbs_m_scss_1.default);
+/** @inheritdoc */
+function DownSVG(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', ...props, children: (0, jsx_runtime_1.jsx)("path", { d: 'M4 6L8 10L12 6', strokeLinecap: 'round', strokeLinejoin: 'round' }) }));
+}
+/**
+ * Список "хлебных крошек".
+ * @param props Свойства.
+ * @return Элемент.
+ * @deprecated
+ */
+const Breadcrumbs = ({ items, onSiblingsPopupOpen, isSiblingActive, 'data-testid': testId = 'breadcrumbs', }) => ((0, jsx_runtime_1.jsx)("nav", { className: cx('root'), "data-testid": testId, children: items.map((breadcrumb, index) => ((0, jsx_runtime_1.jsx)(Breadcrumb, { data: breadcrumb, onSiblingsPopupOpen: () => onSiblingsPopupOpen === null || onSiblingsPopupOpen === void 0 ? void 0 : onSiblingsPopupOpen(breadcrumb), isSiblingActive: sibling => Boolean(isSiblingActive === null || isSiblingActive === void 0 ? void 0 : isSiblingActive(sibling)) }, index))) }));
+exports.Breadcrumbs = Breadcrumbs;
+/**
+ * Элемент списка "хлебных крошек".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Breadcrumb = ({ data, onSiblingsPopupOpen, isSiblingActive, }) => {
+    var _a;
+    const popupRef = (0, react_1.useRef)(null);
+    const [withPopup, togglePopup] = (0, react_1.useState)(false);
+    // с useOutsideClick не работает после обновления React до 17 версии, пока так
+    (0, react_1.useEffect)(() => {
+        if (withPopup) {
+            return (0, helpers_1.on)(window, 'mousedown', togglePopup.bind(null, false));
+        }
+    }, [withPopup]);
+    const selfName = ((0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: data.url, pseudo: !data.url, className: cx('breadcrumb-name', data.siblings && 'with-siblings'), children: data.name }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": 'breadcrumb', className: cx('breadcrumb'), children: [selfName, data.siblings && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": 'breadcrumb:siblings-opener', className: cx('toggle-icon'), onClick: () => {
+                            togglePopup(true);
+                            onSiblingsPopupOpen();
+                        }, children: (0, jsx_runtime_1.jsx)(DownSVG, {}) }), (0, jsx_runtime_1.jsx)(CSSTransition_1.default, { in: withPopup, timeout: 200, unmountOnExit: true, classNames: {
+                            enter: cx('fade-enter'),
+                            enterActive: cx('fade-enter-active'),
+                            exit: cx('fade-exit'),
+                            exitActive: cx('fade-exit-active'),
+                        }, children: (0, jsx_runtime_1.jsxs)(plate_1.Plate, { ref: popupRef, shadow: 'z3', rounds: 'm', className: cx('popup'), children: [(0, jsx_runtime_1.jsxs)("div", { className: cx('popup-header'), children: [selfName, (0, jsx_runtime_1.jsx)("span", { "data-testid": 'breadcrumb:siblings-closer', className: cx('toggle-icon', 'close'), onClick: () => togglePopup(false), children: (0, jsx_runtime_1.jsx)(DownSVG, {}) })] }), (0, jsx_runtime_1.jsxs)("ul", { className: cx('siblings'), children: [data.siblings.state === 'fetching' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Array(8)
+                                                .fill(0)
+                                                .map((zero, index) => ((0, jsx_runtime_1.jsx)("div", { className: cx('sibling-placeholder') }, index))) })), data.siblings.state === 'ready' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (_a = data.siblings.data) === null || _a === void 0 ? void 0 : _a.map((sibling, index) => ((0, jsx_runtime_1.jsx)("li", { className: cx('sibling'), "data-testid": 'breadcrumb-sibling', children: isSiblingActive(sibling) ? ((0, jsx_runtime_1.jsx)("span", { className: cx('active'), children: sibling.name })) : ((0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', className: cx('link'), href: sibling.url, children: sibling.name })) }, index))) }))] })] }) })] }))] }));
+};
+//# sourceMappingURL=breadcrumbs.js.map

package/desktop/components/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/desktop/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmE;AACnE,yFAAiE;AACjE,wDAAqD;AACrD,sDAAmD;AACnD,4DAAoD;AACpD,2DAAyC;AACzC,8EAA0C;AAgC1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC,kBAAkB;AAClB,SAAS,OAAO,CAAC,KAAmC;IAClD,OAAO,CACL,gCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,KAAK,KAAK,YACnE,iCAAM,CAAC,EAAC,gBAAgB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GACpE,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,mBAAmB,EACnB,eAAe,EACf,aAAa,EAAE,MAAM,GAAG,aAAa,GACpB,EAAE,EAAE,CAAC,CACtB,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAe,MAAM,YAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,uBAAC,UAAU,IAET,IAAI,EAAE,UAAU,EAChB,mBAAmB,EAAE,GAAG,EAAE,CAAC,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,UAAU,CAAC,EAC5D,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,OAAO,CAAC,CAAC,IAH1D,KAAK,CAIV,CACH,CAAC,GACE,CACP,CAAC;AAhBW,QAAA,WAAW,eAgBtB;AAEF;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,mBAAmB,EACnB,eAAe,GAKhB,EAAE,EAAE;;IACH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE1D,8EAA8E;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,IAAA,YAAE,EAAC,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,QAAQ,GAAG,CACf,uBAAC,WAAI,IACH,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,CAAC,IAAI,CAAC,GAAG,EACjB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,YAEjE,IAAI,CAAC,IAAI,GACL,CACR,CAAC;IAEF,OAAO,CACL,gDAAiB,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,aACtD,QAAQ,EAER,IAAI,CAAC,QAAQ,IAAI,CAChB,6DACE,gDACc,4BAA4B,EACxC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAC5B,OAAO,EAAE,GAAG,EAAE;4BACZ,WAAW,CAAC,IAAI,CAAC,CAAC;4BAClB,mBAAmB,EAAE,CAAC;wBACxB,CAAC,YAED,uBAAC,OAAO,KAAG,GACN,EAEP,uBAAC,uBAAa,IACZ,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,GAAG,EACZ,aAAa,QACb,UAAU,EAAE;4BACV,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC;4BACvB,WAAW,EAAE,EAAE,CAAC,mBAAmB,CAAC;4BACpC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC;4BACrB,UAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC;yBACnC,YAED,wBAAC,aAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aACjE,iCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,aAC/B,QAAQ,EACT,gDACc,4BAA4B,EACxC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,YAEjC,uBAAC,OAAO,KAAG,GACN,IACH,EAEN,gCAAI,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,aAC1B,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,UAAU,IAAI,CACrC,2DACG,KAAK,CAAC,CAAC,CAAC;iDACN,IAAI,CAAC,CAAC,CAAC;iDACP,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,gCAAiB,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,IAA3C,KAAK,CAA0C,CAC1D,CAAC,GACH,CACJ,EAEA,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,OAAO,IAAI,CAClC,2DACG,MAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,+BAAgB,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,iBAAc,oBAAoB,YACvE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC1B,iCAAM,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,YAAG,OAAO,CAAC,IAAI,GAAQ,CACrD,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,IACH,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EACrB,IAAI,EAAE,OAAO,CAAC,GAAG,EACjB,QAAQ,EAAE,OAAO,CAAC,IAAI,GACtB,CACH,IAVM,KAAK,CAWT,CACN,CAAC,GACD,CACJ,IACE,IACC,GACM,IACf,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/desktop/components/breadcrumbs/{breadcrumbs.module.scss → breadcrumbs.m.scss}

@@ -25,15 +25,50 @@ $line-gutter: 12px;
   &:not(:last-child)::after {
     content: '/';
     display: block;
-    margin: 0 16px;
+    margin: 0 8px;
+  }
+}
+
+.breadcrumb-name {
+  position: relative;
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: -4px;
+    bottom: -4px;
+    left: 0;
+    right: 0;
+  }
+  &.with-siblings::before {
+    right: -2px;
+  }
+  &:not(.with-siblings)::before {
+    right: -8px;
   }
 }
 
 .toggle-icon {
+  position: relative;
+  margin-left: 2px;
+  stroke: colors.$basic-gray87;
   display: block;
   cursor: pointer;
   &.close {
     transform: scaleY(-1);
+    stroke: colors.$basic-gray38;
+  }
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: -4px;
+    bottom: -4px;
+    left: 0;
+    right: -8px;
+  }
+  > svg {
+    display: block;
   }
 }
 

package/desktop/components/breadcrumbs/index.d.ts

@@ -1,28 +1 @@
-/// <reference types="react" />
-export interface Sibling {
-    name: string;
-    url?: string;
-    [key: string]: any;
-}
-export interface Breadcrumb extends Sibling {
-    siblings?: {
-        state: 'initial' | 'fetching' | 'ready';
-        data?: Sibling[];
-    };
-}
-export interface BreadcrumbsProps {
-    /** Список хлебных крошек. */
-    items: Breadcrumb[];
-    /** Получив хлебную крошку должна вернуть true если крошка выбрана. */
-    isSiblingActive?: (sibling: Sibling) => boolean;
-    /** Сработает при открытии попапа со смежными ссылками. */
-    onSiblingsPopupOpen?: (item: Breadcrumb) => void;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Список "хлебных крошек".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Breadcrumbs: ({ items, onSiblingsPopupOpen, isSiblingActive, "data-testid": testId, }: BreadcrumbsProps) => JSX.Element;
+export { type Breadcrumb, type BreadcrumbsProps, Breadcrumbs } from './breadcrumbs';

package/desktop/components/breadcrumbs/index.js

@@ -1,83 +1,6 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
-const react_1 = __importStar(require("react"));
-const CSSTransition_1 = __importDefault(require("react-transition-group/CSSTransition"));
-const plate_1 = require("@sima-land/ui-nucleons/plate");
-const link_1 = require("@sima-land/ui-nucleons/link");
-const lodash_1 = require("lodash");
-const bind_1 = __importDefault(require("classnames/bind"));
-const breadcrumbs_module_scss_1 = __importDefault(require("./breadcrumbs.module.scss"));
-const square_arrow_down_svg_1 = __importDefault(require("./square-arrow-down.svg"));
-const on_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/on"));
-const cx = bind_1.default.bind(breadcrumbs_module_scss_1.default);
-/**
- * Список "хлебных крошек".
- * @param props Свойства.
- * @return Элемент.
- */
-const Breadcrumbs = ({ items, onSiblingsPopupOpen, isSiblingActive, 'data-testid': testId = 'breadcrumbs', }) => (react_1.default.createElement("nav", { className: cx('root'), "data-testid": testId }, items.map((breadcrumb, index) => (react_1.default.createElement(Breadcrumb, { key: index, data: breadcrumb, onSiblingsPopupOpen: () => onSiblingsPopupOpen === null || onSiblingsPopupOpen === void 0 ? void 0 : onSiblingsPopupOpen(breadcrumb), isSiblingActive: sibling => Boolean(isSiblingActive === null || isSiblingActive === void 0 ? void 0 : isSiblingActive(sibling)) })))));
-exports.Breadcrumbs = Breadcrumbs;
-/**
- * Элемент списка "хлебных крошек".
- * @param props Свойства.
- * @return Элемент.
- */
-const Breadcrumb = ({ data, onSiblingsPopupOpen, isSiblingActive, }) => {
-    var _a;
-    const popupRef = (0, react_1.useRef)(null);
-    const [withPopup, togglePopup] = (0, react_1.useState)(false);
-    // с useOutsideClick не работает после обновления React до 17 версии, пока так
-    (0, react_1.useEffect)(() => {
-        if (withPopup) {
-            return (0, on_1.default)(window, 'mousedown', togglePopup.bind(null, false));
-        }
-    }, [withPopup]);
-    const selfName = (react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: data.url, pseudo: !data.url }, data.name));
-    return (react_1.default.createElement("div", { "data-testid": 'breadcrumb', className: cx('breadcrumb') },
-        selfName,
-        data.siblings && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(square_arrow_down_svg_1.default, { "data-testid": 'breadcrumb:siblings-opener', className: cx('toggle-icon'), onClick: () => {
-                    togglePopup(true);
-                    onSiblingsPopupOpen();
-                } }),
-            react_1.default.createElement(CSSTransition_1.default, { in: withPopup, timeout: 200, unmountOnExit: true, classNames: {
-                    enter: cx('fade-enter'),
-                    enterActive: cx('fade-enter-active'),
-                    exit: cx('fade-exit'),
-                    exitActive: cx('fade-exit-active'),
-                } },
-                react_1.default.createElement(plate_1.Plate, { ref: popupRef, shadow: 'z3', rounds: 'm', className: cx('popup') },
-                    react_1.default.createElement("div", { className: cx('popup-header') },
-                        selfName,
-                        react_1.default.createElement(square_arrow_down_svg_1.default, { "data-testid": 'breadcrumb:siblings-closer', className: cx('toggle-icon', 'close'), onClick: () => togglePopup(false) })),
-                    react_1.default.createElement("ul", { className: cx('siblings') },
-                        data.siblings.state === 'fetching' && (react_1.default.createElement(react_1.default.Fragment, null, (0, lodash_1.times)(8).map(index => (react_1.default.createElement("div", { key: index, className: cx('sibling-placeholder') }))))),
-                        data.siblings.state === 'ready' && (react_1.default.createElement(react_1.default.Fragment, null, (_a = data.siblings.data) === null || _a === void 0 ? void 0 : _a.map((sibling, index) => (react_1.default.createElement("li", { key: index, className: cx('sibling'), "data-testid": 'breadcrumb-sibling' }, isSiblingActive(sibling) ? (react_1.default.createElement("span", { className: cx('active') }, sibling.name)) : (react_1.default.createElement(link_1.Link, { color: 'basic-gray87', className: cx('link'), href: sibling.url, children: sibling.name }))))))))))))));
-};
+var breadcrumbs_1 = require("./breadcrumbs");
+Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return breadcrumbs_1.Breadcrumbs; } });
+//# sourceMappingURL=index.js.map

package/desktop/components/breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/desktop/components/breadcrumbs/index.ts"],"names":[],"mappings":";;;AAAA,6CAAoF;AAAnC,0GAAA,WAAW,OAAA"}

package/desktop/components/gallery-modal/__mocks__/index.js

@@ -145,3 +145,4 @@ exports.data = {
         },
     ],
 };
+//# sourceMappingURL=index.js.map

package/desktop/components/gallery-modal/__mocks__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/desktop/components/gallery-modal/__mocks__/index.ts"],"names":[],"mappings":"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"}

package/desktop/components/gallery-modal/components/all-round-view.d.ts

@@ -1,10 +1,13 @@
-/// <reference types="react" />
 export interface AllRoundViewProps {
     photos: string[];
+    controls?: boolean;
+    state?: ViewState;
+    onStateChange?: (state: ViewState) => void;
 }
+export type ViewState = 'default' | 'autoplay' | 'turn-right' | 'turn-left';
 /**
  * 3д-просмотр.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const AllRoundView: ({ photos }: AllRoundViewProps) => JSX.Element;
+export declare const AllRoundView: ({ photos, controls, state: stateProp, onStateChange, }: AllRoundViewProps) => import("react/jsx-runtime").JSX.Element;