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

package/desktop/components/gallery-modal/components/thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.js","sourceRoot":"","sources":["../../../../../src/desktop/components/gallery-modal/components/thumbnail.tsx"],"names":[],"mappings":";;;;;;;AAEA,mDAA+C;AAC/C,wFAAmE;AACnE,2DAAyC;AACzC,0EAAwC;AACxC,0HAAwF;AAExF,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAWnC;;;;GAIG;AACI,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAkB,EAAE,EAAE,CAAC,CAC5F,oCACE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,OAAO,IAAI,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,EAC3E,OAAO,EAAE,OAAO,iBACJ,yBAAyB,aAEpC,IAAI,KAAK,KAAK,IAAI,uBAAC,+BAAW,IAAC,IAAI,EAAC,cAAc,GAAG,EACrD,IAAI,KAAK,OAAO,IAAI,uBAAC,cAAO,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,cAAc,GAAG,EAC1E,GAAG,IAAI,CACN,uBAAC,4BAAY,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,YAC1C,gCAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,GACd,CAChB,IACM,CACV,CAAC;AAdW,QAAA,SAAS,aAcpB"}

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

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GalleryModal = void 0;
 const gallery_modal_1 = require("./components/gallery-modal");
 Object.defineProperty(exports, "GalleryModal", { enumerable: true, get: function () { return gallery_modal_1.GalleryModal; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/desktop/components/gallery-modal/index.ts"],"names":[],"mappings":";;;AAAA,8DAA6E;AAIpE,6FAJA,4BAAY,OAIA"}

package/desktop/components/gallery-modal/types.js

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

package/desktop/components/gallery-modal/types.js.map

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

package/desktop/components/gallery-modal/utils.d.ts

@@ -1,16 +1,18 @@
-import React from 'react';
+import { RefObject } from 'react';
+type Status = 'load' | 'done' | 'fail';
 /**
  * Хук, вернет true когда все фото будут загружен.
  * @param srcList Список адресов фото.
  * @return Загружены ли все фото.
  */
-export declare const useImagesLoad: (srcList: string[]) => boolean;
+export declare function useImagesLoad(srcList: string[]): Status;
 /**
  * Хук, вернет размер квадрата вписанного в область окна галереи фото по макетам.
  * @param areaRef Реф с элементом.
  * @param options Опции.
  * @return Размер или null.
  */
-export declare const useSquareFit: (areaRef: React.RefObject<HTMLDivElement | null>, { hasReview }: {
+export declare const useSquareFit: (areaRef: RefObject<HTMLDivElement | null>, { hasReview }: {
     hasReview: boolean;
 }) => number | null;
+export {};

package/desktop/components/gallery-modal/utils.js

@@ -1,28 +1,37 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSquareFit = exports.useImagesLoad = void 0;
 const react_1 = require("react");
-const on_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/on"));
+const helpers_1 = require("@sima-land/ui-nucleons/helpers");
+const hooks_1 = require("@sima-land/ui-nucleons/hooks");
 /**
  * Хук, вернет true когда все фото будут загружен.
  * @param srcList Список адресов фото.
  * @return Загружены ли все фото.
  */
-const useImagesLoad = (srcList) => {
+function useImagesLoad(srcList) {
+    const [failed, setFailed] = (0, react_1.useState)(false);
     const [loadedCount, setLoadedCount] = (0, react_1.useState)(0);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        setFailed(false);
+    }, srcList);
     (0, react_1.useEffect)(() => {
         srcList.forEach(src => {
             const image = new Image();
             image.onload = () => setLoadedCount(c => c + 1);
+            image.onerror = () => setFailed(true);
             image.src = src;
         });
         return () => setLoadedCount(0);
     }, srcList);
-    return loadedCount === srcList.length;
-};
+    if (loadedCount === srcList.length) {
+        return 'done';
+    }
+    if (failed) {
+        return 'fail';
+    }
+    return 'load';
+}
 exports.useImagesLoad = useImagesLoad;
 /**
  * Хук, вернет размер квадрата вписанного в область окна галереи фото по макетам.
@@ -44,8 +53,9 @@ const useSquareFit = (areaRef, { hasReview }) => {
             }
         };
         calc();
-        return (0, on_1.default)(window, 'resize', () => window.requestAnimationFrame(calc));
+        return (0, helpers_1.on)(window, 'resize', () => window.requestAnimationFrame(calc));
     }, [areaRef, hasReview]);
     return size;
 };
 exports.useSquareFit = useSquareFit;
+//# sourceMappingURL=utils.js.map

package/desktop/components/gallery-modal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/desktop/components/gallery-modal/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AACvD,4DAAoD;AACpD,wDAAyE;AAIzE;;;;GAIG;AACH,SAAgB,aAAa,CAAC,OAAiB;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IAE1D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,OAAO,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;YAE1B,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAChD,KAAK,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACtC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,OAAO,CAAC,CAAC;IAEZ,IAAI,WAAW,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;QACnC,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AA7BD,sCA6BC;AAED;;;;;GAKG;AACI,MAAM,YAAY,GAAG,CAC1B,OAAyC,EACzC,EAAE,SAAS,EAA0B,EACrC,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,yCAAyC;QACzC,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,kDAAkD;gBAE/F,wDAAwD;gBACxD,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,UAAU,CAAC;gBAC5D,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB;gBAEpG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,EAAE,CAAC;QAEP,OAAO,IAAA,YAAE,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AA1BW,QAAA,YAAY,gBA0BvB"}

package/desktop/components/person-info/index.d.ts

@@ -1,41 +1 @@
-/// <reference types="react" />
-import { ModalProps } from '@sima-land/ui-nucleons/modal';
-interface PersonInfoProps {
-    /** Имя. */
-    name: string;
-    /** Должность. */
-    appointment: string;
-    /** Ссылка на фото. */
-    photoUrl?: string;
-    /** Почта. */
-    email?: string;
-    /** Skype. */
-    skype?: string;
-    /** Социальные сети. */
-    social?: any[];
-    /** Ссылка на рабочий номер телефона. */
-    phoneHref?: string;
-    /** Рабочий номер телефона. */
-    phoneText?: string;
-    /** Ссылка на сотовый номер телефона. */
-    secondPhoneHref?: string;
-    /** Сотовый номер телефона. */
-    secondPhoneText?: string;
-    /** Свойства ссылки под именем. */
-    arbitraryLinkProps?: any;
-}
-export interface PersonModalProps extends PersonInfoProps {
-    /** Сработает при нажатии на кнопку "Закрыть". */
-    onClose: () => void;
-    /** Нужно ли блокировать прокрутку пока открыто окно. */
-    withScrollDisable?: ModalProps['withScrollDisable'];
-    /** Опции блокировки прокрутки. */
-    scrollDisableOptions?: ModalProps['scrollDisableOptions'];
-}
-/**
- * Информация о персоне.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function PersonInfo({ name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }: PersonInfoProps): JSX.Element;
-export {};
+export { type PersonModalProps, PersonInfo } from './person-info';

package/desktop/components/person-info/index.js

@@ -1,46 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PersonInfo = void 0;
-const react_1 = __importDefault(require("react"));
-const user_1 = require("@sima-land/ui-nucleons/avatar/user");
-const box_1 = require("@sima-land/ui-nucleons/box");
-const text_1 = require("@sima-land/ui-nucleons/text");
-const link_1 = require("@sima-land/ui-nucleons/link");
-const bind_1 = __importDefault(require("classnames/bind"));
-const person_info_module_scss_1 = __importDefault(require("./person-info.module.scss"));
-const cx = bind_1.default.bind(person_info_module_scss_1.default);
-/**
- * Информация о персоне.
- * @param props Свойства.
- * @return Элемент.
- */
-function PersonInfo({ name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }) {
-    return (react_1.default.createElement("div", { className: cx('main') },
-        react_1.default.createElement(box_1.Box, { marginBottom: 6 },
-            react_1.default.createElement(user_1.UserAvatar, { title: name, imageUrl: photoUrl, size: 104 })),
-        react_1.default.createElement(box_1.Box, { marginBottom: 1 },
-            react_1.default.createElement(text_1.Text, { color: 'basic-gray38', size: 14, weight: 400 }, appointment)),
-        react_1.default.createElement("div", { className: cx('name') }, name),
-        arbitraryLinkProps && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
-            react_1.default.createElement(text_1.Text, { size: 12, weight: 600 },
-                react_1.default.createElement(link_1.Link, Object.assign({}, arbitraryLinkProps))))),
-        react_1.default.createElement("div", { className: cx('contacts') },
-            email && (react_1.default.createElement("span", { className: cx('contacts-item') },
-                'Email: ',
-                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: `mailto:${email}`, children: email }))),
-            Array.isArray(social) && social.length > 0 && (react_1.default.createElement("span", { className: cx('contacts-item') },
-                "\u0421\u043E\u0446. \u0441\u0435\u0442\u0438:",
-                ' ',
-                social.map((props, key) => (react_1.default.createElement(link_1.Link, Object.assign({ className: cx('inline'), key: key, color: 'basic-gray87', target: '_blank', rel: 'nofollow' }, props)))))),
-            skype && (react_1.default.createElement("span", { className: cx('contacts-item') },
-                'Skype: ',
-                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: `skype:${skype}`, children: skype }))),
-            phoneText && (react_1.default.createElement("span", { className: cx('contacts-item') },
-                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: phoneHref, children: phoneText }))),
-            secondPhoneText && (react_1.default.createElement("span", { className: cx('contacts-item') },
-                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: secondPhoneHref, children: secondPhoneText }))))));
-}
-exports.PersonInfo = PersonInfo;
+var person_info_1 = require("./person-info");
+Object.defineProperty(exports, "PersonInfo", { enumerable: true, get: function () { return person_info_1.PersonInfo; } });
+//# sourceMappingURL=index.js.map

