@sima-land/moleculas 16.0.0-alpha.10 → 16.0.0-alpha.11

package/common/components/pagination-controls/index.d.ts

@@ -1,2 +1,2 @@
 export type { PaginationData, PaginationControlsProps } from './types';
-export { PaginationControls, PageButtons, PageForm, PageFormSubmit, PageFormInput, } from './pagination-controls';
+export { PaginationControls, PageButtons, PageForm, PageFormInput } from './pagination-controls';

package/common/components/pagination-controls/index.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormInput = exports.PageFormSubmit = exports.PageForm = exports.PageButtons = exports.PaginationControls = void 0;
+exports.PageFormInput = exports.PageForm = exports.PageButtons = exports.PaginationControls = void 0;
 var pagination_controls_1 = require("./pagination-controls");
 Object.defineProperty(exports, "PaginationControls", { enumerable: true, get: function () { return pagination_controls_1.PaginationControls; } });
 Object.defineProperty(exports, "PageButtons", { enumerable: true, get: function () { return pagination_controls_1.PageButtons; } });
 Object.defineProperty(exports, "PageForm", { enumerable: true, get: function () { return pagination_controls_1.PageForm; } });
-Object.defineProperty(exports, "PageFormSubmit", { enumerable: true, get: function () { return pagination_controls_1.PageFormSubmit; } });
 Object.defineProperty(exports, "PageFormInput", { enumerable: true, get: function () { return pagination_controls_1.PageFormInput; } });
 //# sourceMappingURL=index.js.map

package/common/components/pagination-controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/components/pagination-controls/index.ts"],"names":[],"mappings":";;;AAEA,6DAM+B;AAL7B,yHAAA,kBAAkB,OAAA;AAClB,kHAAA,WAAW,OAAA;AACX,+GAAA,QAAQ,OAAA;AACR,qHAAA,cAAc,OAAA;AACd,oHAAA,aAAa,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/components/pagination-controls/index.ts"],"names":[],"mappings":";;;AACA,6DAAiG;AAAxF,yHAAA,kBAAkB,OAAA;AAAE,kHAAA,WAAW,OAAA;AAAE,+GAAA,QAAQ,OAAA;AAAE,oHAAA,aAAa,OAAA"}

package/common/components/pagination-controls/pagination-controls.d.ts

@@ -1,6 +1,5 @@
 import type { PaginationControlsProps } from './types';
 import { InputProps } from '@sima-land/ui-nucleons/input';
-import { TextButtonProps } from '@sima-land/ui-nucleons/text-button';
 /**
  * Блок управления пагинацией.
  * @param props Свойства.
@@ -23,12 +22,6 @@ export declare function PageButtons({ total, current, onPageChange, }: {
  * @return Элемент.
  */
 export declare function PageForm({ total, onPageChange }: any): import("react/jsx-runtime").JSX.Element;
