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

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "16.0.0-alpha.2",
+  "type": "commonjs",
+  "version": "16.0.0-alpha.21",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
@@ -9,83 +10,70 @@
     "node": ">=16.15.1"
   },
   "scripts": {
-    "build:before": "rimraf build",
-    "build:main": "tsc --project tsconfig.build.json",
-    "build:after": "node .build/dist.js",
-    "build": "npm run build:before && npm run build:main && npm run build:after",
+    "build": "npm run build:clean && npm run build:scripts && npm run build:assets && npm run build:package",
+    "build:clean": "rm -rf build",
+    "build:scripts": "tsc --project tsconfig.build.json",
+    "build:assets": "node scripts/build-assets.mjs",
+    "build:package": "cd build && npm pkg delete scripts.prepare && cd ..",
     "type-check": "tsc -p . --noEmit",
-    "test": "jest",
-    "coverage": "jest --coverage",
+    "lint": "npm run lint:scripts && npm run lint:styles",
     "lint:scripts": "eslint --cache src/ --ext .js,.jsx,.ts,.tsx",
     "lint:styles": "stylelint 'src/**/*.scss'",
-    "storybook": "start-storybook -p 6006",
-    "storybook:build": "build-storybook --quiet --loglevel error -o build-storybook",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
     "prettier": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,css,scss}\" --loglevel error",
-    "prettier:check": "prettier --check \"./src/**/*.{js,jsx,ts,tsx,css,scss}\" --loglevel error"
+    "prettier:check": "prettier --check \"./src/**/*.{js,jsx,ts,tsx,css,scss}\" --loglevel error",
+    "storybook": "BROWSERSLIST_ENV=\"storybook\" storybook dev -p 6006",
+    "storybook:build": "BROWSERSLIST_ENV=\"storybook\" storybook build --quiet --loglevel error -o build-storybook"
   },
   "dependencies": {
     "classnames": "^2.3.2",
-    "date-fns": "^2.29.3",
-    "lodash": "^4.17.21",
-    "react-svg": "^14.1.3",
+    "date-fns": "^3.3.1",
     "react-transition-group": "^4.4.5"
   },
-  "peerDependencies": {
-    "@sima-land/ui-nucleons": "^45.0.0-alpha.3",
-    "@sima-land/ui-quarks": "^3.6.0",
-    "react": ">=17",
-    "react-dom": ">=17"
-  },
   "devDependencies": {
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@rushstack/eslint-patch": "^1.2.0",
-    "@sima-land/linters": "^2.2.0",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-backgrounds": "^6.5.16",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-storysource": "^6.5.16",
-    "@storybook/addon-viewport": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/theming": "^6.5.16",
-    "@svgr/core": "^6.5.1",
-    "@svgr/plugin-jsx": "^6.5.1",
-    "@svgr/plugin-svgo": "^6.5.1",
-    "@svgr/webpack": "^6.5.1",
-    "@testing-library/dom": "^9.2.0",
-    "@testing-library/react": "^12.1.0",
+    "@sima-land/linters": "^4.0.0",
+    "@storybook/addon-backgrounds": "^7.6.12",
+    "@storybook/addon-docs": "^7.6.12",
+    "@storybook/addon-mdx-gfm": "^7.6.12",
+    "@storybook/addon-storysource": "^7.6.12",
+    "@storybook/addon-viewport": "^7.6.12",
+    "@storybook/react": "^7.6.12",
+    "@storybook/react-webpack5": "^7.6.12",
+    "@storybook/theming": "^7.6.12",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/enzyme": "^3.10.12",
-    "@types/jest": "^29.4.0",
-    "@types/lodash": "^4.14.191",
-    "@types/react-dom": "^17.0.18",
+    "@types/jest": "^29.5.4",
+    "@types/react": "^18.2.21",
     "@types/react-transition-group": "^4.4.5",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-    "babel-jest": "^29.4.1",
+    "babel-jest": "^29.6.4",
     "copyfiles": "^2.4.1",
     "css-loader": "^6.7.3",
-    "enzyme": "^3.11.0",
-    "enzyme-to-json": "^3.4.4",
     "eslint": "^8.33.0",
     "husky": "^8.0.3",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.4.1",
-    "jest-environment-jsdom": "^29.4.1",
+    "jest": "^29.6.4",
+    "jest-css-modules-transform": "^4.4.2",
+    "jest-environment-jsdom": "^29.6.4",
     "lint-staged": "^13.1.0",
-    "prettier": "^2.8.3",
-    "react": "^17.0.2",
+    "prettier": "^3.2.4",
+    "react": "^18.2.0",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^17.0.2",
-    "rimraf": "^4.1.2",
     "sass": "^1.58.0",
     "sass-loader": "^13.2.0",
+    "storybook": "^7.6.12",
     "style-loader": "^3.3.1",
-    "stylelint": "^14.16.1",
-    "typescript": "^4.9.5",
+    "stylelint": "^15.11.0",
+    "typescript": "^5.3.3",
     "webpack": "^5.64.4"
+  },
+  "peerDependencies": {
+    "@sima-land/ui-nucleons": "^45.0.0-alpha.14",
+    "@sima-land/ui-quarks": "^5.0.0",
+    "react": "^17.0 || ^18.0"
   }
 }