package/desktop/components/person-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/desktop/components/person-info/index.ts"],"names":[],"mappings":";;;AAAA,6CAAkE;AAAlC,yGAAA,UAAU,OAAA"}

package/desktop/components/person-info/person-info.d.ts

@@ -0,0 +1,42 @@
+import { ModalBodyProps } from '@sima-land/ui-nucleons/modal';
+interface PersonInfoProps {
+    /** Идентификатор. */
+    personId?: number;
+    /** Имя. */
+    name: string;
+    /** Должность. */
+    appointment: string;
+    /** Ссылка на фото. */
+    photoUrl?: string;
+    /** Почта. */
+    email?: string;
+    /** Skype. */
+    skype?: string;
+    /** Социальные сети. */
+    social?: any[];
+    /** Ссылка на рабочий номер телефона. */
+    phoneHref?: string;
+    /** Рабочий номер телефона. */
+    phoneText?: string;
+    /** Ссылка на сотовый номер телефона. */
+    secondPhoneHref?: string;
+    /** Сотовый номер телефона. */
+    secondPhoneText?: string;
+    /** Свойства ссылки под именем. */
+    arbitraryLinkProps?: any;
+}
+export interface PersonModalProps extends PersonInfoProps {
+    /** Сработает при нажатии на кнопку "Закрыть". */
+    onClose: () => void;
+    /** Нужно ли блокировать прокрутку пока открыто окно. */
+    withScrollDisable?: ModalBodyProps['withScrollDisable'];
+    /** Опции блокировки прокрутки. */
+    scrollDisableOptions?: ModalBodyProps['scrollDisableOptions'];
+}
+/**
+ * Информация о персоне.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function PersonInfo({ personId, name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }: PersonInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/desktop/components/person-info/person-info.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.PersonInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const avatar_1 = require("@sima-land/ui-nucleons/avatar");
+const box_1 = require("@sima-land/ui-nucleons/box");
+const text_1 = require("@sima-land/ui-nucleons/text");
+const link_1 = require("@sima-land/ui-nucleons/link");
+const bind_1 = __importDefault(require("classnames/bind"));
+const person_info_m_scss_1 = __importDefault(require("./person-info.m.scss"));
+const cx = bind_1.default.bind(person_info_m_scss_1.default);
+/**
+ * Информация о персоне.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function PersonInfo({ personId, name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('main'), children: [(0, jsx_runtime_1.jsx)(box_1.Box, { marginBottom: 6, children: (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { ...(0, avatar_1.getUserAvatarProps)({ id: personId, name, image: photoUrl }) }) }), (0, jsx_runtime_1.jsx)(box_1.Box, { marginBottom: 1, children: (0, jsx_runtime_1.jsx)(text_1.Text, { color: 'basic-gray38', size: 14, weight: 400, children: appointment }) }), (0, jsx_runtime_1.jsx)("div", { className: cx('name'), children: name }), arbitraryLinkProps && ((0, jsx_runtime_1.jsx)(box_1.Box, { marginTop: 2, children: (0, jsx_runtime_1.jsx)(text_1.Text, { size: 12, weight: 600, children: (0, jsx_runtime_1.jsx)(link_1.Link, { ...arbitraryLinkProps }) }) })), (0, jsx_runtime_1.jsxs)("div", { className: cx('contacts'), children: [email && ((0, jsx_runtime_1.jsxs)("span", { className: cx('contacts-item'), children: ['Email: ', (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: `mailto:${email}`, children: email })] })), Array.isArray(social) && social.length > 0 && ((0, jsx_runtime_1.jsxs)("span", { className: cx('contacts-item'), children: ["\u0421\u043E\u0446. \u0441\u0435\u0442\u0438:", ' ', social.map((props, key) => ((0, jsx_runtime_1.jsx)(link_1.Link, { className: cx('inline'), color: 'basic-gray87', target: '_blank', rel: 'nofollow', ...props }, key)))] })), skype && ((0, jsx_runtime_1.jsxs)("span", { className: cx('contacts-item'), children: ['Skype: ', (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: `skype:${skype}`, children: skype })] })), phoneText && ((0, jsx_runtime_1.jsx)("span", { className: cx('contacts-item'), children: (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: phoneHref, children: phoneText }) })), secondPhoneText && ((0, jsx_runtime_1.jsx)("span", { className: cx('contacts-item'), children: (0, jsx_runtime_1.jsx)(link_1.Link, { color: 'basic-gray87', href: secondPhoneHref, children: secondPhoneText }) }))] })] }));
+}
+exports.PersonInfo = PersonInfo;
+//# sourceMappingURL=person-info.js.map

package/desktop/components/person-info/person-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-info.js","sourceRoot":"","sources":["../../../../src/desktop/components/person-info/person-info.tsx"],"names":[],"mappings":";;;;;;;AAAA,0DAA2E;AAC3E,oDAAiD;AACjD,sDAAmD;AACnD,sDAAmD;AAEnD,2DAAyC;AACzC,8EAA0C;AAmD1C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,EACT,eAAe,EACf,eAAe,EACf,kBAAkB,GACF;IAChB,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aACxB,uBAAC,SAAG,IAAC,YAAY,EAAE,CAAC,YAClB,uBAAC,eAAM,OAAK,IAAA,2BAAkB,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAAI,GACvE,EAEN,uBAAC,SAAG,IAAC,YAAY,EAAE,CAAC,YAClB,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,YAC7C,WAAW,GACP,GACH,EAEN,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EAEvC,kBAAkB,IAAI,CACrB,uBAAC,SAAG,IAAC,SAAS,EAAE,CAAC,YACf,uBAAC,WAAI,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,YACzB,uBAAC,WAAI,OAAK,kBAAkB,GAAI,GAC3B,GACH,CACP,EAED,iCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,aAC3B,KAAK,IAAI,CACR,kCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,aACjC,SAAS,EACV,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAI,IAClE,CACR,EACA,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,kCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,8DACvB,GAAG,EACb,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1B,uBAAC,WAAI,IACH,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EAEvB,KAAK,EAAC,cAAc,EACpB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,UAAU,KACV,KAAK,IAJJ,GAAG,CAKR,CACH,CAAC,IACG,CACR,EACA,KAAK,IAAI,CACR,kCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,aACjC,SAAS,EACV,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,SAAS,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAI,IACjE,CACR,EACA,SAAS,IAAI,CACZ,iCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,YAClC,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,GAAI,GAC9D,CACR,EACA,eAAe,IAAI,CAClB,iCAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,YAClC,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,GAAI,GAC1E,CACR,IACG,IACF,CACP,CAAC;AACJ,CAAC;AA7ED,gCA6EC"}

package/desktop/components/person-info/{person-info.module.scss → person-info.m.scss}

@@ -10,7 +10,7 @@
 }
 
 .name {
-  font-weight: 500;
+  font-weight: 600;
   font-size: 20px;
   line-height: 28px;
   display: -webkit-box;

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

@@ -1,26 +1,2 @@
-import React from 'react';
-import { ProductInfo, ProductInfoProps } from '../../../common/components/product-info';
-import { PlateProps } from '@sima-land/ui-nucleons/plate';
-export type ProductCardChildren = React.ReactElement<ProductInfoProps, typeof ProductInfo>;
-export interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: ProductCardChildren;
-}
-export declare const HoverCard: React.ForwardRefExoticComponent<PlateProps & React.RefAttributes<HTMLDivElement | null>>;
-/**
- * Карточка данных товара с расширенной инф-ой при наведении.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const ProductCard: ({ children, className, ...props }: ProductCardProps) => JSX.Element;
-/**
- * Фильтрует содержимое карточки для вывода состояния без наведения.
- * @param el Элемент.
- * @return Элемент.
- */
-export declare const reduceBaseInfo: (el: ProductCardChildren) => React.FunctionComponentElement<ProductInfoProps>;
-/**
- * Получив содержимое карточки фильтрует/меняет его для вывода в карточке при наведении.
- * @param el Содержимое.
- * @return Элемент.
- */
-export declare const reduceHoverInfo: (el: ProductCardChildren) => React.FunctionComponentElement<ProductInfoProps>;
+export type { ProductCardProps } from './types';
+export { ProductCard, HoverCard, reduceBaseInfo, reduceHoverInfo } from './product-card';

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