-/**
- * Кнопка отправки формы страницы. Только стилизует TextButton.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function PageFormSubmit({ className, ...restProps }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Поле ввода номера страницы. Только стилизует Input.
  * @param props Свойства.

package/common/components/pagination-controls/pagination-controls.js

@@ -3,13 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageFormInput = exports.PageFormSubmit = exports.PageForm = exports.PageButtons = exports.PaginationControls = void 0;
+exports.PageFormInput = exports.PageForm = exports.PageButtons = exports.PaginationControls = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const input_1 = require("@sima-land/ui-nucleons/input");
 const pagination_1 = require("@sima-land/ui-nucleons/pagination");
-const text_button_1 = require("@sima-land/ui-nucleons/text-button");
-const Search_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Search"));
+const Right_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Right"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const pagination_controls_module_scss_1 = __importDefault(require("./pagination-controls.module.scss"));
 const cx = bind_1.default.bind(pagination_controls_module_scss_1.default);
@@ -28,7 +27,7 @@ flow = 'horizontal', Buttons = PageButtons, Form = PageForm, withForm: withFormP
     const handlePageChange = (0, react_1.useCallback)((page) => {
         onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(Math.max(1, Math.min(total, page)));
     }, [onPageChange]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('layout', `flow-${flow}`, className), ...restProps, children: [(0, jsx_runtime_1.jsx)("div", { className: cx('slot-buttons'), children: (0, jsx_runtime_1.jsx)(Buttons, { current: current, total: total, onPageChange: handlePageChange }) }), withForm && ((0, jsx_runtime_1.jsx)("div", { className: cx('slot-form'), children: (0, jsx_runtime_1.jsx)(Form, { current: current, total: total, onPageChange: handlePageChange }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('layout', flow !== 'unset' && `flow-${flow}`, className), ...restProps, children: [(0, jsx_runtime_1.jsx)("div", { className: cx('slot-buttons'), children: (0, jsx_runtime_1.jsx)(Buttons, { current: current, total: total, onPageChange: handlePageChange }) }), withForm && ((0, jsx_runtime_1.jsx)("div", { className: cx('slot-form'), children: (0, jsx_runtime_1.jsx)(Form, { current: current, total: total, onPageChange: handlePageChange }) }))] }));
 }
 exports.PaginationControls = PaginationControls;
 /**
@@ -58,18 +57,9 @@ function PageForm({ total, onPageChange }) {
     const handleChange = (0, react_1.useCallback)(event => {
         setValue(event.target.value.replace(/\D/g, ''));
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: cx('form'), children: [(0, jsx_runtime_1.jsx)(PageFormSubmit, { type: 'submit', color: value ? 'basic-blue' : 'basic-gray87' }), (0, jsx_runtime_1.jsx)(PageFormInput, { value: value, onChange: handleChange, adornmentEnd: (0, jsx_runtime_1.jsx)(text_button_1.TextButton, { type: 'submit', onMouseDown: event => event.preventDefault(), color: 'basic-gray38', children: (0, jsx_runtime_1.jsx)(Search_1.default, { fill: 'currentColor' }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: cx('form'), children: [(0, jsx_runtime_1.jsx)("span", { className: cx('label'), children: "\u041A \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435" }), (0, jsx_runtime_1.jsx)(PageFormInput, { value: value, onChange: handleChange, adornmentEnd: (0, jsx_runtime_1.jsx)("button", { disabled: value.length === 0, type: 'submit', className: cx('submit'), onMouseDown: event => event.preventDefault(), children: (0, jsx_runtime_1.jsx)(Right_1.default, { fill: 'currentColor' }) }) })] }));
 }
 exports.PageForm = PageForm;
-/**
- * Кнопка отправки формы страницы. Только стилизует TextButton.
- * @param props Свойства.
- * @return Элемент.
- */
-function PageFormSubmit({ className, ...restProps }) {
-    return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { size: 's', color: 'basic-gray87', children: '\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443', ...restProps, className: cx('submit', className) }));
-}
-exports.PageFormSubmit = PageFormSubmit;
 /**
  * Поле ввода номера страницы. Только стилизует Input.
  * @param props Свойства.

package/common/components/pagination-controls/pagination-controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-controls.js","sourceRoot":"","sources":["../../../../src/common/components/pagination-controls/pagination-controls.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"pagination-controls.js","sourceRoot":"","sources":["../../../../src/common/components/pagination-controls/pagination-controls.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA6F;AAE7F,wDAAiE;AACjE,kEAAwF;AACxF,kGAA6E;AAC7E,2DAAyC;AACzC,wGAAuD;AAEvD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,yCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC;AACjC,aAAa;AACb,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,YAAY;AAEZ,aAAa;AACb,IAAI,GAAG,YAAY,EACnB,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,QAAQ,EACf,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,GAAG,SAAS,EACY;IACxB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAA,eAAO,EAChC,GAAG,EAAE,CAAC,IAAA,oCAAuB,EAAC,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACzE,CAAC,WAAW,EAAE,SAAS,CAAC,CACzB,CAAC;IACF,MAAM,QAAQ,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,IAAI,CAAC,CAAC;IAE5C,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,IAAY,EAAE,EAAE;QACf,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,IAAI,KAAK,OAAO,IAAI,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,KAAM,SAAS,aACxF,gCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,YAChC,uBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,GAAI,GACvE,EAEL,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAC7B,uBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,GAAI,GACpE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAxCD,gDAwCC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,YAAY,GAKb;IACC,OAAO,CACL,uBAAC,uBAAU,IACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3D,CACH,CAAC;AACJ,CAAC;AAhBD,kCAgBC;AAED;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,YAAY,EAAO;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEhC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;YAC1B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,OAAO,CAAC,CAAC;YACxB,QAAQ,CAAC,EAAE,CAAC,CAAC;SACd;IACH,CAAC,EACD,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAuC,KAAK,CAAC,EAAE;QAC7E,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,kCAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aACjD,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,wEAAmB,EAC/C,uBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,YAAY,EACV,mCACE,QAAQ,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,EAC5B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EACvB,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,YAE5C,uBAAC,eAAQ,IAAC,IAAI,EAAC,cAAc,GAAG,GACzB,GAEX,IACG,CACR,CAAC;AACJ,CAAC;AAxCD,4BAwCC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAc;IACnE,OAAO,uBAAC,aAAK,IAAC,IAAI,EAAC,GAAG,KAAK,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,GAAI,CAAC;AAC9E,CAAC;AAFD,sCAEC"}

package/common/components/pagination-controls/pagination-controls.module.scss

@@ -1,3 +1,6 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+@use 'node_modules/@sima-land/ui-nucleons/utils';
+
 .layout {
   display: flex;
   &.flow-vertical {
@@ -24,11 +27,44 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  .submit + .input {
-    margin-left: 16px;
+  .label + .input {
+    margin-left: 8px;
   }
 }
 
+.label {
+  white-space: nowrap;
+  font-size: 16px;
+  line-height: 24px;
+  color: colors.$basic-gray38;
+}
+
 .input {
-  width: 108px;
+  width: 100px;
+}
+
+.input .submit {
+  margin: -4px -8px;
+}
+
+.submit {
+  @include utils.reset-button;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: colors.$basic-gray87;
+  color: #fff;
+  border-radius: 4px;
+  &:hover {
+    cursor: pointer;
+  }
+  &:disabled {
+    background: colors.$basic-gray8;
+    color: colors.$basic-gray24;
+  }
+  &:focus-visible {
+    @include utils.focus-visible-style;
+  }
 }

package/common/components/pagination-controls/types.d.ts

@@ -5,7 +5,7 @@ export interface PaginationData {
     onPageChange: (page: number) => void;
 }
 export interface PaginationControlsProps extends Partial<PaginationData>, HTMLAttributes<HTMLDivElement> {
-    flow?: 'horizontal' | 'vertical';
+    flow?: 'horizontal' | 'vertical' | 'unset';
     withForm?: boolean;
     Buttons?: ComponentType<{
         total: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "16.0.0-alpha.10",
+  "version": "16.0.0-alpha.11",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",

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

@@ -1,6 +0,0 @@
-import type { InteractiveImageStyle, InteractiveImageProps, InteractiveImageImageProps, InteractiveImagePointProps } from './types';
-import { InteractiveImage, Parts } from './interactive-image';
-/** @deprecated */
-export type { InteractiveImageStyle, InteractiveImageProps, InteractiveImageImageProps, InteractiveImagePointProps, };
-/** @deprecated */
-export { InteractiveImage, Parts };

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Parts = exports.InteractiveImage = void 0;
-const interactive_image_1 = require("./interactive-image");
-Object.defineProperty(exports, "InteractiveImage", { enumerable: true, get: function () { return interactive_image_1.InteractiveImage; } });
-Object.defineProperty(exports, "Parts", { enumerable: true, get: function () { return interactive_image_1.Parts; } });
-//# sourceMappingURL=index.js.map