package/common/components/badge/badge.module.scss

@@ -1,40 +0,0 @@
-$badge-size: 20px;
-$icon-size: 14px;
-
-.root {
-  --badge-color: #aaa;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: $badge-size;
-  color: var(--badge-color);
-
-  // используем border т.к. на Safari box-shadow пропадает при уменьшении масштаба
-  border: 1px solid var(--badge-color);
-  padding: 0 5px; // учитываем border
-  font-weight: bold;
-  font-size: 12px;
-  line-height: 16px;
-  max-width: 100%;
-  min-width: $badge-size;
-  text-decoration: none;
-  &.interactive:hover {
-    cursor: pointer;
-    opacity: 0.72;
-  }
-  &.icon-only {
-    width: $badge-size;
-    padding: 0;
-  }
-  .content {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .icon {
-    display: inline-block;
-    width: $icon-size;
-    height: $icon-size;
-    line-height: $icon-size;
-  }
-}

package/common/components/intractive-image/interactive-image.d.ts

@@ -1,15 +0,0 @@
-import React, { AnchorHTMLAttributes } from 'react';
-import { InteractiveImageProps, InteractiveImageImageProps, InteractiveImagePointProps } from './types';
-export declare const InteractiveImage: React.ForwardRefExoticComponent<InteractiveImageProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Обертка-ссылка для картинки.
- * @param props Свойства.
- * @return Элемент.
- */
-declare function ImageAnchor({ children, className, ...rest }: AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
-export declare const Parts: {
-    readonly ImageAnchor: typeof ImageAnchor;
-    readonly Image: React.ForwardRefExoticComponent<InteractiveImageImageProps & React.RefAttributes<HTMLImageElement>>;
-    readonly Point: React.ForwardRefExoticComponent<InteractiveImagePointProps & React.RefAttributes<HTMLAnchorElement>>;
-};
-export {};

package/common/components/intractive-image/interactive-image.js

@@ -1,96 +0,0 @@
-"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.Parts = exports.InteractiveImage = void 0;
-const react_1 = __importStar(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const interactive_image_module_scss_1 = __importDefault(require("./interactive-image.module.scss"));
-const cx = bind_1.default.bind(interactive_image_module_scss_1.default);
-exports.InteractiveImage = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, 'data-testid': testId, className, dotSize } = _a, rest = __rest(_a, ["children", 'data-testid', "className", "dotSize"]);
-    const rootClassName = cx('root', {
-        'dot-size-unset': dotSize === 'unset',
-    }, className);
-    validateChildren(children);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: rootClassName }, rest, { "data-testid": testId }), react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) &&
-        (child.type === ImageAnchor || child.type === Image || child.type === Point))));
-});
-/**
- * Проверка валидности содержимого, переданного в InteractiveImage.
- * @param children Содержимое.
- */
-function validateChildren(children) {
-    let counter = 0;
-    for (const child of react_1.Children.toArray(children)) {
-        if ((0, react_1.isValidElement)(child) && (child.type === ImageAnchor || child.type === Image)) {
-            counter++;
-        }
-        if (counter > 1) {
-            throw new Error('[InteractiveImage] Either Image or ImageAnchor allowed. Not both.');
-        }
-    }
-}
-/**
- * Обертка-ссылка для картинки.
- * @param props Свойства.
- * @return Элемент.
- */
-function ImageAnchor(_a) {
-    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("a", Object.assign({}, rest, { className: cx('image-anchor', className), "data-testid": 'interactive-image:image-anchor' }), react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Image)));
-}
-/**
- * Изображение на котором будут располагаться точки.
- * @param props Свойства.
- * @return Элемент.
- */
-const Image = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, 'data-testid': testId = 'interactive-image:image' } = _a, rest = __rest(_a, ["className", 'data-testid']);
-    return (react_1.default.createElement("img", Object.assign({ ref: ref, className: cx('image', className), "data-testid": testId }, rest)));
-});
-/**
- * Точка которая будет располагаться на изображении.
- * @param props Свойства.
- * @return Элемент.
- */
-const Point = (0, react_1.forwardRef)((_a, ref) => {
-    var { x, y, className, style, 'data-testid': testId = 'interactive-image:point' } = _a, rest = __rest(_a, ["x", "y", "className", "style", 'data-testid']);
-    return (react_1.default.createElement("a", Object.assign({ ref: ref, "aria-label": '\u0422\u043E\u0447\u043A\u0430 \u043D\u0430 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0438', "data-testid": testId, className: cx('point', className), style: Object.assign(Object.assign({}, style), { top: `${y}%`, left: `${x}%` }) }, rest)));
-});
-exports.Parts = { ImageAnchor, Image, Point };