@@ -1,105 +1,9 @@
 "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 __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.reduceHoverInfo = exports.reduceBaseInfo = exports.ProductCard = exports.HoverCard = void 0;
-const react_1 = __importStar(require("react"));
-const product_info_1 = require("../../../common/components/product-info");
-const plate_1 = require("@sima-land/ui-nucleons/plate");
-const layer_1 = require("@sima-land/ui-nucleons/helpers/layer");
-const classnames_1 = __importDefault(require("classnames"));
-const product_card_module_scss_1 = __importDefault(require("./product-card.module.scss"));
-exports.HoverCard = (0, react_1.forwardRef)((props, ref) => {
-    const layer = (0, layer_1.useLayer)() + 1;
-    return (react_1.default.createElement(plate_1.Plate, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { zIndex: layer }), ref: ref, rounds: 'm', shadow: 'z4', className: (0, classnames_1.default)(product_card_module_scss_1.default.card, props.className), "data-testid": 'product-card:hover-card' })));
-});
-/**
- * Карточка данных товара с расширенной инф-ой при наведении.
- * @param props Свойства.
- * @return Элемент.
- */
-const ProductCard = (_a) => {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    const [hovered, toggle] = (0, react_1.useState)(false);
-    return (react_1.default.createElement("div", Object.assign({}, props, { "data-testid": 'product-card', className: (0, classnames_1.default)(product_card_module_scss_1.default.root, className), onMouseEnter: () => toggle(true), 
-        // вешаем onMouseLeave на корневой элемент так как в Chrome проблемы если вешать на "product-card:info"
-        onMouseLeave: () => toggle(false) }),
-        react_1.default.createElement("div", { "data-testid": 'product-card:info' }, (0, exports.reduceBaseInfo)(children)),
-        hovered && react_1.default.createElement(exports.HoverCard, null, (0, exports.reduceHoverInfo)(children))));
-};
-exports.ProductCard = ProductCard;
-/**
- * Фильтрует содержимое карточки для вывода состояния без наведения.
- * @param el Элемент.
- * @return Элемент.
- */
-const reduceBaseInfo = (el) => (0, react_1.cloneElement)(el, {
-    children: react_1.Children.map(el.props.children, child => {
-        let result;
-        if ((0, react_1.isValidElement)(child)) {
-            switch (child.type) {
-                // игнорируем кнопки-иконки на изображении
-                case product_info_1.Parts.Image:
-                    result = (0, react_1.cloneElement)(child, { children: undefined });
-                    break;
-                // игнорируем футер
-                case product_info_1.Parts.Footer:
-                    result = null;
-                    break;
-                // остальное оставляем без изменений
-                default:
-                    result = child;
-                    break;
-            }
-        }
-        return result;
-    }),
-});
-exports.reduceBaseInfo = reduceBaseInfo;
-/**
- * Получив содержимое карточки фильтрует/меняет его для вывода в карточке при наведении.
- * @param el Содержимое.
- * @return Элемент.
- */
-const reduceHoverInfo = (el) => (0, react_1.cloneElement)(el, {
-    // при наведении у изображения строго непрозрачность = 1
-    children: react_1.Children.map(el.props.children, child => (0, react_1.isValidElement)(child) && child.type === product_info_1.Parts.Image
-        ? (0, react_1.cloneElement)(child, { opacity: 1 })
-        : child),
-});
-exports.reduceHoverInfo = reduceHoverInfo;
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+/// <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

@@ -0,0 +1,94 @@
+"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

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

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

@@ -0,0 +1,19 @@
+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

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

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

@@ -0,0 +1 @@
+{"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,12 +1,7 @@
-import React from 'react';
-import { ProductInfoProps } from '../../../common/components/product-info';
-export interface HoverCardProps extends ProductInfoProps {
-    targetRef: React.RefObject<HTMLElement | null>;
-    onMouseLeave?: () => void;
-}
+import { HoverCardProps } from './types';
 /**
  * Карточка товара, появляющаяся над элементом карусели.
  * @param props Свойства компонента.
  * @return Элемент.
  */
-export declare const HoverCard: ({ targetRef, onMouseLeave, ...productInfoProps }: HoverCardProps) => JSX.Element;
+export declare function HoverCard({ targetRef, onMouseLeave, children }: HoverCardProps): import("react/jsx-runtime").JSX.Element;