package/common/components/intractive-image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/components/intractive-image/index.ts"],"names":[],"mappings":";;;AAMA,2DAA8D;AAWrD,iGAXA,oCAAgB,OAWA;AAAE,sFAXA,yBAAK,OAWA"}

package/common/components/intractive-image/interactive-image-util.scss

@@ -1,10 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/breakpoints';
-
-@mixin dot-size-default {
-  --dot-size: 32px;
-  --dot-size-core: 12px;
-  @include breakpoints.down('xs') {
-    --dot-size: 40px;
-    --dot-size-core: 16px;
-  }
-}

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

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

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

@@ -1,58 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Parts = exports.InteractiveImage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = 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);
-/** @deprecated */
-exports.InteractiveImage = (0, react_1.forwardRef)(({ children, 'data-testid': testId, className, dotSize, ...rest }, ref) => {
-    const rootClassName = cx('root', {
-        'dot-size-unset': dotSize === 'unset',
-    }, className);
-    validateChildren(children);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: rootClassName, ...rest, "data-testid": testId, children: 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({ children, className, ...rest }) {
-    return ((0, jsx_runtime_1.jsx)("a", { ...rest, className: cx('image-anchor', className), "data-testid": 'interactive-image:image-anchor', children: react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Image) }));
-}
-/**
- * Изображение на котором будут располагаться точки.
- * @param props Свойства.
- * @return Элемент.
- */
-const Image = (0, react_1.forwardRef)(({ className, 'data-testid': testId = 'interactive-image:image', ...rest }, ref) => ((0, jsx_runtime_1.jsx)("img", { ref: ref, className: cx('image', className), "data-testid": testId, ...rest })));
-/**
- * Точка которая будет располагаться на изображении.
- * @param props Свойства.
- * @return Элемент.
- */
-const Point = (0, react_1.forwardRef)(({ x, y, className, style, 'data-testid': testId = 'interactive-image:point', ...rest }, ref) => ((0, jsx_runtime_1.jsx)("a", { 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: { ...style, top: `${y}%`, left: `${x}%` }, ...rest })));
-/** @deprecated */
-exports.Parts = { ImageAnchor, Image, Point };
-//# sourceMappingURL=interactive-image.js.map

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

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

package/common/components/intractive-image/interactive-image.module.scss

@@ -1,47 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-@use 'node_modules/@sima-land/ui-nucleons/breakpoints';
-@use './interactive-image-util';
-
-.root {
-  display: inline-block;
-  font-size: 0;
-  position: relative;
-  overflow: hidden;
-  background: colors.$basic-gray4;
-  &:not(.dot-size-unset) {
-    @include interactive-image-util.dot-size-default;
-  }
-}
-
-.image-anchor,
-.image {
-  display: block;
-  max-width: 100%;
-  max-height: 100%;
-  min-width: 100%;
-  min-height: 100%;
-}
-
-.point {
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: var(--dot-size, 32px);
-  height: var(--dot-size, 32px);
-  background: rgba(colors.$basic-gray87, 0.4);
-  border-radius: 50%;
-  transform: translate(-50%, -50%);
-  &:hover {
-    cursor: pointer;
-    background: rgba(colors.$basic-gray87, 0.64);
-  }
-  &::after {
-    content: '';
-    display: block;
-    width: var(--dot-size-core, 12px);
-    height: var(--dot-size-core, 12px);
-    background: #fff;
-    border-radius: 50%;
-  }
-}

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

@@ -1,27 +0,0 @@
-import type { HTMLAttributes, AnchorHTMLAttributes, ImgHTMLAttributes, CSSProperties } from 'react';
-/** @deprecated */
-export interface InteractiveImageStyle extends CSSProperties {
-    '--dot-size'?: string;
-    '--dot-size-core'?: string;
-}
-/** @deprecated */
-export interface InteractiveImageProps extends HTMLAttributes<HTMLDivElement> {
-    /** Размер точек. При указании "unset" можно задать css-переменные через className или style. */
-    dotSize?: 'unset';
-    /** Стили с возможностью указания размера точек через css-переменные. */
-    style?: InteractiveImageStyle;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/** @deprecated */
-export interface InteractiveImageImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/** @deprecated */
-export interface InteractiveImagePointProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    x: number;
-    y: number;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}

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

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

package/common/components/intractive-image/types.js.map

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

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

@@ -1,22 +0,0 @@
-import { CSSProperties, MouseEventHandler } 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?: MouseEventHandler<HTMLDivElement>;
-    squared?: boolean;
-    'data-testid'?: string;
-}
-/**
- * Компонент модификатора.
- */
-export declare const ModifierButton: import("react").ForwardRefExoticComponent<ModifierButtonProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModifierButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = 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 ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: cx('modifier-button', squared && 'squared', selected && 'selected', className), style: color ? { ...style, background: color } : style, onClick: onClick, "data-testid": testId, children: [(hasCount || hasMarkdown) && ((0, jsx_runtime_1.jsxs)("span", { className: cx('label', hasCount && 'with-count'), "data-testid": 'modifier-button:badge', children: [hasCount && (count > 99 ? '99+' : count), hasMarkdown && (hasCount ? '(У)' : 'У')] })), [constants_1.MODIFIER_TYPE.text, constants_1.MODIFIER_TYPE.image].includes(type) && ((0, jsx_runtime_1.jsxs)("div", { className: cx('content'), children: [type === constants_1.MODIFIER_TYPE.text && ((0, jsx_runtime_1.jsx)("span", { className: cx('text', !squared && 'guttered'), children: String(content || '') })), type === constants_1.MODIFIER_TYPE.image && (0, jsx_runtime_1.jsx)("img", { src: image, alt: content, className: cx('image') })] }))] }));
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/desktop/components/modifiers/button/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAqE;AACrE,mCAAkC;AAClC,gGAAoD;AACpD,2DAAyC;AAEzC,4DAAqE;AAoBrE,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qCAAO,CAAC,CAAC;AAEpC;;GAEG;AACU,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,cAAc,CACrB,EACE,KAAK,GAAG,IAAI,EACZ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,GAAG,MAAM,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EAAE,WAAW,EACvB,OAAO,GAAG,CAAC,yBAAI,CAAC,KAAK,EAAE,yBAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EACjD,aAAa,EAAE,MAAM,GAAG,iBAAiB,GAC1C,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IAE/C,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,OAAO,IAAI,SAAS,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,CAAC,EACzF,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EACtD,OAAO,EAAE,OAAO,iBACH,MAAM,aAGlB,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAC5B,kCACE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,IAAI,YAAY,CAAC,iBACpC,uBAAuB,aAElC,QAAQ,IAAI,CAAE,KAAa,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EACjD,WAAW,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,IACnC,CACR,EAGA,CAAC,yBAAI,CAAC,IAAI,EAAE,yBAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CACzC,iCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,aAC1B,IAAI,KAAK,yBAAI,CAAC,IAAI,IAAI,CACrB,iCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,IAAI,UAAU,CAAC,YAAG,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,GAAQ,CACpF,EAEA,IAAI,KAAK,yBAAI,CAAC,KAAK,IAAI,gCAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GAAI,IAC7E,CACP,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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: 600;
-  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) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModifiersGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = 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((0, jsx_runtime_1.jsx)(GroupItem, { hidden: !isDisplayed, children: child }, index));
-        }
-        return result;
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, className: cx('root', { opened }), children: [items, !opened && ((0, jsx_runtime_1.jsx)(GroupItem, { ref: openerRef, invisible: viewState.lastVisibleIndex === -1, children: (0, jsx_runtime_1.jsx)(OpenButton, { count: items.length - viewState.lastVisibleIndex, onClick: showAll }) }))] }));
-};
-exports.ModifiersGroup = ModifiersGroup;
-const GroupItem = (0, react_1.forwardRef)(({ children, hidden, invisible }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('item', { hidden, invisible }), "data-testid": 'modifier-group:item', children: children })));
-/**
- * Кнопка показа скрытых модификаторов.
- * @param props Свойства.
- * @return Элемент.
- */
-const OpenButton = ({ count, onClick }) => ((0, jsx_runtime_1.jsx)(button_1.ModifierButton, { squared: true, onClick: onClick, content: `+${count}`, className: cx('opener'), "data-testid": 'modifier-group:show-all-button' }));
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/desktop/components/modifiers/group/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCASe;AACf,sCAAgE;AAChE,mCAAuC;AACvC,2DAAyC;AACzC,gGAAmD;AAwBnD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,SAAS,GACW,EAAE,EAAE;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,aAAa,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAc,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QACpF,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,uBAAc,EAAE;YAC1D,MAAM,aAAa,GAAG,SAAS,CAAC,gBAAgB,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;YACnE,MAAM,WAAW,GAAG,CAAC,aAAa,IAAI,KAAK,GAAG,SAAS,CAAC,gBAAgB,CAAC;YAEzE,MAAM,CAAC,IAAI,CACT,uBAAC,SAAS,IAAa,MAAM,EAAE,CAAC,WAAW,YACxC,KAAK,IADQ,KAAK,CAET,CACb,CAAC;SACH;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,iCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,aACjD,KAAK,EAEL,CAAC,MAAM,IAAI,CACV,uBAAC,SAAS,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,gBAAgB,KAAK,CAAC,CAAC,YACrE,uBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAI,GACxE,CACb,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB;AAEF,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,iBAAc,qBAAqB,YAC3F,QAAQ,GACL,CACP,CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAmB,EAAE,EAAE,CAAC,CAC1D,uBAAC,uBAAc,IACb,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,IAAI,KAAK,EAAE,EACpB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,iBACX,gCAAgC,GAC5C,CACH,CAAC"}