package/common/components/rating-counter/star.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M7.53601 1.54543C7.70396 1.12719 8.29603 1.12719 8.46398 1.54543L10.1755 5.80741L14.7577 6.11811C15.2074 6.1486 15.3904 6.71169 15.0445 7.00066L11.52 9.94542L12.6405 14.3994C12.7505 14.8365 12.2715 15.1845 11.8897 14.9449L7.99999 12.5028L4.11024 14.9449C3.72853 15.1845 3.24953 14.8365 3.35949 14.3994L4.47999 9.94542L0.955488 7.00067C0.609623 6.71169 0.792582 6.1486 1.24225 6.11811L5.82451 5.80741L7.53601 1.54543Z"
-    fill="#000" />
-</svg>

package/common/constants.d.ts

@@ -1,2 +0,0 @@
-import { ModifierType } from './types';
-export declare const MODIFIER_TYPE: Record<ModifierType, ModifierType>;

package/common/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MODIFIER_TYPE = void 0;
-exports.MODIFIER_TYPE = {
-    text: 'text',
-    image: 'image',
-    color: 'color',
-};

package/common/icons/eighteen-plus.svg

@@ -1,5 +0,0 @@
-<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd"
-    d="M106.163 37.2641H101.212V23.2372H87.1854V18.2862H101.212V4.2587H106.163V18.2862H120.191V23.2372H106.163V37.2641ZM70.2788 52.7828C71.5464 54.2213 73.8876 55.6569 77.3059 57.0961C80.3783 55.7891 82.5529 54.3858 83.831 52.8827C85.1099 51.3788 85.7497 49.6254 85.7497 47.6209C85.7497 45.4231 84.9714 43.6746 83.4134 42.3782C81.8561 41.0824 79.7118 40.4356 76.9846 40.4356C74.2968 40.4356 72.1918 41.088 70.6662 42.3943C69.1412 43.7006 68.3777 45.4442 68.3777 47.6209C68.3777 49.6254 69.0104 51.3472 70.2788 52.7828ZM69.0217 66.3583C67.5832 68.0449 66.8633 70.0648 66.8633 72.4166C66.8633 75.0306 67.759 77.0667 69.5532 78.5269C71.3467 79.9872 73.8658 80.7142 77.1119 80.7142C80.315 80.7142 82.8053 79.9549 84.5883 78.4299C86.3719 76.905 87.2655 74.8148 87.2655 72.1558C87.2655 70.0438 86.4282 68.1652 84.7507 66.5221C83.0739 64.8762 80.1526 63.2817 75.9848 61.7349C72.7824 63.1277 70.4616 64.6688 69.0217 66.3583ZM65.0585 54.0083C63.7698 52.039 63.1237 49.8328 63.1237 47.3917C63.1237 43.9298 64.3857 41.1689 66.9111 39.1103C69.4358 37.0524 72.814 36.0225 77.0479 36.0225C81.3464 36.0225 84.7507 37.0356 87.2655 39.0618C89.7797 41.088 91.0368 43.8869 91.0368 47.4592C91.0368 49.8117 90.3168 51.9553 88.8762 53.8951C87.4378 55.8327 85.1388 57.5967 81.9792 59.1863C85.8031 61.0368 88.5226 62.9822 90.1333 65.019C91.7469 67.0557 92.5519 69.4131 92.5519 72.0911C92.5519 76.0564 91.1858 79.2188 88.4586 81.5825C85.7286 83.9448 81.989 85.1273 77.2426 85.1273C72.2136 85.1273 68.3461 84.0094 65.6378 81.7786C62.9296 79.545 61.5762 76.3826 61.5762 72.2872C61.5762 66.8216 64.8645 62.5617 71.4395 59.5126C68.474 57.8154 66.3472 55.9804 65.0585 54.0083ZM62.0185 123.903C27.8404 123.903 0.133301 96.1964 0.133301 62.0183C0.133301 27.8402 27.8404 0.133118 62.0185 0.133118C69.2333 0.133118 76.1606 1.3677 82.5986 3.63789C82.6471 4.73608 82.6471 8.81386 82.6471 8.79698C76.2274 6.28845 69.3261 5.0841 62.0185 5.0841C30.5746 5.0841 5.08428 30.5744 5.08428 62.0183C5.08428 93.4621 30.5746 118.952 62.0185 118.952C93.4623 118.952 118.953 93.4621 118.953 62.0183C118.953 54.7296 117.583 47.7608 115.087 41.3552C117.817 41.3897 119.9 41.3897 120.38 41.3833C122.662 47.8368 123.904 54.7823 123.904 62.0183C123.904 96.1964 96.1966 123.903 62.0185 123.903ZM32.6789 50.2019L29.8434 46.4791L42.3165 36.7101H46.8273V84.4728H41.6071V50.4311C41.6071 47.5991 41.6922 44.9212 41.8651 42.3943C41.413 42.852 40.9082 43.3322 40.35 43.8335C39.7918 44.3341 37.2347 46.4573 32.6789 50.2019Z"
-    transform="matrix(0.2903226,0,0,0.2903226,0,0)" />
-</svg>