package/desktop/components/modifiers/group/modifiers-group.module.scss

@@ -1,33 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-@use '../modifiers';
-
-.root {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  margin: -#{modifiers.$gutter};
-  font-size: 0;
-  overflow: hidden;
-  &:not(.opened) {
-    max-height: modifiers.$groupMaxHeight;
-  }
-}
-
-.item {
-  height: modifiers.$minSize;
-  margin: modifiers.$gutter;
-  max-width: 100%;
-  &.hidden {
-    display: none;
-  }
-  &.invisible {
-    opacity: 0;
-    cursor: default;
-    pointer-events: none;
-  }
-}
-
-.opener {
-  color: colors.$basic-blue;
-}

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

@@ -1,20 +0,0 @@
-import { RefObject } from 'react';
-export interface ViewState {
-    phase: 'default' | 'ready';
-    lastVisibleIndex: number;
-}
-export declare const initialViewState: ViewState;
-/**
- * Хук состояния отображения блока модификаторов.
- * @param containerRef Ref элемента-контейнера.
- * @param openerRef Ref элемента кнопки, показывающей весь список модификаторов.
- * @return Состояние.
- */
-export declare function useViewState(containerRef: RefObject<HTMLElement>, openerRef: RefObject<HTMLElement>): ViewState;
-/**
- * Определяет индекс последней видимой кнопки-модификатора для свернутого списка модификаторов.
- * @param containerRef Ref элемента-контейнера.
- * @param openerRef Ref элемента кнопки, показывающей весь список модификаторов.
- * @return Состояние.
- */
-export declare function defineViewState(containerRef: RefObject<HTMLElement>, openerRef: RefObject<HTMLElement>): ViewState;

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