package/common/types.d.ts

@@ -1 +0,0 @@
-export type ModifierType = 'text' | 'image' | 'color';

package/desktop/components/breadcrumbs/square-arrow-down.svg

@@ -1,8 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.3">
-<mask id="path-1-inside-1" fill="white">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3H13V13H3L3 3ZM2 3C2 2.44772 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H3C2.44772 14 2 13.5523 2 13V3ZM5.37964 6.17461C5.19993 5.96495 4.88428 5.94067 4.67461 6.12038C4.46495 6.30009 4.44067 6.61574 4.62038 6.8254L7.62038 10.3254C7.71537 10.4362 7.85405 10.5 8.00001 10.5C8.14597 10.5 8.28465 10.4362 8.37964 10.3254L11.3796 6.8254C11.5593 6.61574 11.5351 6.30009 11.3254 6.12038C11.1157 5.94067 10.8001 5.96495 10.6204 6.17461L8.00001 9.23171L5.37964 6.17461Z"/>
-</mask>
-<path d="M13 3H14V2H13V3ZM3 3V2H2L2 3H3ZM13 13V14H14V13H13ZM3 13H2L2 14H3V13ZM4.67461 6.12038L5.3254 6.87964L5.3254 6.87964L4.67461 6.12038ZM5.37964 6.17461L4.62038 6.8254H4.62038L5.37964 6.17461ZM4.62038 6.8254L5.37964 6.17461V6.17461L4.62038 6.8254ZM7.62038 10.3254L6.86112 10.9762L6.86113 10.9762L7.62038 10.3254ZM8.37964 10.3254L9.13889 10.9762L9.13889 10.9762L8.37964 10.3254ZM11.3796 6.8254L10.6204 6.17461L10.6204 6.17461L11.3796 6.8254ZM11.3254 6.12038L11.9762 5.36112L11.9762 5.36112L11.3254 6.12038ZM10.6204 6.17461L9.86112 5.52382L9.86112 5.52382L10.6204 6.17461ZM8.00001 9.23171L7.24075 9.8825L8.00001 10.7683L8.75927 9.8825L8.00001 9.23171ZM13 2H3V4H13V2ZM14 13V3H12V13H14ZM3 14H13V12H3V14ZM2 3L2 13H4L4 3H2ZM3 1C1.89543 1 1 1.89543 1 3H3V3V1ZM13 1H3V3H13V1ZM15 3C15 1.89543 14.1046 1 13 1V3H15ZM15 13V3H13V13H15ZM13 15C14.1046 15 15 14.1046 15 13H13V15ZM3 15H13V13H3V15ZM1 13C1 14.1046 1.89543 15 3 15V13H3H1ZM1 3V13H3V3H1ZM5.3254 6.87964C5.11574 7.05935 4.80009 7.03507 4.62038 6.8254L6.13889 5.52382C5.59976 4.89483 4.65281 4.82199 4.02382 5.36112L5.3254 6.87964ZM5.37964 6.17461C5.55935 6.38428 5.53507 6.69993 5.3254 6.87964L4.02382 5.36112C3.39483 5.90026 3.32199 6.84721 3.86112 7.4762L5.37964 6.17461ZM8.37964 9.67461L5.37964 6.17461L3.86112 7.4762L6.86112 10.9762L8.37964 9.67461ZM8.00001 9.50001C8.14597 9.50001 8.28465 9.56379 8.37963 9.67461L6.86113 10.9762C7.1461 11.3087 7.56212 11.5 8.00001 11.5V9.50001ZM7.62038 9.67461C7.71537 9.56379 7.85404 9.50001 8.00001 9.50001V11.5C8.4379 11.5 8.85392 11.3087 9.13889 10.9762L7.62038 9.67461ZM10.6204 6.17461L7.62038 9.67461L9.13889 10.9762L12.1389 7.4762L10.6204 6.17461ZM10.6746 6.87964C10.465 6.69993 10.4407 6.38428 10.6204 6.17461L12.1389 7.4762C12.678 6.84721 12.6052 5.90026 11.9762 5.36112L10.6746 6.87964ZM11.3796 6.82541C11.1999 7.03507 10.8843 7.05935 10.6746 6.87964L11.9762 5.36112C11.3472 4.82199 10.4003 4.89483 9.86112 5.52382L11.3796 6.82541ZM8.75927 9.8825L11.3796 6.8254L9.86112 5.52382L7.24075 8.58092L8.75927 9.8825ZM4.62038 6.8254L7.24075 9.8825L8.75927 8.58092L6.13889 5.52382L4.62038 6.8254Z" fill="#212121" mask="url(#path-1-inside-1)"/>
-</g>
-</svg>

package/desktop/components/gallery-modal/icons/360.svg

@@ -1,3 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M30.6299 17.8779C31.2041 17.0394 31.4912 15.7474 31.4912 14.002C31.4912 12.3158 31.195 11.0352 30.6025 10.1602C30.0146 9.28516 29.1442 8.84766 27.9912 8.84766C26.8063 8.84766 25.929 9.26693 25.3594 10.1055C24.7897 10.9395 24.5049 12.2383 24.5049 14.002C24.5049 15.6927 24.7965 16.971 25.3799 17.8369C25.9678 18.7028 26.8382 19.1357 27.9912 19.1357C29.1807 19.1357 30.0602 18.7165 30.6299 17.8779ZM26.918 16.6406C26.7083 16.1074 26.6035 15.2279 26.6035 14.002C26.6035 12.776 26.7106 11.8965 26.9248 11.3633C27.139 10.8255 27.4945 10.5566 27.9912 10.5566C28.4788 10.5566 28.832 10.8255 29.0508 11.3633C29.2741 11.8965 29.3857 12.776 29.3857 14.002C29.3857 15.2142 29.2764 16.0892 29.0576 16.627C28.8389 17.1647 28.4834 17.4336 27.9912 17.4336C27.4899 17.4336 27.1322 17.1693 26.918 16.6406ZM15.1602 11.2402C15.1602 11.8646 14.971 12.3955 14.5928 12.833C14.2145 13.2705 13.6836 13.5713 13 13.7354V13.7764C13.8066 13.8766 14.4173 14.1227 14.832 14.5146C15.2467 14.902 15.4541 15.4261 15.4541 16.0869C15.4541 17.0485 15.1055 17.7982 14.4082 18.3359C13.7109 18.8691 12.7152 19.1357 11.4209 19.1357C10.3363 19.1357 9.37467 18.9557 8.53613 18.5957V16.7979C8.9235 16.9938 9.34961 17.1533 9.81445 17.2764C10.2793 17.3994 10.7396 17.4609 11.1953 17.4609C11.8926 17.4609 12.4076 17.3424 12.7402 17.1055C13.0729 16.8685 13.2393 16.488 13.2393 15.9639C13.2393 15.4945 13.0479 15.1618 12.665 14.9658C12.2822 14.7699 11.6715 14.6719 10.833 14.6719H10.0742V13.0518H10.8467C11.6214 13.0518 12.1865 12.9515 12.542 12.751C12.902 12.5459 13.082 12.1973 13.082 11.7051C13.082 10.9486 12.6081 10.5703 11.6602 10.5703C11.332 10.5703 10.9971 10.625 10.6553 10.7344C10.318 10.8438 9.94206 11.0329 9.52734 11.3018L8.5498 9.8457C9.46126 9.18945 10.5482 8.86133 11.8105 8.86133C12.8451 8.86133 13.6608 9.07096 14.2578 9.49023C14.8594 9.90951 15.1602 10.4928 15.1602 11.2402ZM16.4932 14.7539C16.4932 12.776 16.9102 11.304 17.7441 10.3379C18.5827 9.37174 19.8359 8.88867 21.5039 8.88867C22.0736 8.88867 22.5202 8.92285 22.8438 8.99121V10.6797C22.4382 10.5885 22.0371 10.543 21.6406 10.543C20.916 10.543 20.3236 10.6523 19.8633 10.8711C19.4076 11.0898 19.0658 11.4134 18.8379 11.8418C18.61 12.2702 18.4756 12.8786 18.4346 13.667H18.5234C18.9746 12.8923 19.6969 12.5049 20.6904 12.5049C21.5837 12.5049 22.2832 12.7852 22.7891 13.3457C23.2949 13.9062 23.5479 14.681 23.5479 15.6699C23.5479 16.7363 23.2471 17.5817 22.6455 18.2061C22.0439 18.8258 21.21 19.1357 20.1436 19.1357C19.4053 19.1357 18.7604 18.9648 18.209 18.623C17.6621 18.2812 17.2383 17.7822 16.9375 17.126C16.6413 16.4697 16.4932 15.679 16.4932 14.7539ZM20.1025 17.4473C20.5537 17.4473 20.9001 17.2969 21.1416 16.9961C21.3831 16.6908 21.5039 16.2578 21.5039 15.6973C21.5039 15.2096 21.39 14.8268 21.1621 14.5488C20.9388 14.2663 20.5993 14.125 20.1436 14.125C19.7152 14.125 19.3483 14.264 19.043 14.542C18.7422 14.82 18.5918 15.1436 18.5918 15.5127C18.5918 16.055 18.7331 16.513 19.0156 16.8867C19.3027 17.2604 19.665 17.4473 20.1025 17.4473ZM35.0256 14.3057C34.5558 14.0154 33.9396 14.1609 33.6493 14.6307C33.359 15.1006 33.5045 15.7168 33.9744 16.0071C35.129 16.7206 35.8757 17.4576 36.3364 18.2063C36.7918 18.9464 37 19.7498 37 20.6564C37 22.3611 35.7489 24.1362 33.1873 25.6357C30.6608 27.1145 27.0642 28.1875 22.9164 28.5354C22.3661 28.5816 21.9573 29.0652 22.0035 29.6155C22.0497 30.1659 22.5332 30.5746 23.0836 30.5284C27.4489 30.1623 31.3523 29.0272 34.1976 27.3617C37.0076 25.7168 39 23.4111 39 20.6564C39 19.4197 38.709 18.2459 38.0398 17.1582C37.3759 16.0793 36.3726 15.1379 35.0256 14.3057ZM6.02565 16.3497C6.49548 16.0594 6.64101 15.4432 6.3507 14.9734C6.0604 14.5036 5.44419 14.358 4.97435 14.6483C3.66371 15.4582 2.65775 16.3004 1.98457 17.2919C1.29515 18.3073 1 19.4121 1 20.6564C1 23.4111 2.99235 25.7168 5.8024 27.3617C8.13368 28.7263 11.1753 29.7348 14.5993 30.2561L12.8534 31.7363C12.4321 32.0934 12.3801 32.7244 12.7372 33.1457C13.0943 33.567 13.7254 33.619 14.1466 33.2618L17.6467 30.2947C17.8491 30.1231 17.975 29.8781 17.9967 29.6136C18.0183 29.3492 17.934 29.0869 17.7623 28.8847L14.7623 25.3518C14.4048 24.9308 13.7737 24.8793 13.3527 25.2368C12.9317 25.5943 12.8803 26.2253 13.2377 26.6463L14.5814 28.2287C11.4916 27.7255 8.81581 26.8082 6.81275 25.6357C4.25108 24.1362 3 22.3611 3 20.6564C3 19.7574 3.20405 19.0563 3.63924 18.4153C4.09065 17.7504 4.83469 17.0856 6.02565 16.3497Z" />
-</svg>