@@ -1,74 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineViewState = exports.useViewState = exports.initialViewState = void 0;
-const react_1 = require("react");
-const hooks_1 = require("@sima-land/ui-nucleons/hooks");
-const on_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/on"));
-exports.initialViewState = {
-    phase: 'default',
-    lastVisibleIndex: -1,
-};
-/**
- * Хук состояния отображения блока модификаторов.
- * @param containerRef Ref элемента-контейнера.
- * @param openerRef Ref элемента кнопки, показывающей весь список модификаторов.
- * @return Состояние.
- */
-function useViewState(containerRef, openerRef) {
-    const [viewState, setViewState] = (0, react_1.useState)(exports.initialViewState);
-    (0, react_1.useEffect)(() => {
-        const off = (0, on_1.default)(window, 'resize', () => {
-            setViewState(exports.initialViewState);
-        });
-        return off;
-    }, []);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        if (viewState.phase === 'default') {
-            setViewState(defineViewState(containerRef, openerRef));
-        }
-    }, [viewState.phase, containerRef, openerRef]);
-    return viewState;
-}
-exports.useViewState = useViewState;
-/**
- * Определяет индекс последней видимой кнопки-модификатора для свернутого списка модификаторов.
- * @param containerRef Ref элемента-контейнера.
- * @param openerRef Ref элемента кнопки, показывающей весь список модификаторов.
- * @return Состояние.
- */
-function defineViewState(containerRef, openerRef) {
-    const state = {
-        phase: 'ready',
-        lastVisibleIndex: -1,
-    };
-    const container = containerRef.current;
-    const opener = openerRef.current;
-    if (container && opener) {
-        const parentRect = container.getBoundingClientRect();
-        const childList = [...container.children];
-        const firstHiddenNodeIndex = childList
-            .filter(child => child !== opener)
-            .findIndex(child => {
-            const childRect = child.getBoundingClientRect();
-            return childRect.top - parentRect.top >= parentRect.height;
-        });
-        if (firstHiddenNodeIndex !== -1) {
-            const lastVisibleIndex = firstHiddenNodeIndex - 1;
-            const lastVisible = childList[lastVisibleIndex];
-            if (lastVisible) {
-                const rightBound = lastVisible.getBoundingClientRect().right;
-                const rightContainerBound = container.getBoundingClientRect().right;
-                // проверяем, хватает ли кнопке места (с запасом в половину) после последнего видимого дочернего элемента
-                const isOpenerFit = rightContainerBound - rightBound >= opener.clientWidth * 1.5;
-                // если хватает места - ставим кнопку после последнего, иначе - вместо
-                state.lastVisibleIndex = lastVisibleIndex + Number(isOpenerFit);
-            }
-        }
-    }
-    return state;
-}
-exports.defineViewState = defineViewState;
-//# sourceMappingURL=utils.js.map