package/desktop/components/gallery-modal/icons/pause.svg

@@ -1,3 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 9C7.44772 9 7 9.44772 7 10V30C7 30.5523 7.44772 31 8 31H15C15.5523 31 16 30.5523 16 30V10C16 9.44772 15.5523 9 15 9H8ZM25 9C24.4477 9 24 9.44772 24 10V30C24 30.5523 24.4477 31 25 31H32C32.5523 31 33 30.5523 33 30V10C33 9.44772 32.5523 9 32 9H25Z" />
-</svg>

package/desktop/components/gallery-modal/icons/turn-left.svg

@@ -1,10 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C12 0.447715 11.5523 0 11 0H5C4.66818 0 4.35796 0.164599 4.17193 0.439371C3.9859 0.714144 3.94829 1.0633 4.07152 1.37139L6.07152 6.37139C6.27664 6.88417 6.85861 7.13359 7.37139 6.92848C7.88417 6.72336 8.13359 6.14139 7.92848 5.62861L6.77977 2.75684C8.7434 3.87987 9.99987 5.83881 9.99987 8C9.99987 10.8289 7.8471 13.3113 4.7735 14.026C4.23557 14.1511 3.9009 14.6886 4.02599 15.2265C4.15108 15.7644 4.68857 16.0991 5.2265 15.974C9.05366 15.084 11.9999 11.9068 11.9999 8C11.9999 5.60695 10.8944 3.4876 9.15822 2H11C11.5523 2 12 1.55228 12 1Z" fill="#C2C2C2"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/desktop/components/gallery-modal/icons/turn-right.svg

@@ -1,10 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 1C4 0.447715 4.44772 0 5 0H11C11.3318 0 11.642 0.164599 11.8281 0.439371C12.0141 0.714144 12.0517 1.0633 11.9285 1.37139L9.92848 6.37139C9.72336 6.88417 9.14139 7.13359 8.62861 6.92848C8.11583 6.72336 7.86641 6.14139 8.07152 5.62861L9.22023 2.75684C7.2566 3.87987 6.00013 5.83881 6.00013 8C6.00013 10.8289 8.1529 13.3113 11.2265 14.026C11.7644 14.1511 12.0991 14.6886 11.974 15.2265C11.8489 15.7644 11.3114 16.0991 10.7735 15.974C6.94634 15.084 4.00013 11.9068 4.00013 8C4.00013 5.60695 5.10557 3.4876 6.84178 2H5C4.44772 2 4 1.55228 4 1Z" fill="#C2C2C2"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/desktop/components/modifiers/button/index.d.ts

@@ -1,22 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { ModifierType } from '../../../../common/types';
-export interface Modifier {
-    count?: number;
-    content: string;
-    color?: string;
-    image?: string;
-    type?: ModifierType;
-    isMarkdown?: boolean;
-    selected?: boolean;
-}
-export interface ModifierButtonProps extends Modifier {
-    className?: string;
-    style?: CSSProperties;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    squared?: boolean;
-    'data-testid'?: string;
-}
-/**
- * Компонент модификатора.
- */
-export declare const ModifierButton: React.ForwardRefExoticComponent<ModifierButtonProps & React.RefAttributes<HTMLDivElement>>;

package/desktop/components/modifiers/button/index.js

@@ -1,48 +0,0 @@
-"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.ModifierButton = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
-const modifier_button_module_scss_1 = __importDefault(require("./modifier-button.module.scss"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const constants_1 = require("../../../../common/constants");
-const cx = bind_1.default.bind(modifier_button_module_scss_1.default);
-/**
- * Компонент модификатора.
- */
-exports.ModifierButton = (0, react_1.forwardRef)(function ModifierButton({ count = null, content, selected, color, image, type = 'text', className, style, onClick, isMarkdown: hasMarkdown, squared = [constants_1.MODIFIER_TYPE.color, constants_1.MODIFIER_TYPE.image].includes(type), 'data-testid': testId = 'modifier-button', }, ref) {
-    const hasCount = (0, lodash_1.isNumber)(count) && count >= 0;
-    return (react_1.default.createElement("div", { ref: ref, className: cx('modifier-button', squared && 'squared', selected && 'selected', className), style: color ? Object.assign(Object.assign({}, style), { background: color }) : style, onClick: onClick, "data-testid": testId },
-        (hasCount || hasMarkdown) && (react_1.default.createElement("span", { className: cx('label', hasCount && 'with-count'), "data-testid": 'modifier-button:badge' },
-            hasCount && (count > 99 ? '99+' : count),
-            hasMarkdown && (hasCount ? '(У)' : 'У'))),
-        [constants_1.MODIFIER_TYPE.text, constants_1.MODIFIER_TYPE.image].includes(type) && (react_1.default.createElement("div", { className: cx('content') },
-            type === constants_1.MODIFIER_TYPE.text && (react_1.default.createElement("span", { className: cx('text', !squared && 'guttered') }, String(content || ''))),
-            type === constants_1.MODIFIER_TYPE.image && react_1.default.createElement("img", { src: image, alt: content, className: cx('image') })))));
-});

package/desktop/components/modifiers/button/modifier-button.module.scss

@@ -1,85 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-@import 'node_modules/@sima-land/ui-nucleons/styling/shadows.module';
-@import '../modifiers';
-
-.modifier-button {
-  max-width: 100%;
-  position: relative;
-  display: inline-block;
-  font-size: 0;
-  line-height: 0;
-  border-radius: 4px;
-  min-width: $minSize;
-  height: $minSize;
-  cursor: pointer;
-  &.squared {
-    width: $minSize;
-  }
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit;
-    box-shadow: inset 0 0 0 1px colors.$basic-gray12;
-  }
-  &:hover::before {
-    box-shadow: inset 0 0 0 2px colors.$basic-gray12;
-  }
-  &.selected::before {
-    box-shadow: inset 0 0 0 2px colors.$basic-blue;
-  }
-}
-
-.content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  border-radius: inherit;
-  height: 100%;
-}
-
-.image {
-  display: block;
-  width: auto;
-  height: calc(100% - 2px);
-}
-
-.text {
-  font-size: 14px;
-  line-height: 20px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  &.guttered {
-    margin: 0 16px;
-  }
-}
-
-.label {
-  position: absolute;
-  top: -4px;
-  right: -4px;
-  display: block;
-  min-width: 16px;
-  height: 16px;
-  text-align: center;
-  padding: 0 4px;
-  line-height: 16px;
-  border-radius: 32px;
-  background-color: #fff;
-  color: colors.$basic-gray54;
-  font-size: 12px;
-  font-weight: 500;
-  box-sizing: border-box;
-  &.with-count {
-    background-color: colors.$basic-blue;
-    color: #fff;
-  }
-  &:not(.with-count) {
-    @extend .shadow-z1;
-  }
-}