package/desktop/components/modifiers/group/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/desktop/components/modifiers/group/utils.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAuD;AACvD,wDAAyE;AACzE,2EAAmD;AAOtC,QAAA,gBAAgB,GAAc;IACzC,KAAK,EAAE,SAAS;IAChB,gBAAgB,EAAE,CAAC,CAAC;CACZ,CAAC;AAEX;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,YAAoC,EACpC,SAAiC;IAEjC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAY,wBAAgB,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,IAAA,YAAE,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE;YACpC,YAAY,CAAC,wBAAgB,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,SAAS,CAAC,KAAK,KAAK,SAAS,EAAE;YACjC,YAAY,CAAC,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;SACxD;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/C,OAAO,SAAS,CAAC;AACnB,CAAC;AArBD,oCAqBC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAC7B,YAAoC,EACpC,SAAiC;IAEjC,MAAM,KAAK,GAAc;QACvB,KAAK,EAAE,OAAO;QACd,gBAAgB,EAAE,CAAC,CAAC;KACrB,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;IACvC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;IAEjC,IAAI,SAAS,IAAI,MAAM,EAAE;QACvB,MAAM,UAAU,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;QACrD,MAAM,SAAS,GAAG,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,oBAAoB,GAAG,SAAS;aACnC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC;aACjC,SAAS,CAAC,KAAK,CAAC,EAAE;YACjB,MAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAChD,OAAO,SAAS,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,MAAM,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEL,IAAI,oBAAoB,KAAK,CAAC,CAAC,EAAE;YAC/B,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,CAAC,CAAC;YAClD,MAAM,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;YAEhD,IAAI,WAAW,EAAE;gBACf,MAAM,UAAU,GAAG,WAAW,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;gBAC7D,MAAM,mBAAmB,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;gBAEpE,yGAAyG;gBACzG,MAAM,WAAW,GAAY,mBAAmB,GAAG,UAAU,IAAI,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC;gBAE1F,sEAAsE;gBACtE,KAAK,CAAC,gBAAgB,GAAG,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;aACjE;SACF;KACF;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAzCD,0CAyCC"}

package/desktop/components/modifiers/modifiers.scss

@@ -1,8 +0,0 @@
-// внешний отступ вокруг каждого элемента группы
-$gutter: 4px;
-
-// размер квадратного модификатора
-$minSize: 48px;
-
-// максимальная высота блока с ограничением в 2 строки
-$groupMaxHeight: ($minSize * 2) + ($gutter * 4);

package/mobile/components/modifiers-list/index.d.ts

@@ -1,22 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { ModifierItemProps } from './modifier-item';
-export interface ModifierListProps {
-    /** Массив данных модификаторов. */
-    items?: ModifierItemProps[];
-    /** Графема валюты пользователя. */
-    currencyGrapheme?: string;
-    /** Url таблицы размеров. */
-    sizesTableUrl?: string;
-    /** Свойства блока-обертки. */
-    wrapperProps?: HTMLAttributes<HTMLDivElement>;
-    /** Свойства блока-обертки списка модификаторов. */
-    itemsContainerProps?: HTMLAttributes<HTMLDivElement>;
-    /** Обработчик клика на модификатор. */
-    onItemClick?: (item: ModifierItemProps) => void;
-}
-/**
- * Компонент списка модификаторов.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function ModifiersList({ items, currencyGrapheme, sizesTableUrl, wrapperProps, itemsContainerProps, onItemClick, }: ModifierListProps): import("react/jsx-runtime").JSX.Element;

package/mobile/components/modifiers-list/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModifiersList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const modifier_item_1 = require("./modifier-item");
-const link_1 = require("@sima-land/ui-nucleons/link");
-const Statement_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Statement"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const modifiers_list_module_scss_1 = __importDefault(require("./modifiers-list.module.scss"));
-const cx = bind_1.default.bind(modifiers_list_module_scss_1.default);
-/**
- * Компонент списка модификаторов.
- * @param props Свойства.
- * @return Элемент.
- */
-function ModifiersList({ items, currencyGrapheme, sizesTableUrl, wrapperProps, itemsContainerProps, onItemClick, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { ...wrapperProps, children: [sizesTableUrl && ((0, jsx_runtime_1.jsx)("div", { className: cx('sizes-table-wrapper'), children: (0, jsx_runtime_1.jsxs)(link_1.Link, { className: cx('sizes-table-link'), href: sizesTableUrl, children: ["\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0440\u0430\u0437\u043C\u0435\u0440\u043E\u0432", (0, jsx_runtime_1.jsx)(Statement_1.default, { role: 'presentation', className: cx('sizes-table-icon') })] }) })), Array.isArray(items) && ((0, jsx_runtime_1.jsx)("div", { ...itemsContainerProps, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(modifier_item_1.ModifierItem, { ...item, onClick: () => onItemClick && onItemClick(item), currencyGrapheme: currencyGrapheme }, index))) }))] }));
-}
-exports.ModifiersList = ModifiersList;
-//# sourceMappingURL=index.js.map

package/mobile/components/modifiers-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mobile/components/modifiers-list/index.tsx"],"names":[],"mappings":";;;;;;;AACA,mDAAkE;AAClE,sDAAmD;AACnD,mGAA8E;AAC9E,2DAAyC;AACzC,8FAAkD;AAsBlD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,oCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,WAAW,GACO;IAClB,OAAO,CACL,oCAAS,YAAY,aAClB,aAAa,IAAI,CAChB,gCAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,YACvC,wBAAC,WAAI,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAE,aAAa,4GAE1D,uBAAC,mBAAY,IAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAI,IAClE,GACH,CACP,EAEA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CACvB,mCAAS,mBAAmB,YACzB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uBAAC,4BAAY,OAEP,IAAI,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,EAC/C,gBAAgB,EAAE,gBAAgB,IAH7B,KAAK,CAIV,CACH,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAjCD,sCAiCC"}

package/mobile/components/modifiers-list/modifier-item/index.d.ts

@@ -1,28 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { ModifierType } from '../../../../common/types';
-export interface ModifierItemProps {
-    /** Наименование модификатора. */
-    name: string;
-    /** Выбран ли модификатор. */
-    selected?: boolean;
-    /** Тип модификатора. */
-    type?: ModifierType;
-    /** Цвет модификатора. */
-    color?: string;
-    /** URL изображения модификатора. */
-    image?: string;
-    /** Цена товара-модификатора. */
-    price: number;
-    /** Графема валюты пользователя. */
-    currencyGrapheme?: string;
-    /** Дополнительный текст. */
-    additionalText?: string;
-    /** Обработчик клика на модификатор. */
-    onClick?: MouseEventHandler<HTMLDivElement>;
-}
-/**
- * Компонент модификатора в списке.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function ModifierItem({ name, selected, type, color, image, price, currencyGrapheme, additionalText, onClick, }: ModifierItemProps): import("react/jsx-runtime").JSX.Element;

package/mobile/components/modifiers-list/modifier-item/index.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModifierItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const price_1 = require("@sima-land/ui-nucleons/price");
-const text_1 = require("@sima-land/ui-nucleons/text");
-const constants_1 = require("../../../../common/constants");
-const Check_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Check"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const modifier_item_module_scss_1 = __importDefault(require("./modifier-item.module.scss"));
-const cx = bind_1.default.bind(modifier_item_module_scss_1.default);
-/**
- * Компонент модификатора в списке.
- * @param props Свойства.
- * @return Элемент.
- */
-function ModifierItem({ name, selected, type = 'text', color, image, price, currencyGrapheme, additionalText, onClick, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('wrapper', selected && 'selected'), onClick: onClick, children: [Boolean(type === constants_1.MODIFIER_TYPE.image && image) && ((0, jsx_runtime_1.jsx)("img", { className: cx('adornment'), src: image, alt: name })), Boolean(type === constants_1.MODIFIER_TYPE.color && color) && ((0, jsx_runtime_1.jsx)("div", { className: cx('adornment', 'color'), style: { backgroundColor: color } })), (0, jsx_runtime_1.jsxs)("div", { className: cx('info'), children: [(0, jsx_runtime_1.jsx)("span", { className: cx('name'), children: name }), Boolean(price) && ((0, jsx_runtime_1.jsx)(price_1.Price, { value: price, currencyGrapheme: currencyGrapheme, className: cx('price', additionalText && 'additional') })), Boolean(additionalText) && ((0, jsx_runtime_1.jsx)(text_1.Text, { color: 'basic-gray38', children: additionalText, size: 12, lineHeight: 16 }))] }), (0, jsx_runtime_1.jsx)("div", { className: cx('icon-wrapper'), children: selected && ((0, jsx_runtime_1.jsx)("div", { className: cx('icon'), children: (0, jsx_runtime_1.jsx)(Check_1.default, { fill: '#fff', role: 'presentation' }) })) })] }));
-}
-exports.ModifierItem = ModifierItem;
-//# sourceMappingURL=index.js.map