package/desktop/components/modifiers/group/index.d.ts

@@ -1,15 +0,0 @@
-import { MouseEventHandler, ReactNode } from 'react';
-export interface ModifiersGroupProps {
-    /** Кнопки модификаторов. */
-    children?: ReactNode;
-    /** Надо ли сразу показывать весь список не ограничивая двумя строками. */
-    defaultOpened?: boolean;
-    /** Будет вызвана после нажатия на кнопку показа всех модификаторов. */
-    onShowAll?: MouseEventHandler<HTMLDivElement>;
-}
-/**
- * Блок списка кнопок модификаторов.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const ModifiersGroup: ({ children, defaultOpened, onShowAll, }: ModifiersGroupProps) => JSX.Element;

package/desktop/components/modifiers/group/index.js

@@ -1,70 +0,0 @@
-"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.ModifiersGroup = void 0;
-const react_1 = __importStar(require("react"));
-const button_1 = require("../button");
-const utils_1 = require("./utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const modifiers_group_module_scss_1 = __importDefault(require("./modifiers-group.module.scss"));
-const cx = bind_1.default.bind(modifiers_group_module_scss_1.default);
-/**
- * Блок списка кнопок модификаторов.
- * @param props Свойства.
- * @return Элемент.
- */
-const ModifiersGroup = ({ children, defaultOpened = false, onShowAll, }) => {
-    const [opened, setOpened] = (0, react_1.useState)(defaultOpened);
-    const rootRef = (0, react_1.useRef)(null);
-    const openerRef = (0, react_1.useRef)(null);
-    const showAll = (0, react_1.useCallback)(event => {
-        setOpened(true);
-        onShowAll === null || onShowAll === void 0 ? void 0 : onShowAll(event);
-    }, [onShowAll]);
-    const viewState = (0, utils_1.useViewState)(rootRef, openerRef);
-    const items = react_1.Children.toArray(children).reduce((result, child, index) => {
-        if ((0, react_1.isValidElement)(child) && child.type === button_1.ModifierButton) {
-            const needHideItems = viewState.lastVisibleIndex !== -1 && !opened;
-            const isDisplayed = !needHideItems || index < viewState.lastVisibleIndex;
-            result.push(react_1.default.createElement(GroupItem, { key: index, hidden: !isDisplayed }, child));
-        }
-        return result;
-    }, []);
-    return (react_1.default.createElement("div", { ref: rootRef, className: cx('root', { opened }) },
-        items,
-        !opened && (react_1.default.createElement(GroupItem, { ref: openerRef, invisible: viewState.lastVisibleIndex === -1 },
-            react_1.default.createElement(OpenButton, { count: items.length - viewState.lastVisibleIndex, onClick: showAll })))));
-};
-exports.ModifiersGroup = ModifiersGroup;
-const GroupItem = (0, react_1.forwardRef)(({ children, hidden, invisible }, ref) => (react_1.default.createElement("div", { ref: ref, className: cx('item', { hidden, invisible }), "data-testid": 'modifier-group:item' }, children)));
-/**
- * Кнопка показа скрытых модификаторов.
- * @param props Свойства.
- * @return Элемент.
- */
-const OpenButton = ({ count, onClick }) => (react_1.default.createElement(button_1.ModifierButton, { squared: true, onClick: onClick, content: `+${count}`, className: cx('opener'), "data-testid": 'modifier-group:show-all-button' }));