package/mobile/components/modifiers-list/modifier-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/mobile/components/modifiers-list/modifier-item/index.tsx"],"names":[],"mappings":";;;;;;;AACA,wDAAqD;AACrD,sDAAmD;AAEnD,4DAA6D;AAC7D,2FAAsE;AACtE,2DAAyC;AACzC,4FAAiD;AA+BjD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,mCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,KAAK,EACL,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,OAAO,GACW;IAClB,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,IAAI,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,aACpE,OAAO,CAAC,IAAI,KAAK,yBAAa,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CACjD,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,GAAI,CAC3D,EAEA,OAAO,CAAC,IAAI,KAAK,yBAAa,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CACjD,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAI,CAChF,EAED,iCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aACxB,iCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EAEzC,OAAO,CAAC,KAAK,CAAC,IAAI,CACjB,uBAAC,aAAK,IACJ,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,cAAc,IAAI,YAAY,CAAC,GACtD,CACH,EAEA,OAAO,CAAC,cAAc,CAAC,IAAI,CAC1B,uBAAC,WAAI,IAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,GAAI,CAClF,IACG,EAEN,gCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,YAC/B,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YACxB,uBAAC,eAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,GAAG,GACxC,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC;AA9CD,oCA8CC"}

package/mobile/components/modifiers-list/modifier-item/modifier-item.module.scss

@@ -1,70 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-
-.wrapper {
-  box-sizing: border-box;
-  cursor: pointer;
-  display: flex;
-  padding: 16px;
-  width: 100%;
-  &:not(:last-child) {
-    box-shadow: inset 0 -1px 0 colors.$basic-gray12;
-  }
-  &.selected {
-    background: colors.$basic-gray4;
-    cursor: auto;
-    pointer-events: none;
-  }
-}
-
-.adornment {
-  flex-shrink: 0;
-  display: block;
-  width: 48px;
-  height: 48px;
-  margin-right: 16px;
-  border-radius: 4px;
-  &.color {
-    box-sizing: border-box;
-    border: 1px solid #e0e0e0;
-  }
-}
-
-.info {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  .name {
-    &::first-letter {
-      text-transform: capitalize;
-    }
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 600;
-    padding-bottom: 4px;
-  }
-  .price {
-    font-size: 14px;
-    line-height: 20px;
-    &.additional {
-      padding-bottom: 12px;
-    }
-  }
-}
-
-.icon-wrapper {
-  flex-shrink: 0;
-  margin-left: 16px;
-  width: 48px;
-  height: 48px;
-}
-
-.icon {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  border-radius: 50%;
-  background-color: colors.$additional-teal;
-}

package/mobile/components/modifiers-list/modifiers-list.module.scss

@@ -1,21 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-
-.sizes-table-wrapper {
-  box-shadow: inset 0 -1px 0 colors.$basic-gray12;
-  padding: 16px;
-  font-size: 16px;
-  font-weight: 600;
-}
-
-.sizes-table-icon {
-  vertical-align: middle;
-  fill: currentColor;
-  margin-left: 8px;
-  padding-bottom: 4px;
-}
-
-.sizes-table-link {
-  display: inline-block;
-  vertical-align: middle;
-  height: 24px;
-}

package/mobile/components/pseudo-input/index.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface PseudoInputProps extends HTMLAttributes<HTMLDivElement> {
-    /** Текст, введенный в поле. */
-    text?: string;
-}
-/**
- * Псевдо-поле поиска.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const PseudoInput: ({ text, className, ...rest }: PseudoInputProps) => import("react/jsx-runtime").JSX.Element;

package/mobile/components/pseudo-input/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PseudoInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const Search_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Search"));
-const pseudo_input_module_scss_1 = __importDefault(require("./pseudo-input.module.scss"));
-const cx = bind_1.default.bind(pseudo_input_module_scss_1.default);
-/**
- * Псевдо-поле поиска.
- * @param props Свойства.
- * @return Элемент.
- */
-const PseudoInput = ({ text, className, ...rest }) => ((0, jsx_runtime_1.jsxs)("div", { ...rest, role: 'button', className: cx('input', className), children: [(0, jsx_runtime_1.jsx)(Search_1.default, { className: cx('icon'), "aria-hidden": 'true' }), (0, jsx_runtime_1.jsx)("span", { className: cx('text'), children: text })] }));
-exports.PseudoInput = PseudoInput;
-//# sourceMappingURL=index.js.map

package/mobile/components/pseudo-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mobile/components/pseudo-input/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAyC;AACzC,6FAAwE;AACxE,0FAAgD;AAQhD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,kCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE,CAAC,CAC7E,oCAAS,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,aAC5D,uBAAC,gBAAS,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAc,MAAM,GAAG,EACvD,iCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IACtC,CACP,CAAC;AALW,QAAA,WAAW,eAKtB"}

package/mobile/components/pseudo-input/pseudo-input.module.scss

@@ -1,24 +0,0 @@
-@use 'node_modules/@sima-land/ui-nucleons/colors';
-
-.input {
-  display: flex;
-  align-items: center;
-  height: 40px;
-  padding: 0 16px 0 12px;
-  border-radius: 8px;
-  background-color: colors.$basic-gray4;
-}
-
-.icon {
-  display: block;
-  flex-shrink: 0;
-  fill: colors.$basic-gray38;
-}
-
-.text {
-  display: block;
-  margin-left: 12px;
-  font-size: 16px;
-  line-height: 24px;
-  color: colors.$basic-gray38;
-}